CSS Wizardry

FEBRUARY 25, 2021

If you want to know more about how best to use DevTools for performance testing, I’m running a workshop with Smashing Magazine real soon, and that will make you DevTools experts. It’s basically just a far nicer workflow onto the data provided by Safari. You can still grab tickets. Why Bother?

Network 271

Network Mobile Performance Traffic 271

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 110

Design Media Energy Availability 110

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 95

Design Media Mobile Energy 95

Dynatrace

MAY 11, 2020

Some examples include; technology companies that have given homebound citizens access to cloud computing platforms; mobile phone companies which have given extra data allowances; and magazines which are providing free subscriptions.

Government 170

Government Best Practices Innovation Strategy 170

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 128

Design Website Social Media Best Practices 128

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 122

Design Media Entertainment Website 122

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 120

Cache Programming Storage Code 120

CSS Wizardry

APRIL 25, 2013

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

100

100

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 105

Design Media Testing Entertainment 105

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 134

Design Internet Internet Mobile 134

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 125

Website Design Games Open Source 125

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 81

Design Energy Website Media 81

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 126

Cache Internet Internet Google 126

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 81

Design Media Website Development 81

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 79

Design Media Website Speed 79

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 140

Ecommerce Website Government Internet 140

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

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

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 136

Testing Website Code Efficiency 136

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.

68

68

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 107

Website Social Media Media Design 107

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 121

Lambda Serverless Testing AWS 121

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 118

Design Media C++ Technology 118

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 132

Servers Lambda Code Processing 132

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 139

Design Systems 139

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

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 127

Design Website Open Source Mobile 127

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 136

Mobile Testing Website Benchmarking 136

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 88

Website Speed Google Metrics 88

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 121

Energy Best Practices Design Availability 121

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 98

Traffic Metrics Google Monitoring 98

Smashing Magazine

NOVEMBER 17, 2021

Using HSL Colors In CSS ,” Ahmad Shaheed, Smashing Magazine. “ ,” Lea Verou. “ The Best Color Functions In CSS? ,” Chris Coyier, CSS-Tricks. Building A Color Scheme ,” Adam Argyle, Web.dev. On Switching From Hex And RGB To HSL ,” Sara Soueidan. Improving Color On The Web ,” Dean Jackson, Webkit Blog. (vf,

Energy 145

Energy Design Website Hardware 145

Smashing Magazine

FEBRUARY 15, 2021

Thanks for reading, and if you’d like to learn more, you may want to read more on video best practices here, on Smashing Magazine, and on my blog: Video Playback On The Web: The Current State Of Video (Part 1). Video Playback On The Web: Video Delivery Best Practices (Part 2). Hiding Videos On the Mobile Web.

Network 144

Network Speed Website Mobile 144

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 113

Code Processing Development Cache 113

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 98

Design Media C++ Energy 98