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.

Performance 103

Performance Latency Cache Virtualization 103

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

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

MAY 25, 2021

A number of sites moved to font-display: swap when this first came out, and Google Fonts even made it the default in 2019. Now, when put side by side, the web fonts are considerably nicer and do fit with the Smashing Magazine brand. However, beyond that it didn’t really solve the problem. Large preview ). Large preview ).

Operating System 144

Operating System Google Website Cache 144

Smashing Magazine

AUGUST 4, 2021

With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Expanded Child From console.log(children). { $$typeof: Symbol(react.element), key: null, props: { href: "[link] children: "Smashing Magazine", style: {padding: "0 10px"} }, ref: null, type: "a", // … other properties }.

Open Source 139

Open Source C++ Google Website 139

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 Network Processing 101

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

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

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.

Performance 52

Performance Latency Cache Virtualization 52

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. The following qualities are considered great additions to the basic PWA by Google developers. Adaptive loading illustration by Google. The Application Works Offline As It Does Online.

Cache 126

Cache Internet Internet Google 126

Smashing Magazine

DECEMBER 7, 2023

It’s the newest metric of the bunch and is set to formally be a ranking factor in Google search results beginning in March 2024. 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.

Traffic 98

Traffic Metrics Google Monitoring 98

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.

Website 107

Website Social Media Media Design 107

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. Google Fonts. Google Sheets sync. responsive design and testing. responsive design and testing.

Google 145

Google Design Code Mobile 145

Smashing Magazine

OCTOBER 24, 2023

Writing a hand-spun analytics tracking dashboard isn’t what my clients really want to pay me for, so I’ll drop in the ol’ Google Analytics script and maybe never think of it again. A measly front-end designer like me can be blissfully ignorant of all this mumbo-jumbo. There are self-hosted alternatives to Google Analytics, after all.

Google 94

Google Analytics Traffic Metrics 94

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 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 17, 2020

Search engine optimization (SEO) is an essential part of a website’s design, and one all too often overlooked. The most beautiful, spectacular site in the world won’t do anyone much good if people can’t find it on Google (or Bing, or DuckDuckGo). From UX design to copywriting, quality content takes commitment, passion, and time.

Engineering 132

Engineering Google Website Mobile 132

Smashing Magazine

AUGUST 10, 2023

Certain tools are designed for certain metrics with certain assumptions that produce certain results. For example, the data is limited to Chrome users who are logged into their Google account, so it’s not completely representative of all users. Lighthouse results.

Speed 82

Speed Monitoring Testing Network 82

Smashing Magazine

NOVEMBER 22, 2021

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websites with good Google Core Web Vitals (CWV) scores was only 4%. Source: HTTP Archive's Core Web Vitals Technology Report. Large preview ).

Website 129

Website Performance Google Media 129

Smashing Magazine

SEPTEMBER 20, 2021

If you are just starting out wondering if someone might be re-publishing your web content, the easiest thing to do is a Google search. Copy a ten or twelve-word sentence from a page of interest on your site into the Google search bar, put it inside double-quotes, and click on Search. Further Reading on Smashing Magazine.

Website 92

Website Analytics Cache Google 92

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. From an SEO perspective, it doesn’t really matter what other tools tell you, GSC is what Google Search sees.

Google 143

Google Traffic Mobile Website 143

Smashing Magazine

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. Partly as a result of this campaign, Google announced last year that for the first time it had purchased enough renewable energy to match 100% of its global consumption for operations. Sustainable Web Design. Large preview ).

Website Performance 74

Website Performance Website Energy Performance 74

Smashing Magazine

APRIL 19, 2021

Google has announced that from 1st May, they will start to consider “Page Experience” as part of Search ranking , as measured by a set of metrics called Core Web Vitals. even the Google tools like PageSpeed Insights and the Core Web Vitals report in Google Search Console seem to give confusing information. Barry Pollard.

Google 141

Google Metrics Mobile Analytics 141

Smashing Magazine

APRIL 29, 2022

The average user doesn’t spend much time waiting for a web page to load or to interact with the page: According to Google, if a page’s load time goes up from 1 second to 3 seconds, the probability of the user bouncing increases by 32%. Consider Google Analytics, which collects and sends tracking data using navigator.sendBeacon().

Website 83

Website Google Open Source Mobile 83

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. If you see authors turning to other authoring tools such as Google Docs for its commenting or suggestions capabilities, it may be a red flag as to what features you are missing. Technical and sales support.

Cache 144

Cache Website Mobile Google 144

Smashing Magazine

MAY 23, 2022

Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. On design systems, UX, web performance and CSS/JS. We’ve been using gradients on the Web for a while, and they’ve become a staple in design. Further Reading on Smashing Magazine. counter-reset.

Media 141

Media Tuning Design Website 141

Smashing Magazine

DECEMBER 22, 2021

Created by Jon Yablonski, this lovely website explains 21 psychological principles that designers can consider to create more human-centered products and experiences. The right tools at the right time, help streamline the design process. User experience research is a crucial component of the human-centered design process.

Airlines 131

Airlines Mobile Design Strategy 131

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. With Core Web Vitals , Google has been pushing the experience factors on mobile further to the forefront. Testing the Smashing Magazine website on different devices.

Mobile 136

Mobile Testing Website Benchmarking 136

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 133

Website Design Network Testing 133

Smashing Magazine

AUGUST 30, 2018

It should be useful if you are new to product design, UX, interaction or digital design, or if you have experience in these fields but have not performed a competitive analysis before. Competitive Analysis, Service Design Cycle, Five-Stages Design Process. The five-stages design process. Large preview ).

Design 60

Design Google Strategy Website 60

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. At first glance, it seems like a simple task, but in the background, browsers do a tedious job of calculating the size of these images in different scenarios: For images that are resized in responsive design. The change of design. Large preview ).

Media 109

Media Cache Website Mobile 109

KeyCDN

JANUARY 16, 2019

The concept of responsive web design has been around for a while, but all of the kinks have yet to be ironed out. Client hints were introduced by Google for Chrome, and other browsers have adopted (or in the process of adopting) them since the HTTP specification was released. What Are Client Hints? Why Use Client Hints?

Servers 67

Servers Google Website Energy 67

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority.

Performance 75

Performance Cache Traffic Metrics 75

Smashing Magazine

DECEMBER 14, 2021

Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. Subscribe and get “Smart Interface Design Checklists” — a free PDF deck with 150+ questions to ask yourself when designing and building almost anything. More after jump! Your (smashing) email. Once a week.

Testing 103

Testing Network Website Google 103

Smashing Magazine

DECEMBER 27, 2021

I used to design and develop WordPress themes. module.exports = { plugins: [ { resolve: `@pehaa/gatsby-theme-wp-child`, options: { wordPressUrl: process.env.GATSBY_WP_URL, fonts: { google: [{family: "Rubik"}], }, }, }, ], }. Further Reading On Smashing Magazine. Yes, Chakra UI also uses the notion of a “theme”.

Website 130

Website Open Source Code Availability 130