Smashing Daily #27: CSS, Browsers, Color

The future of the Web, the future people of the Web, good CSS, an argument for dumber devices, browser and feature detection, an incredible color tool, and much more in the 27th edition of The Smashing Daily. Enjoy!

Stephanie Rieger presents Reset the Web1
Brad Frost took notes during a talk that Stephanie Rieger gave about the future of the Web and devices. He shares them on this page. If you’re interested at all in the future of the Web—of course you are!—you want to read these notes and click through the presentation.

Future of the web2

A new generation of Web builders are coming—5 tips to be ready3
People today are wasting their time, says Jane Finette, but soon people will start making great stuff. I don’t agree with her first point (I think people are already making great stuff), but her tips for companies about opening up to the new creative hordes are very good.

Decoupling HTML From CSS4
Jonathan Snook gives some excellent tips about decoupling HTML from CSS. If you want more good tips about good CSS, you might want to buy his book about CSS5.

Simplifying CSS Selectors6
Do CSS selectors have an impact on performance? Yes, sometimes they do, explains Steve Souders. You can determine how slow a selector is by looking at the right-most selector. Why? Just read the article (it’s not that long).

CSS Performance7

All hail the humble component8
Not all things need to get smarter. Robin Sloan thinks that TV’s should even get dumber. I like the idea. It’s often the same with software: the smarter the software the less I like it. It’s better to be really good at one thing than to suck at many things. And be sure to read the comments, there are some good thoughts in there.

Detect private browsing mode in mobile Safari on iOS59
It’s actually possible to detect if a user is browsing your website in private mode on iOS5. Matthew Caruana Galizia shows how simple this is.

Content order on touch screens10
Content order, the exact order of the content in the HTML code, is not always the same as the visual order on the screen. The main navigation can be shown at the top of the page, but it might be located at the bottom of the HTML. Henny Swan explains why source order does matter.

Source order11

Detector [BETA] — combined browser & feature-detection for your app12
Sometimes you want to send different HTML to different browsers or devices, as it doesn’t always make sense to send the same thing to everybody. In those cases you might want to take a look at Detector, a server/client-based browser and feature detection library. It’s well maintained by Dave Olsen, so far, which is absolutely essential for a script like this to maintain its function in the (near) future.

Last Click

Color Hex — ColorHexa.com13
This tool looks like the Wolfram Alpha14 of color. Enter a color code (hex, rgb, hsl, whatever) or color name (like Papaya Whip, for instance) and it will give you all the information you can think of and more… it even has a color blindness simulator! Absolutely incredible.

An amazing color tool15

Previous Issues16

For previous Smashing Daily issues, check out the Smashing Daily Archive17.

Vasilis van Gemert is the Principal Front-end Developer at Mirabeau in The Netherlands and a board member of Fronteers. His aim is to close the gap between design and (front-end) development. He believes the excess of knowledge he has can be better used by others, by more creative and smarter people. You can follow him on Twitter.

  1. 00

    No comments have been posted yet. Please feel free to comment first!
    Note: Make sure your comment is related to the topic of the article above. Let's start a personal and meaningful conversation!

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top