Smashing Magazine

NOVEMBER 5, 2024

Zeunert has another great post here on Smashing Magazine that discusses each metric in detail. The main point here is that the simulated data Lighthouse produces may (and often does) differ from performance metrics from other tools.

Website 100

Website Speed Google Metrics 100

Smashing Magazine

MARCH 23, 2020

Recently, I was browsing a new addition to my library and was captivated by one magazine spread. A selection of covers from Otto Storch’s time as art director for McCall’s Magazine. Publishing can be a cut-throat business, and the magazines Storch worked on weren’t high-fashion. Inspired Design Decisions: Avaunt Magazine.

Design 123

Design Media Energy Availability 123

Smashing Magazine

AUGUST 4, 2021

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 }. Let’s start by seeing with an example what this method does and where it might be useful. 0 -> first link.1

Open Source 141

Open Source C++ Google Website 141

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

JULY 11, 2019

Pressing Matters magazine. It’s an independently published magazine which “hones in on the people, passion and processes behind the art form of printmaking.” © Pressing Matters Magazine. Pressing Matters’ Creative Director John Coe uses layout patterns which produce a rhythm which flows throughout the magazine.

Design 102

Design Media Mobile Energy 102

Smashing Magazine

AUGUST 18, 2020

I became fascinated by the ways magazine art directors including Alexey Brodovitch and Bea Feitler brought images and text together. From early on, he was inspired by print designs, especially magazines, and used this influence to design the college’s yearbooks. Thompson studied at Washburn College in his home city of Topeka.

Design 136

Design Media Entertainment Website 136

Smashing Magazine

MARCH 2, 2020

Music magazines were popular too. Even twenty-five years after he created them, Brody’s pages from The Face magazine are still remarkable designs. Inspired Design Decisions: Avaunt Magazine. Music magazines from 1980 including The Face (far right). Local screen-printing workshops offered affordable flyers and posters.

Design 117

Design Media Testing Entertainment 117

Smashing Magazine

JANUARY 5, 2022

When Typography Speaks Louder Than Words ,” by Carolyn Knight and Jessica Glaser (Smashing Magazine). Creating Exciting And Unusual Visual Hierarchies ,” by Carolyn Knight and Jessica Glaser (Smashing Magazine). “ A Simple Web Developer’s Color Guide ,” by Laura Elizabeth (Smashing Magazine). A few recommended readings (a.k.a.

Design 132

Design Website Social Media Best Practices 132

Smashing Magazine

MAY 25, 2022

Let’s illustrate this with some snippets: let smashing = {name: "magazine"}; // The object can be accessed from the reference. // Overwrite the reference smashing. let smashing = {name: "magazine"}; let arr = [smashing]; // Overwrite the reference. smashing = null; console.log(array[0]) // {name: 'magazine'}.

Cache 128

Cache Programming Storage Code 128

CSS Wizardry

APRIL 25, 2013

The full version of the.net magazine shame.css interview

100

100

Smashing Magazine

AUGUST 8, 2019

I started a magazine collection, studied books on art direction and graphic design, and discovered art directors, including Alexey Brodovitch, Neville Brody, Bea Feitler, and Tom Wolsey. Inspired Design Decisions: Avaunt Magazine. Magazine Anatomy. Time away helped me rediscover my enthusiasm for design. Ernest Journal.

Design 90

Design Energy Website Media 90

Smashing Magazine

NOVEMBER 24, 2021

Apart from car dashboards and tech magazine covers of the 80s that still seem (fairly) familiar, you’ll find gems like four-buttoned remote controls from the 40s or retro-futuristic concepts, among them a smartwatch from the 80s that is essentially a shrunken PC worn on the wrist. Image credit: Control Panel ). Eye candy to get lost in.

Website 134

Website Design Games Open Source 134

Smashing Magazine

SEPTEMBER 10, 2021

This gives us at Smashing Magazine plenty to write about, which is great, though it’s worth reminding ourselves what it’s all in service of. Yes, magazine spreads have a certain class about them. A lot of web design talk concerns itself with what goes on around content. Large preview ). We live in a mobile-first world.

