Content Folding
Mar
23
2012
13
In which we interdigitate content in a responsive layout rather than just “push it to the bottom.”
New Poll: Your Preferred CSS Preprocessor Syntax
Mar
19
2012
All the popular ones are in there as options, as well as an “other” option in case you use something else (please share in comments). Or, vote “never tried,” “don’t like any of ‘em,” and “no preference” accordingly.
Poll Results: Will There Be a CSS Competitor?
Mar
17
2012
In this last poll, we asked:
In the next 10 years, will there be a serious alternative to CSS?
Of over 9,000 votes so far, the majority are of the opinion that there will not be…
How to Create Stunning Effects With 165 Media Queries or Less!
Mar
15
2012
One bizarre trend emerging in this new RWD era is desktop-browsing web designers resizing their browsers to watch the break-points change the layout. The average user never sits at their desk repetitively shrinking and expanding the browser window like a mad scientist. Yup, we’re all strange.
Downlevel Hidden / Downlevel Revealed
Mar
13
2012
Just gonna clear up a little thing here that I’ve seen people struggle with a few times. There are two different kinds of conditional comments for Internet Explorer that have slightly different syntaxes: Downlevel Hidden and Downlevel Revealed (microsoft docs). …
Latest Snippets
- Corner Ribbon
- Layered Paper
- Base64 Encode of 1x1px Transparent GIF
- Post Data to an iframe
- Append / Prepend Files
- Subdirectories URL Internally Redirect to Query String
- Get Object Size
- Redirect to SSL
- Remove Specific Value from Array
- Paste Events
- Year Shortcode
- Turn on WordPress Error Reporting
- Detect Location by IP
- Send a Text Message
Latest Screencast
#110: Quick Overview of CSS Position Values
This is a quick beginner-level overview of the different CSS position values. In a nutshell: relative allows you to "nudge" and leaves the element's original position in the page flow. Absolute and fixed allow for exact placement of elements and remove them from the page flow. Fixed positioned elements are unaffected by scrolling. All of them set a new positioning context and allow z-index to work.
Links from Video:
Hot Links
The East Wing →
I got to be on The East Wing podcast with Tim Smith.
Maintaining CSS Style States using “Infinite” Transition Delays →
Clever idea by Joel Besada on using instant transition timing with really long transition delays (999999s) to maintain visual states in CSS.
About HTML semantics and front-end architecture →
Good read from Nicolas Gallagher. Among the gems:
Class names cannot be “unsemantic”. Whatever names are being used: they have meaning, they have purpose.
When Twitter Bootstrap first came out, I rewrote the compiled CSS to better reflect how I would author it by hand and to compare the file sizes. After minifying both files, the hand-crafted CSS was about 10% smaller than the pre-processor output. But when both files were also gzipped, the pre-processor output was about 5% smaller than the hand-crafted CSS.
Again: the smaller CSS file came out bigger when gzipped.