Smashing Magazine

JULY 14, 2021

Frustrating Design Patterns: Broken Filters. Frustrating Design Patterns: Broken Filters. Part Of: Design Patterns. Designing For The Comfortable Range. We do so by breaking our intent down into a set of available features. A well-designed filter in a well-designed trip planner UI. Vitaly Friedman.

Design 145

Design Retail Mobile Ecommerce 145

Smashing Magazine

AUGUST 8, 2019

Inspired Design Decisions: Ernest Journal. Inspired Design Decisions: Ernest Journal. When you work in design for any length of time, forming habits is natural. This repetition can be fabulous for your productivity, but when each design looks much like your last, you can quickly begin to feel jaded. Andrew Clarke.

Design 90

Design Energy Website Media 90

Smashing Magazine

APRIL 13, 2020

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions: Avaunt Magazine. Inspired Design Decisions: Pressing Matters.

Design 132

Design Media C++ Technology 132

Smashing Magazine

SEPTEMBER 5, 2019

Inspired Design Decisions: Alexey Brodovitch. Inspired Design Decisions: Alexey Brodovitch. Before writing Art Direction for the Web , I began to study Alexey Brodovitch when I became fascinated by editorial and magazine design. This book will make a fabulous addition to your design collection. Andrew Clarke.

Design 85

Design Media Website Development 85

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. Part Of: Design Patterns. Vitaly Friedman. 2021-08-05T13:30:00+00:00. 2021-08-05T17:04:11+00:00. Part 1: Perfect Accordion.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

OCTOBER 12, 2021

Bridging The Gap Between Designers And Developers. Bridging The Gap Between Designers And Developers. In the past couple of years, it’s no secret that our design tools have exponentially evolved. How do we bridge this gap between what is designed over what is developed without the overhead of constantly doing reviews?

Design 125

Design Development Testing Processing 125

Smashing Magazine

JUNE 26, 2020

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. With one or two occasional exceptions, I’ve spent the past twenty-two years designing for countless clients. I know many designers who work in-house.

Design 112

Design Media C++ Energy 112

Smashing Magazine

OCTOBER 3, 2019

Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force. Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force. Even if you didn’t study graphic design at art school, you might know a few famous names. Previously On “Inspired Design Decisions”. Inspired Design Decisions: Avaunt Magazine.

Design 87

Design Media Website Speed 87

Smashing Magazine

MAY 25, 2021

Smashing Magazine, like most publishers, makes use of web fonts and the below screenshot shows the difference between the initial render (with the fallback fonts), and the final render (with the web fonts): Smashing Magazine article with fallback font and with full web fonts. Large preview ). Large preview ).

Operating System 145

Operating System Google Website Cache 145

Smashing Magazine

DECEMBER 15, 2021

Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt). Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt). To many designers and developers the process of designing for mobile assumes that touch is natural, so we don’t need to pay any particular attention to the design of touch systems.

Mobile 122

Mobile Design Internet Internet 122

Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. However, their focus has always been on making a great-looking and effective design. Suzanne Scacca.

Website 111

Website Speed Mobile Design 111

Smashing Magazine

OCTOBER 15, 2021

Tips And Tricks For Evaluating UX/UI Designers. Tips And Tricks For Evaluating UX/UI Designers. When a company’s digital representation lacks a dedicated UX/UI design team, it can be hard to produce something that stands out from the crowd. That’s why you need a good UI/UX designer. Nataliya Sambir. And vice versa.

Design 116

Design Website Efficiency Processing 116

Smashing Magazine

DECEMBER 2, 2021

Advent Calendars For Web Designers And Developers (December 2021 Edition). Advent Calendars For Web Designers And Developers (December 2021 Edition). It doesn’t really matter if you’re a front-end dev, UX designer or content strategist, we’re certain you’ll find at least something to inspire you for the upcoming year.

Design 120

Design Development Programming Website 120

Smashing Magazine

NOVEMBER 24, 2021

Of course, design isn’t quite like art. While design tries to solve a particular problem, art makes us think and feel — provoking us and questioning the status quo. When we design experiences on the web, usually we rely on things that worked well in the past. Designing A Galaxy Far Far Away. Covid Art Museum.

Website 134

Website Design Games Open Source 134

Smashing Magazine

NOVEMBER 5, 2021

The Value Of Concept Testing As Part Of Product Design. The Value Of Concept Testing As Part Of Product Design. UX design teams are passionate about our approach to solving problems and providing users with experiences that lead to their desired outcomes. UX teams should consider it a mandatory step in designing a product.

Design 118

Design Testing Education Processing 118

Smashing Magazine

AUGUST 9, 2021

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Design for Safety from A Book Apart. Drew McLellan.

Design 115

Design Education Processing Network 115

Smashing Magazine

NOVEMBER 16, 2021

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. Touch Design for Mobile Interfaces presents and shares real information on hardware, people, interactions, and environments. Cover design by Espen Brunborg.

Mobile 106

Mobile Design Best Practices Website 106

Smashing Magazine

NOVEMBER 11, 2021

From Good To Great In Dashboard Design: Research, Decluttering And Data Viz. From Good To Great In Dashboard Design: Research, Decluttering And Data Viz. Tossing out suboptimal parts of our design can be a daunting task, especially after you’ve invested hours of work into it. Mediocre vs Great Dashboard Design.

Design 113

Design Best Practices Efficiency Testing 113

Smashing Magazine

AUGUST 20, 2021

