Spread the word
Send someone this way
If Coders Rock was useful to you, here is everything you would need to tell someone else about it, ready to copy.
There is no affiliate scheme, no referral code, and nothing to sign up for. Nothing here reports back: the badges style themselves and load nothing from us, so putting one on your page does not send your visitors to a server of ours.
A link
https://codersrock.com/[Coders Rock](https://codersrock.com/)<a href="https://codersrock.com/">Coders Rock</a>Something to say
Free coding practice that runs in your browser, with no account and nothing to sign up for: https://codersrock.com/If you are learning to code, Coders Rock has small challenges in pseudocode, Python, JavaScript, Java, C++, and C# that run right in your browser. No account, no streaks, no leaderboard -- write a few lines, see what they do, and get on with building something. https://codersrock.com/Practicing at CodersRock.com -- free coding challenges, no account needed.A badge, with no image to host
These are a single HTML tag that carries its own styling. Paste one anywhere that accepts HTML and it will look the same as it does here, whatever stylesheet is around it.
For a page with a light background.
<a href="https://codersrock.com/" style="display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;font:600 15px/1.2 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;background:#ffffff;border:1px solid #e4e0ee;color:#1a1726"><span style="font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;color:#7c3aed">>_</span><span>Practice at CodersRock.com</span></a>For a page with a dark background.
<a href="https://codersrock.com/" style="display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;font:600 15px/1.2 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;background:#17141f;border:1px solid #2c2740;color:#f4f2fa"><span style="font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;color:#a78bfa">>_</span><span>Practice at CodersRock.com</span></a>Borrows whatever text color is already around it, so it works on either.
<a href="https://codersrock.com/" style="display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;font:600 15px/1.2 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;background:transparent;border:1px solid currentColor;color:inherit"><span style="font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;color:inherit">>_</span><span>Practice at CodersRock.com</span></a>A badge as an image
For somewhere that strips HTML styling. The snippet points at the copy hosted here, which is the easy way; if you would rather not depend on our server staying up, download the file and host it yourself.
<a href="https://codersrock.com/"><img src="https://codersrock.com/badges/codersrock-badge-light.png" alt="Practice at CodersRock.com" width="270" height="44"></a>
<a href="https://codersrock.com/"><img src="https://codersrock.com/badges/codersrock-badge-dark.png" alt="Practice at CodersRock.com" width="270" height="44"></a>Or just show someone
Honestly, the thing that works is opening the playground on their machine and watching them type. The rest of this page is for when they are not in the room.