Responsive web design for beginners.
Front end code inspiration, education, and sharing.
How to tell if a developer has written bad CSS.
Coding Q&A with Chris Coyier.
Chained classes may be more specific than an #id.
“We should put quotes around ‘pixels’ now when we talk about them in relation to the web. When was the last time 10px meant 10 real pixels?”
Flexible images, flexible audio, and flexible video.
Web services Chris Coyier is paying money for.
Insights into CodePen's mobile strategy.
What might happen if we lose FeedBurner.
A round up of some ideas.
“vertical-align: not doing quite what you want since forever™”
A roundup of deployment systems.
“I wrote up a page to send people to when they tell me to change CMS’s.”
A roundup of CSS test questions.
CodePen integrates HTML Inspector, CSS Lint, and JS Hint.
Define a shape once, use it multiple times.
Most think it is a valuable distinction to make.
Task automation with Grunt.
“A good rule of thumb when worrying about the performance of CSS selectors is: don’t worry too much about the performance of CSS selectors.”
“What did you get for christmas?? I got a function but I think I’m going to return it;”
“What if your whole life was just an iframe.”
In honor of an undervalued CSS property.
Speeding up Ajax.
Scaling the font size at the root level.
Using inline SVG to animate the parts right through CSS.
How to master all this responsive image stuff.
“Websites of the future: still just helping people do the basic stuff people need to do.”
Precise text control in a graphic with SVG.
Ways to handle a common CSS issue.
Let the browser do the work.
Using ‘datalist’ with other input types than text.
Tutorial and demo.
Methods of overlaying text on images.
“I’m intentionally apolitical online because I just can’t handle the fighting. I need to save what energy I have to do useful things.”
“I don't subscribe to any specific CSS methodologies or strict rules.”
How to clean up HTML with hosted assets on CodePen.
What's new in Codepen.
How to make multi-level dropdown menus less frustrating.
Performance as part of the development process.
A comprehensive list.
CodePen now offers Babel in addition to Traceur.
Flexible alignment with ‘flex-wrap: wrap;’
Let’s talk about all the relevant points.
“I think calling them a postprocessor is silly at best and confusing at worst.”
Why you should use both to shrink website assets.
CodePen introduces private collections for PRO accounts.
CodePen, the frontend playground, now has a live console for debugging.
“We’re entering an era where we have to tell the browser how to optimize for performance.”
What they are and how they work.
“Hardly a day goes by I don’t see a dogmatic statement about the web.”
Why SVG 2 is at risk of never getting past Editor’s Draft status at the W3C.
Think of it as an integrated development environment for building websites.
Advantages and disadvantages of some of the options.
The power of Custom Properties.
Where we are and where we are going.