Skip to main content Jump to list of all articles Jump to all topics

Author Vitaly Friedman

583 articles

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing, he’s most probably running front-end & UX workshops. He loves solving complex UX, front-end and performance problems. He also runs Smart Interface Design Patterns, a video course and UX training for passionate UX designers.

T-Shaped vs. V-Shaped Designers

Now Shipping: Success At Scale, A New Smashing Book by Addy Osmani

What’s The Perfect Design Process?

Usability Pitfalls of Disabled Buttons, and How To Avoid Them

Designing Filters That Work: Best Practices and Guidelines

From AVIF to WebP: A New Smashing Book By Addy Osmani

User-Friendly Mega-Dropdowns: When Hover Menus Fail

Designing Birthday Picker UX: Simpler Is Better

Meet Image Optimization, A New Smashing Book By Addy Osmani

From Cats With Love: New Navigation, Guides And Workshops

A Complete Guide To HTML Email

Vanilla JavaScript Code Snippets

A Complete Guide To Accessible Front-End Components

How We Improved SmashingMag Performance

Writing For Smashing Magazine

How We Run Online Workshops

Smart Interface Design Patterns In Your Pocket: Checklist Cards PDF

#BlackLivesMatter

Click! Here: Meet Our New Smashing Book

Meet “Click!”: Encourage Clicks Without Shady Tricks

Meet SmashingConf Live: Our New Interactive Online Conference

Meet “The Ethical Design Handbook”: How To Leave Dark Patterns Behind

Building A CSS Layout: Live Stream With Rachel Andrew

Smashing TV Live: Privacy UX, A Session With Vitaly Friedman

Meet “Inclusive Components”, A New Printed Book By Heydon Pickering

UX Improvements For Keyboard Accessibility

JAMstack Fundamentals: What, What And How

When Do We Need A Design System? An Interview With Brad Frost

Demystifying JAMstack: An Interview With Phil Hawskworth

Privacy UX: Privacy-Aware Design Framework

It’s Here! Meet “Art Direction For The Web,” A New Smashing Book

Privacy UX: Better Notifications And Permission Requests

Privacy UX: Better Cookie Consent Experiences

Privacy UX: Common Concerns And Privacy In Web Forms

Don’t Pay To Speak At Commercial Events

SmashingConf Toronto Videos

We Are Just Getting Started: 1,000 Smashing Members

Animating SVG Files With SVGator

Meet Smashing Book 6: New Frontiers In Web Design

New Treasures In Front-End And UX — Meet SmashingConf NYC 2018

The Future Is Here! Augmented And Virtual Reality Icon Set

A Conference Without Slides: Meet SmashingConf Toronto 2018 (June 26-27)

Celebrating Smashing Newsletter #200: The Things We Learned Along The Way

Designing A Perfect Configurator UX

Respect Always Comes First

The Smashing Mystery Riddle Is Resolved: When Purple Rain Meets Felix The Cat

The Smashing Mystery Riddle #8, An Emoji Edition

  • 3 min read

From Cats With Love: Welcome The New Smashing Membership

“You Must Unlearn What You Have Learned” — Meet SmashingConf San Francisco #breakout (April 17-18)

Smashing Consultancy

We’ve Got A Lil’ Announcement To Make: Rachel Andrew Is SmashingMag’s New Editor-In-Chief

Uploading Directories At Once With webkitdirectory

We’re Touring Through Southeast Asia: Join The Mozilla Developer Roadshow!

The CSS Grid Challenge: Build A Template, Win Some Smashing Prizes!

Designing The Perfect Feature Comparison Table

Learn From What You See: It All Starts With Inspiration

Designing The Perfect Slider UX

Challenge Yourself More Often By Creating Artwork Every Day

Designing The Perfect Date And Time Picker

Designing The Perfect Accordion

Finding Inspiration In The Little Things Around Us

Vibrant Illustrations To Let Your Mind Wander

35 Joyful Easter Wallpaper ? Funny Bunnies And Painted Eggs

