Smashing Daily #47: Box-Sizing, Searching, SVG

A tutorial about timed notifications with CSS, a presentation about mobile Web performance, a story about box-sizing, everything you need to know about unicode, the most important skill for a Web developer and a great article that explains SVG clipPath. All this, and more, in today’s Smashing Daily. Enjoy!

Mobile Web Performance1

Performance is important, but the lessons we learned from desktop Web performance are not always sufficient when we’re working with mobile Web. Estelle Weyl created this presentation in which she explains in depth the things you should know about performance when working on mobile websites. You should definitely click through it.

Everything About Mobile Web Performance2

Timed Notifications With CSS Animations3

Here’s a nice tutorial by Manoela Ilic for creating timed notifications with CSS animations (notifications that disappear after a while).

How to Create Timed Notifications4

Sizing Boxes (Back To The Future)—Destroy/dstorey5

Here’s a great post by David Storey which starts off as a story about Web development and Web design, and how it has evolved over the last decades from a combination of tables to a wonderful set of techniques. Later, it turns into a post which looks at all the pros and cons of using box-sizing: border-box. A great read.

How To Solve Impossible Problems: Daniel Russell’s Awesome Google Search Techniques6

One of the most important skills a Web developer needs is that they should know how to search for things that they don’t know, or can’t remember—they must know how to google. Here are some great tips for people who want to work on that skill.

Emulate Touch Events In Chrome7

There’s an easy way to emulate touch events in Chrome for the desktop, and Martin Kool explains how to do it.

All About Unicode, UTF8 & Character Sets8

One of the best things about HTML5 is that instead of copying and pasting this code from an arbitrary Web page, we can now just write down, from memory, this code: . Yes, it’s true that we can remember it. But what does it mean, and what does it do, exactly? Paul Tero explains.

Everything About Characters9

Guidelines for Inviting Karl Dubost To A Conference10

If you’re organizing a conference or an event and you’re about to invite people to speak, be sure to check this simple list of questions one needs to answer with the invitation.

Reading List11

Do you need more to read? Here’s an excellent reading list by Bruce Lawson with links about the Web industry, Web standards and more.

Last Click

Using SVG clipPath12

In this nice tutorial Sawyer Hollenshead explains how you can use SVG clipPath for some great-looking effects. Never worked with SVG before? Then why not start here?

The Amazing SVG clipPath13

Previous Issues14

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

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