I made this a few days ago and I'm pretty happy with it. I used some CSS3 and a bit of modular typography. The notepad itself is pure CSS no images or JavaScript needed. The checkbox's work by using this nifty bit: css input:checked + label { text-decoration: line-through; } Let me know what you think. Working Demo: http://codepen.io/JamesBarnett/full/rAeln http://i.imgur.com/8vt9hTk.jpg The 10 essentials list is from REI (http://www.rei.com/learn/expert-advice/ten-essentials.html)

Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Posted March 11, 2013 5:12pm by

CSS Notepad

I made this a few days ago and I'm pretty happy with it. I used some CSS3 and a bit of modular typography. The notepad itself is pure CSS no images or JavaScript needed.

The checkbox's work by using this nifty bit:

input:checked + label { text-decoration: line-through; }

Let me know what you think.

Working Demo: http://codepen.io/JamesBarnett/full/rAeln

The 10 essentials list is from REI

2 Answers

March 11, 2013 6:38pm

Cool!

March 11, 2013 6:40pm

Pretty cool James! I'm always surprised what's possible with pure CSS

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.