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

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

JULY 8, 2021

Tools And Practices To Speed Up The Vue.js Tools And Practices To Speed Up The Vue.js In a traditional app where we have signup, logins, or product page we want to have consistent behavior and design. UI kit built upon material design. Development Process. Development Process. Uma Victor. 2021-07-08T11:00:00+00:00.

Speed 141

Speed Processing Development Code 141

Smashing Magazine

AUGUST 10, 2023

Running A Page Speed Test: Monitoring vs. Measuring Running A Page Speed Test: Monitoring vs. Measuring Geoff Graham 2023-08-10T08:00:00+00:00 2023-08-10T12:35:05+00:00 This article is sponsored by DebugBear There is no shortage of ways to measure the speed of a webpage. Lighthouse results. One type is called lab data.

Speed 85

Speed Monitoring Testing Network 85

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. The website is a collection of songs collected over decades and now searchable, with filters by genre, speed, country, and time period. Covid Art Museum.

Website 134

Website Design Games Open Source 134

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

DECEMBER 23, 2020

It doesn’t come as a surprise, considering the benefits of higher conversion rates, customer engagement, decreased page loading speed, and lower costs on development and overhead. You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. Large preview ).

Cache 136

Cache Internet Internet Google 136

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. Ford, et al., “TCP on Upcoming Sapphire Rapids CPUs,” [link] - Oct 2020 - [Liu 20] Linda Liu, “Samsung QVO vs EVO vs PRO: What’s the Difference?

Performance 103

Performance Latency Cache Google 103

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 20, 2021

I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. Piecing together a website using a WYSIWYG editor and seeing the code it generated was a fascinating and educational experience that sparked an initial interest in web design. Smashing Magazine powered by Netlify. More after jump! Government.

Ecommerce 142

Ecommerce Website Government Internet 142

Smashing Magazine

JUNE 30, 2021

It’s a community effort , made possible by artists and designers from all across the globe who challenge their creative skills to cater for some good vibes on your screens. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves. Submit a wallpaper!

Wireless 131

Wireless Design Energy Transportation 131

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

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

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

NOVEMBER 22, 2021

We deployed these enhancements gradually over time to ensure that our users didn’t experience any disruptions, but instead only a consistent improvement of their site speed. There are more challenges for us in addition to scale and diversity: Retaining existing design and behavior. Creating A Performance Culture.

Website 141

Website Performance Google Website Performance 141

Smashing Magazine

DECEMBER 17, 2020

Search engine optimization (SEO) is an essential part of a website’s design, and one all too often overlooked. Implementing SEO best practice doesn’t just give you the best chance possible of ranking well in search engines; it makes your websites better by scrutinizing quality, design, accessibility, and speed, among other things.

Engineering 135

Engineering Google Website Mobile 135

Smashing Magazine

MARCH 2, 2021

While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. Testing the Smashing Magazine website on different devices. State Of Mobile 2021. That might come a little bit unexpected. Large preview ). Improving Accessibility.

Mobile 142

Mobile Testing Website Benchmarking 142

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

NOVEMBER 17, 2022

Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Webpage performance test report for the Smashing Magazine website. Fixes To Common Problems. The Benefits Of Using An Image Service CDN. Case Study: Image Component In A Jamstack Site. Conclusion.

Media 125

Media Cache Website Mobile 125

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 7, 2023

Rather than pushing off INP until after it starts influencing the way we measure site performance, let’s take a few minutes to level up our understanding of what it is and why it’s designed to replace FID. In other words, INP is a clearer and more accurate way to measure the speed of user interactions.

Traffic 114

Traffic Metrics Google Website 114

Smashing Magazine

JULY 19, 2021

Regardless of which diagram you subscribe to, ultimately the goal is to weigh the different options between cost and speed to determine the right fit for your particular application. 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

Smashing Magazine

OCTOBER 28, 2021

Unless you’ve designed a truly innovative new product, the chances are that you can already find something at least similar on Amazon. You’ll be better prepared to design, launch, and expand your product lineup with that data. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Website 119

Website Code Retail Design 119