Design 139

Design Internet Internet Mobile 139

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. Frederick O’Brien has written an excellent guide on Smashing Magazine, Baking Structured Data Into The Design Process , which describes how to build structured data from the start.

Cache 136

Cache Internet Internet Google 136

Smashing Magazine

SEPTEMBER 5, 2019

Before writing Art Direction for the Web , I began to study Alexey Brodovitch when I became fascinated by editorial and magazine design. Then, I became intrigued by his design process, how he sketched layouts, arranged them into spreads, and created a rhythm which flowed through his magazines. Inspired Design Decisions: Ernest Journal.

Design 85

Design Media Website Development 85

Smashing Magazine

OCTOBER 3, 2019

Inspired Design Decisions: Avaunt Magazine. After learning about Alexey Brodovitch ’s influential work on Harper’s Bazaar until the 1950s, I wanted to know the impact his legacy had on the magazine. Feitler has as much to teach people who design for the web as she did the magazine designers who followed her. Large preview ).

Design 87

Design Media Website Speed 87

Smashing Magazine

AUGUST 20, 2021

I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. Smashing Magazine powered by Netlify. During the 90s, we saw two content management systems for static sites — Microsoft FrontPage in 1996 and Macromedia Dreamweaver in 1997. Large preview ). Government.

Ecommerce 142

Ecommerce Website Government Internet 142

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

Smashing Magazine

NOVEMBER 9, 2021

An example in case is this same website, Smashing Magazine. That’s why all avatars, the arrow button, and many other elements are all tilted, at the same angle as the Smashing logo is: Tilted elements in Smashing Magazine ( Large preview ). What about images?

Website 122

Website Social Media Media Design 122

Smashing Magazine

OCTOBER 5, 2021

Further Reading On Smashing Magazine. Also, if you have ideas on how to make this solution better, or other alternative solutions, I would love to hear about your feedback/tips/experiences in the comments below. Orchestrating Complexity With Web Animations API , Kirill Myshkin.

Lambda 135

Lambda Serverless Testing AWS 135

Smashing Magazine

APRIL 13, 2020

Inspired Design Decisions: Avaunt Magazine. U&lc (Uppercase and lowercase) magazine by Herb Lubalin. Fact magazine by Herb Lubalin. NB : Smashing members have access to a beautifully designed PDF of Andy’s Inspired Design Decisions magazine and full code examples from this article. Read More From The Series.

Design 132

Design Media C++ Technology 132

Smashing Magazine

SEPTEMBER 27, 2021

Example: Finding My Articles in Smashing Magazine. I want to write a test for this website, Smashing Magazine. I only use a slash to open the website of Smashing Magazine. Use, for example, an API or a database dump to make these things, and configure the test only for the checkout. How does that work?

Testing 138

Testing Website Code Efficiency 138

Dynatrace

NOVEMBER 5, 2023

The new frontier of cloud modernisation – article featured in Technology Record Magazine Ken Clayton highlights how Dynatrace’s artificial intelligence-powered observability platform helps enterprises to maximise the value of their Microsoft Azure cloud modernisation projects.

Azure 130

Azure Artificial Intelligence Innovation Strategy 130

All Things Distributed

DECEMBER 22, 2008

ACM Queue asked me to revise it for use in their magazine and I took the opportunity to improve the article. I wrote a first version of this posting on consistency models about a year ago, but I was never happy with it as it was written in haste and the topic is important enough to receive a more thorough treatment.

67

67

Smashing Magazine

SEPTEMBER 14, 2021

Further Reading On Smashing Magazine. The more sketching you do, the faster it’ll go, the easier it’ll feel, and the better you’ll get. Have other inspiration resources? What do your sketches look like? Would love to hear from you in the comments! Drawing Pictures All Day ,” Alma Hoffmann.

Design 139

Design Website Open Source Mobile 139

KeyCDN

OCTOBER 2, 2018

It also includes a handy CSS reference, a web development experiment playground, tutorials, blueprints to get started from and Collective - a digital design magazine that makes it easy to keep up with trends. Smashing Magazine Smashing Magazine is an established resource for those who want to master the front end.

