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 81

Design Media Website Development 81

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 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 79

Design Media Website Speed 79

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 113

Design Development Testing Processing 113

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 118

Design Media C++ Technology 118

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 98

Design Media C++ Energy 98

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 114

Design Website Efficiency Processing 114

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 106

Mobile Design Internet Internet 106

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 110

Design Development Programming Website 110

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 144

Operating System Google Website Cache 144

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

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 101

Design Testing Education Processing 101

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 101

Design Education Processing Network 101

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 90

Mobile Design Best Practices Website 90

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 125

Website Design Games Open Source 125

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 97

Design Best Practices Efficiency Testing 97

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 63

Design Google Website Small Business 63

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 140

Ecommerce Website Government Internet 140

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 107

Website Social Media Media Design 107

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

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 113

Performance Design Best Practices Testing 113

Smashing Magazine

DECEMBER 7, 2023

The fact that INP is already available in performance reports means we have an opportunity to familiarize ourselves with it today, in advance of its release. This is readily available in PageSpeed Insights and Google Search Console, not to mention DebugBear. That’s what this article is all about.

Traffic 98

Traffic Metrics Google Monitoring 98

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 98

Performance Design Testing Speed 98

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 121

Energy Best Practices Design Availability 121

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 126

Cache Internet Internet Google 126

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 86

Education Website Google Design 86

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 105

Design Games Availability Transportation 105

Smashing Magazine

AUGUST 10, 2023

Even with all of the available tools at my disposal, I still find myself reaching for several of them. Certain tools are designed for certain metrics with certain assumptions that produce certain results. Performance can easily be a profession and full-time job by itself, just as design, accessibility, and other specializations.

Speed 82

Speed Monitoring Testing Network 82

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

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 141

Media Tuning Design Website 141

Smashing Magazine

DECEMBER 19, 2021

Improving Core Web Vitals, A Smashing Magazine Case Study. Improving Core Web Vitals, A Smashing Magazine Case Study. I’m a big fan of Smashing Magazine and am very interested in web performance and the Core Web Vitals. Search Console told Smashing Magazine that their LCP on mobile for most of their pages needed improving.

Google 143

Google Traffic Mobile Website 143

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 104

Social Media Media Website Airlines 104

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 141

Strategy Virtualization Government Education 141

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. This approach, however, is far from perfect as there is a delay between the page’s first render and the wildcard being available. The live version is available at [link] and the source code can be found at [link]. More after jump!

Servers 87

Servers Website Code Best Practices 87

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

DECEMBER 27, 2021

I used to design and develop WordPress themes. Both are available via the official WordPress plugins repository and do not require any configuration. This setup assumes that the themes are available via some npm repository, which means we’ve already published them. What Are Gatsby Themes? We’re not there yet.

Website 130

Website Open Source Code Availability 130

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 130

Design Website Scalability Availability 130