Smashing Magazine

OCTOBER 24, 2023

A measly front-end designer like me can be blissfully ignorant of all this mumbo-jumbo. Let’s look at it for a site that’s much “heavier” than Smashing Magazine. Large preview ) That’s a nice big view and is a good illustration of TBT’s impact on page speed. Hey, look at that — great job, team! Meh, untrue.

Google 110

Google Analytics Traffic Metrics 110

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. This enables you to use wildcards in more than one route without duplicating code as well as speeding up the processing as code execution happens on the edge. Further Reading On Smashing Magazine. “ More after jump! split(".")[0];

Servers 102

Servers Website Code Best Practices 102

Smashing Magazine

MAY 9, 2022

You can also disable the Back/Forward Cache in Chrome at chrome://flags/#back-forward-cache if you want to experiment more, but the above steps should hopefully be a sufficient enough test to give a rough feel for the potential speed gains. More after jump! 400 pages , jam-packed with in-depth user research and best practices.

Cache 106

Cache Games Performance Website 106

Smashing Magazine

DECEMBER 27, 2021

You get the advantages of a static website (speed, security, static hosting) while you continue to manage your content via a WordPress dashboard. I used to design and develop WordPress themes. In this context, a theme is a JavaScript object that stores design system style values, scales, and/or design tokens.

Website 134

Website Open Source Code Availability 134

Rigor

JUNE 12, 2019

Alla Gringaus has worked with a multitude of well-established technology and media brands, including TIME , People , The Economist , and the American Kennel Club, carrying hands-on and leading roles in front-end development and UX, all driven by user-centered design. This is untrue, she says. Alla Gringaus #webperf Click To Tweet. .

Performance 72

Performance Social Media Internet Internet 72

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. Ford, et al., “TCP on Upcoming Sapphire Rapids CPUs,” [link] , Oct 2020 [Liu 20] Linda Liu, “Samsung QVO vs EVO vs PRO: What’s the Difference?

Performance 52

Performance Latency Cache Google 52

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. This speeds up the retrieval process and brings in performance improvements to your application. Technical and sales support. Enterprise features. Infrastructure Integration. Monolithic vs Microservices.

Cache 145

Cache Website Mobile Google 145

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 128

Mobile Website Hardware Social Media 128

Smashing Magazine

JULY 15, 2021

However, building data grid views with performance, speed, and user experience in mind can be a particularly daunting task. They often fail to implement responsive design for different screen sizes and orientations, are unable to lock or make parts of a grid sticky, and make accessibility an afterthought. Responsive Design.

Media 145

Media Virtualization Speed Performance 145

Smashing Magazine

AUGUST 31, 2021

Since more than ten years now, our monthly wallpapers series is the perfect opportunity for artists and designers from all across the world to challenge their creative skills and dive into a little project just for fun. In this post, you’ll find wallpaper designs for September 2021 , created with love by the community for the community.

Design 108

Design Entertainment Speed Availability 108

Smashing Magazine

JUNE 1, 2022

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 138

Website Design Network Testing 138

Smashing Magazine

SEPTEMBER 9, 2021

The more interesting thing, however, is the impact on the speed of our side. When we measure speed through Lighthouse, we get a speed index of 1.5 Whilst I believe Scrapbook handles this update well, it’s an important consideration when designing your user’s experience. seconds for the ISR + SWR variant of the site and 5.8

Cache 119

Cache Servers Internet Internet 119

Smashing Magazine

AUGUST 15, 2023

That’s practically an eternity when talking about page speed performance. Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. Here’s how we are approaching it. 400 pages , jam-packed with in-depth user research and best practices.

Media 77

Media Metrics Mobile Best Practices 77

Smashing Magazine

SEPTEMBER 11, 2020

How To Test A Design Concept For Effectiveness. Get Started With UI Design With These Tips To Speed Up Your Workflow. Subscribe and get the Smart Interface Design Checklists PDF delivered to your inbox. Subscribe and get the Smart Interface Design Checklists PDF delivered to your inbox. Front-end, design and UX.

Mobile 124

Mobile Testing Website Design 124