Bunnies ahead! These fluffy little fellows are an unmistakable sign that Easter is here. Along with their companions in crime, yellow chicks, of course. But did you know that Easter bunnies can be much more than cute? Some of them have a secret passion for skateboarding, others take it up even with their natural predators to protect their easter eggs. Don’t believe it? Well, wait and see.

In this post, we compiled the best Easter wallpapers from our monthly contest for you. It all started back in 2008 and it’s still running today thanks to the love and patience that artists and designers from all across the globe put into creating unique, inspiring, and, well, simply beautiful, wallpapers each month anew. So without further ado, let’s dive right into the world of bunnies, cheeky chicks, blooming flowers, easter eggs, and — how could we forget — chocolate, of course. Happy Easter!

Read more…

A Little Surprise Is Waiting For You Here.

Inspiring Illustrations With Plenty Of Bright Colors And Cool Patterns

Colorful Inspiration For Gray Days: Illustration And Photography At Their Best

SmashingConf New York 2017: Don’t Let Bad Front-End/UX Be Your Kryptonite!

Freebie: Clothing Icons (40 Icons, 9 Styles, AI, EPS, SVG, PNG)

Desktop Wallpaper Calendars: January 2017

Front End Performance Checklist 2017 [PDF, Apple Pages]

✅ The Ultimate Digital Clean-Up Checklist: Are You Prepared For The New Year?

Breaking Out Of The Box: Design Inspiration (December 2016)

Desktop Wallpaper Calendars: December 2016 - Festive Christmas Edition

Freebie: Thanksgiving Icon Set (15 Icons, PNG, PSD, AI, SVG)

SmashingConf San Francisco 2017: Somethin’ Is Cookin’ In The Kitchen!

Breaking Out Of The Box: Design Inspiration (November 2016)

Desktop Wallpaper Calendars: November 2016

Meet “Inclusive Front-End Design Patterns”, A New Smashing Book

Taking The Pattern Library To The Next Level

Breaking Out Of The Box: Design Inspiration (October 2016)

Desktop Wallpaper Calendars: October 2016

Breaking Out Of The Box: Design Inspiration (September 2016)

83 Flat Line UX And E-Commerce Icons For Free

Desktop Wallpaper Calendars: September 2016

Behind The Scenes: What It Takes To Publish A Smashing Article

Breaking Out Of The Box: Design Inspiration (August 2016)

Desktop Wallpaper Calendars: August 2016

Freebie: Olympics Sports Icon Set (45 Icons, EPS, PDF, PNG, SVG)

Grab Your Sunglasses: 40 Vibrant Icons To Welcome Summer

Breaking Out Of The Box: Design Inspiration For July

Desktop Wallpaper Calendars: July 2016

12 Colorful Months And Seasons Illustrations [Freebie]

How To Roll Out New Features Without Hurting Loyal Users

Breaking Out Of The Box: Design Inspiration (June 2016)

Desktop Wallpaper Calendars: June 2016

Smart Responsive Design Patterns, Or When Off-Canvas Isn’t Good Enough

40 Otherworldly Space Icons [Freebie]

Breaking Out Of The Box: Design Inspiration (May 2016)

On Design Systems: Sell The Output, Not The Workflow

39 Tuneful Musical Instruments Icons [Freebie]

Desktop Wallpaper Calendars: May 2016

Freebie: Hotel And Spa Icon Set (55 Icons PNG, SVG)

Desktop Wallpaper Calendars: April 2016

Printed Smashing Books

Useful WordPress Tools, Themes And Plugins

Dirty Tricks From The Dark Corners Of Front-End (Slides, PDF)

Monday Morning Design Inspiration

A Never-Ending Story On Ad-Blockers

Desktop Wallpaper Calendars: March 2016

The Riddle #7 Resolved: New York Pizza, Jules Verne And 28 Hong Kong Street

72 Home Appliance And Real Estate Icons [Freebie]

Automatically Art-Directed Responsive Images? Here You Go.

Design Mock-Ups Need Dynamic Content: Tools And Plugins

Desktop Wallpaper Calendars: February 2016

Printed Smashing Books

Desktop Wallpaper Calendars: December 2015