Development 75

Development Website Design Code 75

Smashing Magazine

DECEMBER 2, 2021

Further Reading On Smashing Magazine. Thank you for reading this article. Kindly share it and also feel free to take a look at a practical example project that I built using the Next.js API route here. vf, yk, il).

Servers 135

Servers Lambda Code Processing 135

All Things Distributed

DECEMBER 19, 2007

ACM Queue asked me to revise it for use in their magazine and I took the opportunity to improve the article. I wrote a first version of this posting on consistency models in December 2007, but I was never happy with it as it was written in haste and the topic is important enough to receive a more thorough treatment.

60

60

Smashing Magazine

JANUARY 10, 2022

Further Reading On Smashing Magazine. However, there is no black and white when it comes to when to use each. Most of the time, it depends on the use case at hand. I hope you find the article useful. Thanks a lot for reading! A Deep Dive Into object-fit And background-size In CSS. Common CSS Issues For Front-End Projects. vf, yk, il).

Design 141

Design Systems 141

Speed Curve

SEPTEMBER 20, 2022

The screenshots from What Hifi (a UK audio-visual magazine) illustrate this problem. On subsequent visits to the same page, the largest element might be an image for a product or a photo that illustrates a news story. When the consent banner is shown, then one of its paragraphs is the LCP element.

Metrics 141

Metrics Retail Mobile Analytics 141

Smashing Magazine

MARCH 2, 2021

Testing the Smashing Magazine website on different devices. It has 50+ built-in device resolutions — for mobile, tablet and desktop. You can check the mobile view of your website in a side by side comparison view with mirrored interactions and touch support. LT Browser in action. Large preview ).

Mobile 142

Mobile Testing Website Benchmarking 142

Smashing Magazine

DECEMBER 7, 2023

The difference between real-time user monitoring and measuring performance against CrUX data is big enough that it’s worth reading up on it, and we have a full article on Smashing Magazine that goes deeply into the differences for you.

Traffic 114

Traffic Metrics Google Website 114

Smashing Magazine

JUNE 9, 2022

Further Reading on Smashing Magazine. “ Are you excited about the recent developments in this space? Let me know in the comments what you think about the upcoming innovations and the current landscape. How To Maintain A Large Next.js Application ,” Nirmalya Ghosh. Breaking Down Bulky Builds With Netlify And Next.js ,” Átila Fassina.

Code 128

Code Development Processing Performance 128

Smashing Magazine

JUNE 26, 2020

Inspired Design Decisions: Avaunt Magazine. NB: Smashing members have access to a beautifully designed PDF of Andy’s Inspired Design Decisions magazine and full code examples from this article. Inspired Design Decisions: Avaunt Magazine. Read More From The Series. Inspired Design Decisions: Pressing Matters.

Design 112

Design Media C++ Energy 112

Smashing Magazine

OCTOBER 29, 2021

There’s a special offer for Smashing Magazine readers. The courses at The Giles Academy offer different levels for different needs. Opt for Pro level to get individual feedback from a professional copywriter plus certification. Use the code 40OFF at checkout to get 40% off! Power Up Your Productivity.

Energy 124

Energy Best Practices Design Availability 124

Smashing Magazine

FEBRUARY 3, 2022

navigator.share({ title: 'Smashing Magazine', text: 'Web development news and tutorials', url: '[link] }). It’s reasonably well-supported in mobile browsers but doesn’t yet have widespread desktop support. We can use the navigator.share() method to share a URL or files, such as images, videos or PDFs.

Social Media 121

Social Media Media Website Airlines 121

Smashing Magazine

DECEMBER 23, 2021

Further Resources On Smashing Magazine. However, until that day comes, knowing which pseudo-elements and vendor prefixes to target will help you get well on your way to styling sliders to suit your needs. CSS Generators. Simplifying Form Styles With accent-color. Smart CSS Solutions For Common UI Challenges. vf, yk, il).

Best Practices 127

Best Practices AWS Processing Design 127