In this edition of The Smashing Daily we have some great links and tutorials for CSS-nerds, stuff for browser-debuggers, philosophical articles about ownership, what makes a mobile device and an actual physical wireframing machine! Enjoy!
“Minimum Paragraph Widths in Fluid Layouts2”
Floating an image inside a paragraph of text only works if the text block is wide enough (a common issue in responsive, fluid layouts). Here’s a very clever pesudo-element-trick by Gustav Andersson that solves this problem.
“Pure CSS Clickable Events Without :target4”
You can use
:target or hidden checkboxes to create a CSS-only dropdown menu, but there’s also the way Ryan Collins explains, which uses
:hover. Not the most practical way, I think, but it seems to work.
“Are free apps evil?5”
When you use a free service you are the product is a common heard modern wisdom. Some people say that people should know this and that it’s their own responsibility if the app has negative side effects. Christian Heilmann wrote a long article on the subject, which ranges from Twitter selling your data (while you can’t access this data yourself) to proposing new ways of advertising.
“Love Hotels and Unicode6”
Here’s an excellent transcript of a fascinating presentation by Matt Mayer about unicode. Did I just use the words fascinating and unicode in the same sentence? Yes, I did, and rightly so—it’s a great, informative read.
“A flexible shadow with background-size9”
It used to be pretty hard to create shadows on the Web, we had to resort to complex image-hacks and still we couldn’t do everything we wanted. With CSS3 we can probably do more than we want. Here’s a nice example of a nice shadow and how you can make such a thing with current Web technologies.
Do you want more to read? Here’s an edition of the consistently excellent Reading List by Bruce Lawson with links and comments about Web vs. native, standardsy stuff, legal stuff and more.
“The DIWire Bender12”
Rapid prototyping can be exciting on the Web, and many tools are being developed as we speak. But I’m afraid those tools will never be as exciting as this DIWire Bender prototyping machine (we need more machines on the Web if we want to keep competing with real life).
- 1 https://github.com/scottjehl/Device-Bugs/issues?page=1&state=open
- 2 http://css-tricks.com/minimum-paragraph-widths/
- 3 http://css-tricks.com/minimum-paragraph-widths/
- 4 http://www.ryancollins.me/?p=1041
- 5 http://christianheilmann.com/2012/03/26/are-free-apps-evil/
- 6 http://www.reigndesign.com/blog/love-hotels-and-unicode/
- 7 http://www.reigndesign.com/blog/love-hotels-and-unicode/
- 8 http://www.lukew.com/ff/entry.asp?1518
- 9 http://devblog.xing.com/frontend/a-flexible-shadow-with-background-size/
- 10 http://devblog.xing.com/frontend/a-flexible-shadow-with-background-size/
- 11 http://www.brucelawson.co.uk/2012/reading-list-17/
- 12 http://vimeo.com/41425580
- 13 http://vimeo.com/41425580
- 14 www.smashingmagazine.com/the-smashing-daily-archive/
- 15 www.smashingmagazine.com/the-smashing-daily-archive/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.