No Hard Feelings: The Wait For “Hardboiled Web Design” Is Over

40 Travel Icons To Spruce Up Your Designs [Freebie]

Desktop Wallpaper Calendars: November 2015

Desktop Wallpaper Calendars: October 2015

Freebie: World Landmark Icons (AI, EPS, PDF, PNG and PSD)

It’s The Smashing Birthday Party, And You Are Invited (With Goodies!)

The New Smashing Mystery Riddle #6 (Failed): Have You Figured It Out Yet?

Desktop Wallpaper Calendars: September 2015

Desktop Wallpaper Calendars: August 2015

60 Lovely Workspace Illustrations [Freebie]

Web Design Is Dead. No, It Isn’t.

Smashicons – A Carefully Crafted Iconset in 4 Styles [Freebie]

Desktop Wallpaper Calendars: July 2015

40 Responsive Sports Icons [Freebie]

Desktop Wallpaper Calendars: June 2015

Desktop Wallpaper Calendars: May 2015

That’s Real-Life Responsive Web Design: Meet The Brand New Smashing Book 5

Desktop Wallpaper Calendars: April 2015

Freebie: Swifticons Icon Set (92 Icons, AI, Sketch, PNG, SVG, EPS, PDF)

Desktop Wallpaper Calendars: March 2015

The Mystery #5 Is Resolved: Northern Lights, Windmills And The Game Of The Century

Desktop Wallpaper Calendars: February 2015

The Smashing Mystery Riddle #5: Have You Figured It Out Yet?

The Delightful Dashel Iconset [Freebie]

Desktop Wallpaper Calendars: January 2015

100 Fantastic Tourism & Travel Icons [Freebie]

100 Responsive And Mobile Icons [Freebie]

Desktop Wallpaper Calendars: December 2014 (Christmas Edition)

100 Handsome Hand-Drawn Doodle Icons [Freebie]

45 Colorful Flat Icons [Freebie]

Desktop Wallpaper Calendars: November 2014

Smashing Conferences & Workshops

Let’s Travel The World: 100 Trendy Touristic Icons [Freebie]

Freebie: Icons Of Autumn (50 Icons, EPS)

“There Are More Bugs In Mobile Than… Particles In The Universe!”

Desktop Wallpaper Calendars: October 2014

Improving Smashing Magazine’s Web Performance: A Case Study

Desktop Wallpaper Calendars: September 2014

Desktop Wallpaper Calendars: August 2014

“Making It Right”: Product Management For A Startup World

The Mystery #4 Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels

The Smashing Mystery Riddle #4: Have You Figured It Out Yet?

The New Smashing Mystery Riddle: Have You Figured It Out Yet?

36 Beautiful Rounded Icons - Meet The Ballicons 2 [Freebie]

Desktop Wallpaper Calendars: June 2014

50 Colorful Flat Summer Icons [Freebie]

Desktop Wallpaper Calendars: May 2014

Meet The Mobile Web Handbook

60 Astonishing Flat Icons For Free

Desktop Wallpaper Calendars: April 2014

The Mystery #3 Is Resolved: A Story Of Muffin Crumbs, Shady Characters And Invisible Letters

Smashing Mystery Riddle #3: Have You Figured It Out Yet?

31 Stunning Spring Desktop Wallpaper Calendars: March 2014

Welcome To The Smashing WordPress Section

Desktop Wallpaper Calendars: February 2014

The Smashing Mystery Riddle #2: Have You Figured It Out Yet?

60 Stylish Round Icons - Meet The Roundicons

Desktop Wallpaper Calendars: January 2014

Exo 2.0, A Contemporary Geometric Sans Serif Font [Freebie]

Desktop Wallpaper Calendars: December 2013 (Christmas Edition)

Smashing Book 4 (Nov 2013)

128 Colorful Nice Things Icons For Free

Desktop Wallpaper Calendars: November 2013

Desktop Wallpaper Calendars: October 2013

Good Content Is Too Valuable To Die

33 Tempting E-Commerce Icons [Freebie]

The Seven Years That Changed Everything

