Smashing Daily #8: Unquotes, CSS, Lasers

You’ll always find something of interest in The Smashing Daily (I hope) but this edition will please you most if you’re either into CSS, like fonts, care about documentation, want to (or don’t want to) design inside the browser, design responsively, or when you like dragging, dropping and working with lasers.

Unquoted font family names in CSS1
As a part of his ongoing study of the validity of strings Mathias Bynens (who is celebrating his birthday today! Hooray2!) wrote this article on unquoted font family names in CSS. I always thought that a font-name with white space in it needs quotes around it but it seems to be a bit more complicated than that (of course). Great article as always.

Happy Birthday Mathias3

Helping with the MDN: what about linking to us?4
The Mozilla Developer Network5 is trying to create the best documentation about the Web. They already have some of the best documentation on CSS6 as well as JavaScript7 while other languages like HTML8 are getting better and better. You can actually help improve it by writing articles or keeping them up to date (or easier, by linking to them).

Drag and Drop and Automatically Send to the Server9
If you’re looking for a good tutorial for dragging and dropping and automatically uploading an image to the server, look no further; Remy Sharp wrote it. Thorough as always, with a decent fallback.

A good example of drag and drop uploading10

Designing in the Browser is Not the Answer11
More and more people start to believe that we should design in the browser when we design for the Web. But not Andy Budd, who argues that the browser lacks the necessary tools (e.g. no direct input whatsoever) to be a good design tool. A good read, even if you don’t (or do) agree with him.

Android Fragmentation Visualized12
Some people promote a fixed set of predefined mediaqueries based on common screen sizes. You should never listen to them and this article explains why: there are no common screen sizes. Just use break points when the content (or layout) breaks and you should do just fine.

Fragmentation of screen sizes13

Cross-Browser Debugging CSS14
I have the feeling that Web development is getting easier now that we don’t need to fully support IE6 and IE7 (that is, if you don’t have to support them). But occasionally you still encounter a weird bug or some strange cross browser inconsistencies. Nicolle Sullivan wrote an excellent article on cross browser debugging. Even if you consider yourself to be a CSS pro, you still should read this.

Stubbornella » Blog Archive » Code formatting for CSS Gradients15
The syntax of CSS3 gradients can be quite complex and writing complex code like that on one single line is not a good idea (here’s why16). Nicole Sullivan explores some possible ways to write CSS3 gradients. There are also more suggestions in the comments.

Coverage—Mobilism 201217
Mobilism 2012 is over. For those of you who, like me, can’t get enough of it, here’s a page with links to everything that’s related to the conference. Presentations, videos, photos and blogposts, there’s enough to read already. This page is not just interesting for people who attended, you should check it out.

Link Dump18
Do you need more to read? Here’s a nice eclectic link dump by Blair Millen with links about parenting, cheap laptops, negative proximity and photo tampering.

A nice little link dump19

Last Click

Laser Eyes ?????????!????????20
One of the best productivity apps showcases for modern Web development I know is Laser Eyes21, an app that adds lasers to your photo’s. If you don’t know how it works but you do know Taiwanese (that’s not a language? It’s probably Chinese), here’s an instruction.

Laser Eyes explained (in Chinese)22

Previous Issues23

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

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