Teddy Zetterlund teddyzetterlund
Do It is a simple todo list application written for the command-line. Right now it doesn't have any fancy features or anything and a simple text-file is probably handier to use for keeping track of your todos. Do It is simply my entry for the Code Brawl competition Command line TODO lists.
This project is my first in more than one way. It's my first entry to Code Brawl and it's my first command-line application. I didn't enter the competition to win it, I entered because it would give me motivation to just jump into it and try to write my first CLI-application.
It turned out I couldn't spare a whole of time this week, but at least I got the essential in and I'm planning on improving this application further and then make it my first gem - just for the sake of learning and experimenting.
| /** | |
| * Dead center an image both vertically and horizontally inside | |
| * a containing element. | |
| * | |
| * Notes: | |
| * The dead-center container needs height and width set, | |
| * and the image to be centered can't exceed those dimenstions. | |
| * | |
| * Example: | |
| * <div class="example dead-center"> |
| blockquote::after { | |
| content: "— 014\ " attr(cite); | |
| display: block; | |
| text-align: right; | |
| } |
| #!/usr/bin/env ruby | |
| # Compare commit message formatting to formatting policy. | |
| # | |
| # Message should include a Pivotal Story ID reference | |
| # and an optional state change keyword. | |
| # | |
| # Example: [Fixes #12345] | |
| message_file = ARGV[0] |
| /* | |
| http://snook.ca/archives/html_and_css/handling-overflow | |
| http://www.456bereastreet.com/archive/201206/using_media_queries_to_hide_css3_from_older_browsers/ | |
| Tested in: | |
| // Uses fade | |
| - Safari 5.1.7 | |
| - Chrome 19 | |
| - Opera 12 |
This structure is greatly inspired by [Jonathan Snook][snook]'s book [Scalable and Modular Architecture for CSS][smacss], which is a highly recommended book to read for anyone messing about with CSS in projects of any size.
Keep in mind that what is described in this document is not a framework or library, it's more of a styleguide for everyone to follow when working with front-end code on a project together (or for handing over to someone else later on).
Remember that there is no one true way, but this is a collection of battle tested guidelines and techniques that has proven themselves in the past to help keep your growing collection of front-end components better organised and structured for both small and big teams.
CSS Rule Categories
Simple example of nested placeholders in Sass and the unfortunate CSS output it generates.
| article { | |
| counter-reset: figures; | |
| } | |
| figure { | |
| counter-increment: figures; | |
| } | |
| figcaption:before { | |
| content: "Fig. " counter(figures) " - "; /* For I18n support; use data-counter-string. */ |