Blogging. You can do better.
That’s my (solo) panel name for SXSW Interactive 2011. I’ll love you forever if you upvote it to increase my chances of getting to do it this year. It was denied city last year. I haven’t talked much about blogging …
Force an Iframe to Reload
You can touch the src of it:
$('iframe').attr('src', $('iframe').attr('src'));#100
I finally shot the 100th video. No big fireworks, just more front end learnin’! In this one we look at a Photoshop design and mark it up in HTML5 as semantically as we can.…
#100: Let’s Write Semantic Markup
We spend an entire hour looking at a Photoshop design and writing HTML5 markup that describes what we see. We try and be as semantic as we can and discuss the challenges of that as they come up. We don’t …
iPhone Calling and Texting Links
This is the calling one (probably more useful if the clickable text is words, as the iPhone auto-detects phone numbers and does this automatically):
<a href="tel:1-408-555-5555">1-408-555-5555</a>This is the SMS one, which overrides the default calling behavior:
<a href="sms:1-408-555-1212">New SMS Skin your Chrome Inspector
Darcy Clarke on how you can give the Web Inspector in Chrome a facelift (with example stylesheet). …
Transitions and Animations on CSS Generated Content
Generated content means pseudo elements added to the page via the ::before and ::after. The support for applying transitions or animations to these in the current browser landscape is not great. I think this is a huge bummer, so …
Flip flop navigation with box-flex
Jeremy Keith shows us how to put the navigation on the bottom of the page in a vertical layout for small screens and the top of the page in a horizontal layout for large screens by fiddling with the the …
‘space’ and ’round’ values
Louis Lazaris shows us how space and round give us some more possibilities with how repeating backgrounds are dealt with in CSS3.…
Turn On More Buttons in the WordPress Visual Editor
These buttons (like one for adding an <hr> tag) aren’t there by default in the WordPress visual editor, but you can turn them on pretty easily. This is code for your active theme’s functions.php file, or make a functionality plugin…
Persistent Headers
This is some code to get the header of some content area to stay visible at the top of the screen as you scroll through that content. Then go away when you’ve scrolled past that relevant section.…