Profile

Cover photo
Verified name
31,927 followers|9,702,270 views
AboutPostsPhotosVideos

Stream

Smashing Magazine

Shared publicly  - 
 
Today's article explains how SVG filters help us to create playful, decorative web typography: http://www.smashingmagazine.com/2015/05/26/why-the-svg-filter-is-awesome/
SVG filters (and CSS filters) are usually considered a way to spice up bitmaps via blur effects or color manipulation. But they are much more. Like CSS rules, an SVG filter can be a set of directives to add another visual layer on top of conventional text. With the CSS filter property, these effects can be used outside of SVG and be applied directly to HTML content.
5
3
j.b. o.'s profile photoWayne Hazell's profile photo
Add a comment...

Smashing Magazine

Shared publicly  - 
1. Thou shalt provide clear, always visible labels for each field There is a trend in web design to show form labels only when a field is focussed. This can be cool on a simple form like a username/password form, but for anything longer it is probably a bad idea. When you have the space to show labels, do so. Especially in a long form a user will review the input he or she entered; when you can’t read which field corresponds to which label there ...
28
15
Rogério Aguiar Hanssen's profile photoZaza Meshveliani's profile photo
Add a comment...

Smashing Magazine

Shared publicly  - 
 
And that’s how we use responsive background images with background-size and padding-bottom (via @simevidas) http://www.sitepoint.com/video-scalable-backgrounds-css/
In this short video, I'll show you how to create a background container that scales seamlessly to fit any browser size.
30
16
terina le roux's profile photoMarcello Palmitessa's profile photopaul toole's profile photoLenny Tang's profile photo
 
Very clever trick. It would be nice if the CSS was on a web page since it's impossible to copypasta text from a video ;)
Add a comment...

Smashing Magazine

Shared publicly  - 
 
In case you missed the news, Fontstand lets you rent fonts by the month, with 21 type foundries on board. https://fontstand.com
Fontstand allows trying fonts for free or renting them by the month for desktop use for just a fraction of the regular price.
4
1
Keith Hayden's profile photo
Add a comment...

Smashing Magazine

Shared publicly  - 
 
Adblock Plus launches browser for Android (in beta) to be able to block ads over HTTPS. https://adblockplus.org/releases/adblock-browser-10-for-android-is-in-open-beta (via @simevidas)
Adblock Browser 1.0 for Android is in open beta · 2015-05-20 10:00 by Felix Dahlke. For the past few months, we've been working on a mobile browser with adblocking tightly integrated. Today we're proud to announce the open beta of Adblock Browser for Android. We've kept things secretive around ...
6
2
Cyrill KALITA's profile photoTR C's profile photoMarcello Palmitessa's profile photo
 
.. To support the software, they will show ads.
Add a comment...

Smashing Magazine

Shared publicly  - 
 
A map of all the underwater cables that connect the internet. http://www.vox.com/2015/3/13/8204655/submarine-cables-internet
Do you know how the internet gets across the ocean? This amazing map shows every cable that makes it possible.
46
21
konehead design's profile photowe are nois3's profile photo
Add a comment...
Have them in circles
31,927 people
Atul Bhalerao's profile photo
Yuthasak Tanruengsri's profile photo
Valentin Sampl's profile photo
Qc Jamil's profile photo
Armand Victor Claustro's profile photo
lizzmar Idola's profile photo
Steven Wright's profile photo
Charles Henri's profile photo
Dae Clarke's profile photo

Smashing Magazine

Shared publicly  - 
 
Ah, clever: Reusing your SVG logo as a loading indicator with CSS Animations. https://cssanimation.rocks/buffer/
Using CSS and SVG to create lightweight yet smooth animation
16
8
Ray Leslie's profile photoTobias Sailer's profile photo
Add a comment...

Smashing Magazine

Shared publicly  - 
 
An ongoing type project that annotates a typeface every day, pointing out interesting details. http://typedetail.com
Type detail is an ongoing project by Wenting Zhang, inspired by the great discontent's 100 day project and Stephen Coles's great book The Anatomy of Type. The rule and goal is to annotate a web typeface each day, pointing out the beautiful details of the type forms that often get overlooked.
4
Add a comment...

Smashing Magazine

Shared publicly  - 
 
A few tips for improving performance where hero images are concerned, by @Souders. http://www.stevesouders.com/blog/2015/05/12/hero-image-custom-metrics/
Hero Image Custom Metrics. May 12, 2015 1:31 am | 14 Comments. The takeaways from this post are: If your website has a hero image, make sure it loads and renders as early as possible. Many designs that feature a hero image suffer from HID (Hero Image Delay) mostly due to blocking scripts and ...
7
6
Marek Gebka's profile photoWayne Hazell's profile photo
Add a comment...

Smashing Magazine

Shared publicly  - 
 
Here's a question for you: Have you ever thought about how the design of a form affects the user’s decision-making? http://www.smashingmagazine.com/2015/05/25/designing-for-explicit-choice/
4
1
Lucianna Silva's profile photo
Add a comment...

Smashing Magazine

Shared publicly  - 
 
Can we make :visited states slightly smarter? We can: revisiting :visited. http://joelcalifa.com/blog/revisiting-visited/
3
2
Caspar Hübinger's profile photoDan Nolan's profile photo
Add a comment...
People
Have them in circles
31,927 people
Atul Bhalerao's profile photo
Yuthasak Tanruengsri's profile photo
Valentin Sampl's profile photo
Qc Jamil's profile photo
Armand Victor Claustro's profile photo
lizzmar Idola's profile photo
Steven Wright's profile photo
Charles Henri's profile photo
Dae Clarke's profile photo
Contact Information
Contact info
Email
Story
Tagline
An online magazine for professional Web designers and developers with focus on valuable techniques, best practices and useful resources for the Web design community.
Introduction
Smashing Magazine is an online magazine for professional Web designers and developers with focus on valuable techniques, best practices and useful resources for the Web design community.

The Smashing Family

Vitaly Friedman (founder, editor-in-chief), Sven Lennartz (founder, runs the business), Iris Ljesnjanin (editor), Ricardo Gimenes (Illustrator), Robin Schulz (Web developer), Stephan Poppe (PR & Marketing), Andrew Rogerson (content manager), Talita Telma (product development), Eugenia Hermann (office manager), Lisa Meier (office assistant), Jan Constantin (office assistant), Inge Emmler (support), Ursula Schwientek (support), Christiane Rosenberger (research) and Elja Friedman (research).

Other sites and services produced by Smashing Media GmbH
  • Smashing eBooksWe care about quality content and work hard to make the reading experience of our readers as convenient as possible. Our articles on Web design and Web development are presented in a regular way on Smashing Magazine, but they are all the more carefully edited, reviewed and curated for our ad-free eBooks—according to our quality standards and publishing policy.
  • The Shop (Our Book Store) - The Smashing Shop features bundle deals with some of the hottest Smashing Magazine publications, including eBooks on coding, WordPress, Web Design and more as well as the printed and digital Smashing Books #1, #2 and the brand new Smashing Book #3.
  • Smashing Jobs - The Smashing Job Board is where you want your job search to begin, no matter if you are looking or offering.
Thank you for adding us to your circle and your +1s ;-)