Launch of Deals for Designers
August 22 2011
8
There’s a new area of the site: Deals for Designers with discounts on products and services from quality companies.
Infinite All-CSS Scrolling Slideshow
August 21 2011
Just for kicks I wanted to see if I could make a row of images animate across a page and repeat indefinitely. Turns out it’s really not that hard. The way I did it was to make one big long graphic where the first part and the last part are visually identical.
How I Think Posting HTML In Comments Should Work
August 19 2011
People post a good bit of HTML in the comments of articles on this site. They are trying to demonstrate something, ask for troubleshooting help, show alternate techniques, etc. This is excellent. I want to encourage this as much as possible. Unfortunately people are often confused on how to do it correctly and get frustrated when it comes out wrong.
A Really Nice Way To Handle Popup Information
August 17 2011
Showing additional info (“popup”) when hovering over an element is a pretty easy thing to do. But there is a ton of subtle ways to improve that interaction. This articles goes over a really excellent technique for this covered by Doug Neiner at the Front End Design Conference 2011.
Transitions and Animations on CSS Generated Content
August 16 2011
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 I’m just making this blog post my permanent home to track the progress on this.
Latest Snippets
- Make Non-Password Inputs Use Bullets (or Bullet Alternatives)
- Triangular List Bullets
- iPhone Calling and Texting Links
- HTML5 Article Structure with hNews
- Subdirectories URL Internally Redirect to Query String
- PHP Error Logging
- Add Data Attribute of User Agent
- Namespaced Javascript Template
- Force iframe to Reload
- Test if at least one checkbox is checked
- Turn On More Buttons in the WordPress Visual Editor
- Enable All Possible Post Formats
- Output Buffering
- Variable Variables
Latest Screencast
#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 write any actual CSS, but we discuss CSS as we go, because markup choices and where we do/don't need classes/ID's are directly related to that.
Hot Links
Brushed Metal with CSS Gradients →
By the inimitable samurai.
Another use case for the don't-exist-yet but-will-soon "conical" gradients.
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 before but I have a few things to say about it that I think are worthwhile.
#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.