Desktop Wallpaper Calendars: September 2013

Type & Grids: Free Responsive HTML5 Template

Desktop Wallpaper Calendars: August 2013

Desktop Wallpaper Calendars: July 2013

The Smashing Editor’s Choice: A Free eBook

16 Lovely St. Valentine’s Day ? Icons For Free

Desktop Wallpaper Calendars: February 2013

Christmas Icon Set (10 Quality Icons, 256×256px PNG)

Exclusive Videos And Interviews (Part 1)

Introducing The Smashing eBook Library

42 Chunky Pika Style Icons [Freebie]

A Look Inside Smashing Magazine

Desktop Wallpaper Calendars: September 2012

Beautiful iPhone And iPad Retina Wallpapers

Bored?

40 Delightful High-Quality Free Fonts

Desktop Wallpaper Calendars: March 2012

The Smashing Book #3: All Good Things Come In Threes

10 Free St. Valentine’s Day Icons ???

Desktop Wallpaper Calendars: February 2012

23 Splendid High-Quality Free Fonts

Free New Twitter Profile Page GUI PSD

20 Festive Christmas Icons [Freebie]

Desktop Wallpaper Calendar: December 2011

The Smashing Cartoons

Desktop Wallpaper Calendar: April 2011

Desktop Wallpaper Calendar: March 2011

CSS: Innovative Techniques and Practical Solutions

Useful Web Services, Tools and Resources For Web Designers

Desktop Wallpaper Calendar: January 2011

25 Impressive Free High-Quality Fonts

Why We Should Start Using CSS3 And HTML5 Today

Desktop Wallpaper Calendar: December 2010

Web Typography: Educational Resources, Tools and Techniques

50 Free High Quality Icons Sets

18 Credit Card, Debit Card and Payment Icons [Freebie]

50 Powerful Time-Savers For Web Designers

50 New Useful CSS Techniques, Tutorials and Tools

Useful Photoshop Techniques, Tutorials and Tools

Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

65 Desktop Wallpaper Calendar: September 2010

Modernist: Free WordPress Theme with Focus on Typography

55 Beautiful Free High-Quality Fonts To Jazz Up Your Designs

50 Useful Tools and Resources For Web Designers

Free Full Layered Facebook GUI PSD Kit

12 CMS Icons For Content Management Systems [Freebie]

Showcase of Sweet Chocolate Websites

CSS3 Design Ideas

Showcase of Beautiful Photography

Showcase of Wonderful Photography

Hello. Let’s talk.

Start Using CSS3 Today: Techniques and Tutorials

50 New Useful CSS Techniques, Tools and Tutorials

FIFA Football World Cup 2010 Wallpapers (for Minimalism Lovers)

Download a Free Magento Theme: HelloWired

28 Ideas And Examples Of Amazing Paper Art

12 Free Icons to Charm Up Your Online Portfolio

Web Design Trends 2010: Real-Life Metaphors and CSS3 Adaptation

CSS 2.1 and CSS 3 Help Cheat Sheets (PDF)

Women In Web Design: Group Interview

50 Helpful Typography Tools And Resources

40 Useful jQuery Techniques and Plugins

750 Web Designer Icons [Freebie]

Imperial Porcelain: Free Icon Set

50 Stunning Free High-Quality Icon Sets

45 Fresh Useful JavaScript and jQuery Techniques and Tools

60 Live-Saving Medical Icons [Freebie]

Photoshop Shortcut Keys Cheat Sheet [PDF]

50 Cool Javascript Examples And CSS3 Tricks

Smashing Highlights 2009

Yummy! Free Food and Cakes Icon Set

50 Beautiful Free Icon Sets For Your Next Design

Smashing Christmas Icon Set [Freebie]

The Death Of The Blog Post

20 Free High Quality Playful Fonts

50 Useful New jQuery Techniques and Tutorials

Android GUI PSD Vector Kit

Beautiful New Free Fonts For Your Designs

50 New Beautiful Blog Designs

CSS3 Cheat Sheet (PDF)

HTML5 Cheat Sheet [PDF] Free Download

