Nobody was born understanding CSS. We all struggled our way through the confusion. Good times, good times. Let’s think back on those confusing moments, that are probably confusing people as we speak. I’ll list some that I remember and you list yours.
Create a menu that, on smaller screens, changes into a dropdown menu. A dropdown takes up much less screen real estate and can be easier to use. This tutorial shows you how and discusses the ups and downs.
There are rules when it comes to leaving your attribute values unquoted in HTML. Then there are the actual problems that are caused by breaking them. Then there are problems that can happen outside of those rules. Yeah it’s kinda complicated but I’ve tried to document it here.
IE 8 (only) thinks that all table cells have a colspan attribute, whether they do or not. So if you are looking to style table cells uniquely that have that attribute, it’s a bit tough.
The new poll is up (in the sidebar on the actual site, RSS folks) and it reads:
Would you rather host a 200k file on a major CDN or a 20k file self-hosted?
This requires a little explanation.
Pretty fun, well designed, interesting quiz. You gotta cough up an email and stuff to play any of the quizzes beyond the first one so you might get some random Windows Phone emails or something, but hey it's fun.
Tim Brown from Typekit shares some pretty classy CSS text shadows and drops some painter's terminology.
The Typekit blog exemplifies an idea I've been telling any company I've been involved with for years and years. Publish lots of interesting articles freely sharing information about your field. Especially if it's useful beyond the narrow scope of your business. It establishes you as an expert and is great for traffic. I guarantee this blog post alone will sell a bunch of Typekit subscriptions tangentially.
John Allsopp with a comprehensive article and updated tool for creating them. Funny how the vast majority of radial gradient examples are super in-your-face eye-seizure colors. I think it's because the "real world" uses for them are few. Subtle lighting effects are about all I can think of.
HTML5 has a bunch of form-specific features that all make forms on the web better. Browser support for the features is all over the map, but many of the features can be thought of as progressive enhancement, so if it works, great, the form is better, if not, whatever. In this screencast we look at all the new types, attributes, and elements and finish up looking at real world forms and how they could be better if they used these HTML5 features.
Links from the video:
