Menu Search
Jump to the content X

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 Performance

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 Performance

Timed Notifications With CSS Animations

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 Notifications

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

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 Techniques

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 Chrome

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 Sets

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 Characters

Guidelines for Inviting Karl Dubost To A Conference

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 List

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 clipPath

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 clipPath

Previous Issues

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

Smashing Book #5

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? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

↑ Back to top Tweet itShare on Facebook

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 all fields are mandatory, 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!

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code><pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top