Now there’s a massive range of Jamstack CMSs available, which bring all the advantages of static sites while allowing non-technical folk to update content. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. Smashing Magazine powered by Netlify. More after jump! Let’s fix that! Government.

Ecommerce 142

Ecommerce Website Government Internet 142

Smashing Magazine

NOVEMBER 9, 2021

To do that, you develop a personalized design style, including a certain combination of colors, typography, spacing, animations, and others, and apply the style consistently throughout your site. An example in case is this same website, Smashing Magazine. What about images? It makes more sense to automate this task. Conclusion.

Website 122

Website Social Media Media Design 122

Smashing Magazine

AUGUST 17, 2018

Designing For Micro-Moments. Designing For Micro-Moments. A couple of years ago, Google announced a new mobile-first initiative it wanted web designers and marketers to pick up on. In Myriam Jessier’s " Things Designers Should Know About SEO In 2018 ", she sums up Google’s four micro-moments: “I want to know.”. “I

Design 66

Design Google Website Mobile 66

Smashing Magazine

MARCH 7, 2022

That’s not to say the extraneous content is pointless — enhanced design and user interfaces can have an important impact on the brand of a website, and delightful little extras can really impact your users’ relationship with your site. That user preference is available in two (hopefully soon to be three!) Save Data API.

Website 120

Website Media Mobile Network 120

Smashing Magazine

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. Code My UI has some excellent code snippets available that you can use to create a skeleton screen for your PWA. Skeleton screen examples on Code My UI. Large preview ). PWA works with any input method.

Cache 136

Cache Internet Internet Google 136

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. A List Apart A List Apart focuses on UX and branding from business and design-oriented perspectives. Topics include web design, security, web-based tools and workflows and more.

Development 75

Development Website Design Code 75

Smashing Magazine

AUGUST 17, 2021

Icons are a fantastic way to help convey meaning and add some character to a design. Two versions available: Designers can use the Flagpack in Figma and Sketch, developers can install it directly within their code project (React, Vue, and Svelte are supported). Open-Source Flag Icons. Large preview ). A friendly little detail.

Open Source 144

Open Source Design Availability Website 144

Smashing Magazine

JUNE 3, 2022

What would the world’s most ideal, best practice and design research-driven highly legible serif, sans serif, and slab serif possibly be like? How good is a new typeface, and how good is it compared to a similar typeface designed in previous years? How well does a typeface work and perform against another similar typeface?

Performance 123

Performance Design Best Practices Testing 123

Smashing Magazine

OCTOBER 29, 2021

Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. A freely available online version of the classic reference book, The Elements of Style by William Strunk, Jr. This free e-book from the Copyblogger team is designed to get you up and running with the copywriting basics in ten easy lessons.

Energy 124

Energy Best Practices Design Availability 124

Smashing Magazine

DECEMBER 9, 2021

All icons and design elements in this collection can be downloaded for free, but please remember to consult their licenses or contact the creators before using them. A huge thank-you goes out to all designers who share their work with the community, not only at this time of the year! Designed by Iconscout ). You rock!

Design 121

Design Games Availability Transportation 121

Smashing Magazine

MAY 23, 2022

Some answers from the community surprised me, as they’ve included some very useful and often-requested CSS features which were made available in the past year or two. Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. So, let’s get started! all Property.

Media 143

Media Tuning Design Website 143

Smashing Magazine

JULY 16, 2021

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns.

Strategy 143

Strategy Virtualization Government Education 143

Smashing Magazine

JUNE 25, 2021

The business world today is obsessed with user experience (UX) design. Overall, this UX audit and redesign concept would be of great use to UX designers, business owners, and marketing people because it presents a way to audit and fix a product’s most obvious usability issues. On design systems, CSS/JS and UX. Mark Lankmilier.

Education 102

Education Website Google Design 102

Smashing Magazine

JUNE 10, 2022

We saw how important it is to keep the typographic design parameters and variables the same to get a more accurate result while testing different typefaces. Research and design effort based on not good, okay, very good. Measurement: Research and design effort based on not good, okay, very good. Did you miss out on it?

Performance 112

Performance Design Testing Speed 112

Smashing Magazine

AUGUST 12, 2021

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents. accessibility.

Google 145

Google Design Code Mobile 145

Smashing Magazine

FEBRUARY 3, 2022

Ideally, the design process should take into account the ways in which clients might wish to share content from social media. It’s worth considering whether other design options might provide the same (or better) value. A selection of well-designed testimonials could be a better alternative. But that doesn’t mean they should.

Social Media 121

Social Media Media Website Airlines 121

Smashing Magazine

SEPTEMBER 8, 2021

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.

Development 142

Development Media Design Mobile 142

Smashing Magazine

OCTOBER 7, 2021

The graphicsurf.com team wanted to contribute to the ongoing fight against COVID-19 and has designed a set of vector icons dedicated to the Coronavirus, or specifically, COVID-19. Anthony Tyschenko and Dennis Machuca took part in the design of the icons. A Little About The Design Progress. Jump to the free icon pack.

Design 134

Design Website Scalability Availability 134

Smashing Magazine

JULY 19, 2021

For instance, if you ran daily pixel-by-pixel visual tests on the homepage of this site, Smashing Magazine , you’re going to get a lot of failed tests as they produce more and more content. The designers on the team can plug in their mockups as a baseline and easily use them to compare the actual experience. Design/UX Collaboration.

Testing 144

Testing Code Design Strategy 144