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.
“Helping with the MDN: what about linking to us?4”
“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.
“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.
“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.
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.
“Laser Eyes ?????????!????????20”
One of the best
productivity apps 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.
- 1 http://mathiasbynens.be/notes/unquoted-font-family
- 2 https://twitter.com/mathias
- 3 http://mathiasbynens.be/notes/unquoted-font-family
- 4 https://hacks.mozilla.org/2012/03/helping-with-the-mdn-what-about-linking-to-us/
- 5 https://developer.mozilla.org/en-US/
- 6 https://developer.mozilla.org/en/CSS/CSS_Reference
- 8 https://developer.mozilla.org/en/HTML/
- 9 http://html5doctor.com/drag-and-drop-to-server/
- 10 http://html5doctor.com/drag-and-drop-to-server/
- 11 http://www.andybudd.com/archives/2012/03/designing_in_the_browser_is_not_the_answ/
- 12 http://opensignalmaps.com/reports/fragmentation.php
- 13 http://opensignalmaps.com/reports/fragmentation.php
- 14 http://www.stubbornella.org/content/2012/05/02/cross-browser-debugging-css/
- 15 http://www.stubbornella.org/content/2012/03/14/code-formatting-for-css-gradients/
- 16 http://sunpig.com/martin/archives/2010/08/11/why-each-css-property-should-have-its-own-line.html
- 17 http://mobilism.nl/2012/coverage
- 18 http://theletter.co.uk/index/6352/link%20dump
- 19 http://theletter.co.uk/index/6352/link%20dump
- 20 http://www.freegroup.org/2012/05/laser-eyes/
- 21 http://laserey.es/
- 22 http://www.freegroup.org/2012/05/laser-eyes/
- 23 www.smashingmagazine.com/the-smashing-daily-archive/
- 24 www.smashingmagazine.com/the-smashing-daily-archive/