Functional CSS Tabs Revisited
August 23 2011
22
Functional tabbed area with just CSS. The backstory, where we are now, and the awesome theoretical future.
Launch of Deals for Designers
August 22 2011
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.
Latest Snippets
- Bouncy Animated Loading Animation
- Remove Gray Highlight When Tapping Links in Mobile Safari
- 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
Bootstrap →
HTML/CSS framework from Twitter (Mark Otto and Jacob Thornton). Pretty comprehensive: nice clean design and typography, grid system (fluid or fixed), form elements, buttons/navigation, alerts, tooltips, LESS support... I think a web app startup could do a lot worse than starting with this to get up and running quickly.
Don’t Fear the Internet →
Incredibly well done set of introduction to web design tutorial videos by Jessica Hische & Russ Maschmeyer. Kinda like my The VERY Basics video, but far more professional. Will be recommending this to every single person asking me how to get started into HTML and CSS.
Deck.js →
Pretty sweet slide deck framework that works in the browser by Caleb Troughton.