Smashing Daily #5: Strict Mode, Boring CSS And A Self Portrait

As always, you will probably find one or more things that interest you in this edition of the Smashing Daily, and if you’re lucky, you’ll even find something you didn’t know existed. There’s an experiment with fonts, lasers, node and sockets, a presentation about boring CSS, type news, JavaScript opinions, a crazy animation, and much, much more.

Creating digital things is awesome!1
Most of us front-end developers learned our profession by reading blogs, asking questions on twitter, or copying code from GitHub. Most of us don't give anything back to the community that helped them grow – which I think is OK, there is enough happening out there, not everybody has to participate. A colleague of mine decided to start blogging and sharing code. Here's the story why, and it's a nice read (and I hope that by linking he feels the pressure to keep writing, hahaha).

CSS: The Boring Bits2
Peter Gasston wrote one of the best books I've read last year, The Book Of CSS33 (yes, I'm a nerd), filled with exciting CSS stuff we'll be able to use in the near future (hopefully). Some of the highlights from this book are bundled in this presentation with the misleading title "CSS: The Boring Bits".

not so boring CSS4

It’s time to start using JavaScript strict mode5
Nicholas C. Zakas thinks it is time to start using JavaScript strict mode. In this post he explains what strict mode is and what the obvious changes are. He also gives the advice to only use it within a function and not use it globally to prevent conflicts from happening when aggressively concatenating.

Type News: Knäckebröd!6
All type nerds probably already follow the weekly Type News that Typedia provides. Always filled with new fonts and news about, yes, type. A gem that I found in this old post: liquid ASCII7. Last week’s post8 had some news about the incredible FF Chartwell9.

Type News10

Tab Sizing, String Values for IndexedDB and Chrome 2111
One of the series of articles that I think are worth following are the Webkit and Chromium update posts by Peter Beverloo—they are a great way to keep up to date on what's about to land in major browsers. This week Tab sizing, the ability for iframes to inherit styles from their parent iframe, and the fact that Japanese children are now able to play Pokemon once again definitely stand out.

The i, b, em, & strong elements12
If you're as old as I am you'll remember that suddenly we weren't allowed to use the <b> and <i> elements because they were purely presentational. And now suddenly we are allowed to use them again because their meaning changed. In this article Oli Studholme explains that not only <b> and <i> changed, but the meaning of <em> and <strong> has changed too!

the correct use of the b tag13

Bagarozz multiplayer laser game14
Peter Nederlof and I gave the introductory talk for the first Fronteers Hackathon. We live-coded this silly little multyplayer "game" where all the attendees could create a creature, walk around and shoot lasers. It was great fun.

For a Future-Friendly Web15
What do you need to think about when you're building a future friendly website? Brad Frost sums it up. All things in this article should be common knowledge by now, so be sure to read it.

Bruce Lawson’s Reading List16
Do you still need more to read? Here's an excellent reading list by Bruce Lawson about general webdev things, some links on localStorage and some random (entertaining) ego stuff.

Last Click

Self-Portrait17
Emeric Florence created this self-portrait with CSS 3D (move your mouse), inspired by this slightly disturbing video18 by Cyriak.

An experiment with css3 3d19

Previous Issues20

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

Footnotes

  1. 1 http://rikschennink.nl/blog/?p=8
  2. 2 http://www.slideshare.net/stopsatgreen/css-the-boring-bits
  3. 3 http://thebookofcss3.com/
  4. 4 http://www.slideshare.net/stopsatgreen/css-the-boring-bits
  5. 5 http://www.nczonline.net/blog/2012/03/13/its-time-to-start-using-javascript-strict-mode/
  6. 6 http://typedia.com/blog/post/type-news-knaeckebroed/
  7. 7 http://nkwiatek.com/
  8. 8 http://typedia.com/blog/post/type-news-dry-transfer/
  9. 9 https://www.fontfont.com/how-to-use-ff-chartwell
  10. 10 http://typedia.com/blog/post/type-news-knaeckebroed/
  11. 11 http://peter.sh/2012/05/tab-sizing-string-values-for-indexeddb-and-chrome-21/
  12. 12 http://html5doctor.com/i-b-em-strong-element/
  13. 13 http://html5doctor.com/i-b-em-strong-element/
  14. 14 http://vimeo.com/42451941
  15. 15 http://www.alistapart.com/articles/for-a-future-friendly-web/
  16. 16 http://www.brucelawson.co.uk/2012/reading-list-11/
  17. 17 http://minimal.be/lab/portrait/
  18. 18 https://www.youtube.com/watch?v=GAvS1ndtEKg&feature=player_embedded
  19. 19 http://minimal.be/lab/portrait/
  20. 20 www.smashingmagazine.com/the-smashing-daily-archive/
  21. 21 www.smashingmagazine.com/the-smashing-daily-archive/

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.

Advertising
  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