Beautiful High-Quality Free Fonts For Your Designs

6 Free PSD/(X)HTML-Templates

Flavour Extended: The Ultimate Icon Set For Web Designers

15 Fresh High-Quality Free Fonts

DelliStore: A Free Professional CSS/XHTML/PSD-Template

Acorn Icon Set For Free Download

Free Photoshop Brushes: Watercolor, Space, Canvas

New Smashing Freebies For Designers and Bloggers

35 Truly Stunning, Beautiful And Unusual Pictures

Smashing Retro Icon Set

Really Cute Twitter Icons: Tweeters & Birdies

Smashing Magazine Comic Strip: Episode 1

3 Heavenly Christmas Icon Sets [Freebie]

22 Extremely Useful And Powerful CSS Tools

iPhone PSD Vector Kit

Retro and Vintage In Modern Web Design

Practika: A Free Icon Set

Free Fonts Myndraine, Museo Sans

Tribute To Graffiti Art: 50 Beautiful Street Artworks

40 Creative Design Layouts: Getting Out Of The Box

10 Futuristic User Interfaces

5 Useful Coding Solutions For Designers and Developers

Pop Art Is Alive: Classics and Modern Artworks

Let There Be Light: Light Paintings and Sculptures

50 Georgeous Nature Wallpapers

Table of Contents: Creative Examples

Web Form Design Patterns: Sign-Up Forms

Creative Calendar Designs

Beautiful Brochures and Booklets

Beautiful Black and White Photography

Beautiful and Expressive Packaging Design

Applying Divine Proportion To Your Web Designs

Beautiful And Original Product Designs

40 Professional Icon Packs For Free Download

Sexy, Bold And Experimental Typography

Improving Code Readability With CSS Styleguides

(Really) Stunning Pictures and Photos

Five More Principles Of Effective Web Design

Celebration Of Vintage and Retro Design

Excellent Book Covers and Paperbacks

Beautiful Handwriting Styles, Lettering and Calligraphy

Slick Laptop Designs and Concepts

60 Brilliant Corporate Fonts

Laptop Sleeves, Skins and Stickers

35 Fantastic HDR Images

Navigation Menus: Trends and Examples

Breathtaking Typographic Posters

Powerful CSS-Techniques For Effective Coding

25 Mind-Blowing Gadgets

Award-Winning Newspaper Designs

15 Stunning Cutting-Edge Gadgets and Technologies

29 Cool Music Videos

Data Visualization and Infographics

Innovative Designs and Devices

Smashing Magazine’s Publishing Policy

Creative Workplaces

40 Excellent Free Fonts For Professonal Design

Tag Clouds Gallery: Examples And Good Practices

30 Usability Issues To Be Aware Of

50 Web Designers x 6 Questions

80 Beautiful Professional Fonts

Data Visualization: Modern Approaches

70 Expert Ideas For Better CSS Coding

70 Expert Ideas For Better CSS Coding

Microformats: What They Are and How To Use Them

CSS Float Theory: Things You Should Know

35 Designers x 5 Questions

Designing With Grid-Based Approach

53 CSS-Techniques You Couldn’t Live Without

Preventing Spam: Bulletproof Solutions

Web 2.0: Buzz-Monitoring and Tracking

Diagrams: Tools and Tutorials

Become A Smashing Editor

Smart Interface Design Patterns Checklists (Digital)

Every UI component, no matter if it’s an accordion, a hamburger navigation, a data table, or a carousel, brings along its unique challenges. Inventing a new solution to every problem takes time, and very often it’s really not necessary. We can rely on smart design patterns and ask the right questions ahead of time to avoid issues down the line.

Meet Interface Design Patterns Checklists, a deck of 166 cards with common questions to ask when tackling a common interface challenge — carousel, table, date picker, autocomplete, filtering, search, configurator, slider, timeline, map, web forms, testimonials, onboarding, pricing plan, authentication and many others. Created to help us all keep track of the things we need to consider to design better interfaces, faster. Check the preview (PDF, 825KB).

Read more…

Writing A Smashing Article