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

Author Vitaly Friedman

541 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.

How We Improved SmashingMag Performance

Writing For Smashing Magazine

Smart Interface Design Patterns In Your Pocket: Checklist Cards PDF

Smart Interface Design Patterns In Your Pocket: Checklist Cards PDF

Smart Interface Design Patterns Checklists

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. Jump to table of contents.

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)

You’ll get:

  • 166 checklist cards on everything from hamburger navigation and carousels to web forms and tables, carefully curated and designed,
  • Practical examples and guidelines (400 slides),
  • Editable text file to adjust for your needs,
  • Life-time access to the deck, updated regularly.

Read more…


Respect Always Comes First

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

Smashing Consultancy

SmashingConf 2018: Fetch Those Early-Bird Tickets!

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!

Learn From What You See: It All Starts With Inspiration

Designing The Perfect Slider

Challenge Yourself More Often By Creating Artwork Every Day

Designing The Perfect Date And Time Picker

Designing The Perfect Accordion

As Far As The Eye Can See: Colorful Sceneries, Posters And Covers

Finding Inspiration In The Little Things Around Us

From Small CSS Tricks To Great Design Mysteries: SmashingConf Barcelona 2017

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…

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!

While designing for the web today, there are so many unknowns that getting things right appears to be a task that requires quite… special abilities. Don’t you feel like Wonderwoman or Superman when squishing that annoying CSS/JavaScript bug or improving front-end performance, or making the UX workflow smooth at your company? Well, we do! Now, we also love sharing, and as we know from Superman, “Do good to others, and everybody can be a Superman”! That should hold true for cats, too, right?

SmashingConf NYC 2017 won’t solve all complex problems, but once it’s over you’ll know how to conquer yours. With practical front-end and UX techniques, battles, fights, wins and losses, we’d love you to learn and share your special abilities and your experiences! So reserve that plane, that bird, or flying superhero and meet us in New York City! To the tickets.

Read more…

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

50 Examples Of Stellar Use Of Light, Shadow And Texture To Kick Start Your Inspiration

Front End Performance Checklist 2017 [PDF, Apple Pages]

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)

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

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

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

83 Flat Line UX And E-Commerce Icons For Free

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

Desktop Wallpaper Calendars: August 2016

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]

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

Desktop Wallpaper Calendars: June 2016

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]

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

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

Desktop Wallpaper Calendars: April 2016

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

Automatically Art-Directed Responsive Images? Here You Go.

In many projects, responsive images aren’t a technical issue but a strategic concern. Delivering different images to different screens is technically possible with srcset and sizes and element and Picturefill (or a similar) polyfill; but all of those variants of images have to be created, adjusted and baked into the logic of the existing CMS. And that’s not easy.

Read more…

Design Mock-Ups Need Dynamic Content: Tools And Plugins

Printed Smashing Books

Desktop Wallpaper Calendars: December 2015

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

Desktop Wallpaper Calendars: November 2015

Desktop Wallpaper Calendars: October 2015

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

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