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 service workers enable the offline usage of the PWA by fetching cached data or informing the user about the absence of an Internet connection. Service Workers. Application shell architecture.

Cache 126

Cache Internet Internet Google 126

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 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. I followed that practice when writing some earlier books, and it has since struck me as unfair that some references had author names and some didn't.

Performance 52

Performance Latency Cache Virtualization 52

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

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. The Internet was built for resilience, not for performance.

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

FEBRUARY 3, 2022

Measuring the carbon footprint of the web isn’t an exact science, but a report by the BBC in 2020 estimates that all internet activity accounts for around 3.7% Ideally, the design process should take into account the ways in which clients might wish to share content from social media. But that doesn’t mean they should.

Social Media 104

Social Media Media Website Airlines 104

Smashing Magazine

JANUARY 15, 2019

You may not think about it often, but the Internet uses a colossal amount of electricity. This, in turn, means that the Internet’s carbon footprint has grown to the point where it may have eclipsed global air travel , and this makes the Internet the largest coal-fired machine on Earth. Sustainable Web Design.

Website Performance 74

Website Performance Website Energy Performance 74

Smashing Magazine

AUGUST 9, 2021

It’s also one of the reasons we can keep using the Internet with many concurrent users, because it smartly limits each user’s bandwidth usage to their fair share. As another example, most applications on the Internet use TCP internally to ensure that all of their data are transmitted in full. Did You Know? Did You Know?

Transportation 145

Transportation Internet Internet Network 145

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

NOVEMBER 17, 2022

Today, creating content on the Internet is the norm, not the exception. Webpage performance test report for the Smashing Magazine website. If we have a responsive design, we will want the image to stay within the margins of the container, using the CSS below for that: img { max-width: 100%; height: auto; }. The change of design.

Media 109

Media Cache Website Mobile 109

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 115

Mobile Website Hardware Social Media 115

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

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 132

Engineering Google Website Mobile 132

Smashing Magazine

AUGUST 27, 2021

In Designing The Perfect Navigation , Vitaly will explore 100s of practical examples of better mega-dropdowns , hamburgers, carousels, modals and filters. Use downloads to watch while you’re on the go and without an internet connection. Compound components are most helpful in building design systems. More after jump!

Internet 133

Internet Internet Programming Media 133

Smashing Magazine

SEPTEMBER 9, 2021

SWR does not just revalidate the data once, however, you can configure SWR to revalidate the data on an interval, when the tab regains focus, when a client reconnects to the Internet or programmatically. Whilst I believe Scrapbook handles this update well, it’s an important consideration when designing your user’s experience.

Cache 106

Cache Servers Internet Internet 106

Smashing Magazine

SEPTEMBER 15, 2021

On design systems, CSS/JS and UX. A turning point for many front-end developers came when some major players announced they would cease Internet Explorer (IE11) support: All Microsoft 365 web apps stopped supporting IE11 on August 21, 2021. More after jump! With Carie Fisher, Stefan Baumgartner and so many others.

Internet 137

Internet Internet Google Design 137

Smashing Magazine

DECEMBER 14, 2021

It was very important to load the page in iframe , I was wandering around the internet to find a way to load it. Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. Also, the content-security-policy header has frame-ancestors directive which prevents this. More after jump!

Testing 103

Testing Network Website Google 103

All Things Distributed

NOVEMBER 19, 2010

Physics and the limits of human perception - Why goalkeepers have trouble stopping long-range shots - Seed Magazine. a Fast and Scalable NoSQL Database Service Designed for Internet Scale Applications. My most interesting picture this week : A green, purple, yellow & orange Steinway. Arts & Society. Recent Entries.

AWS 64

AWS Cloud Benchmarking Storage 64

Smashing Magazine

APRIL 29, 2022

And slow websites are, in a way, discrimination: The majority of the world’s population don’t have access to high-speed Internet or fast CPUs. Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features. More after jump!

Website 83

Website Google Open Source Mobile 83

Smashing Magazine

OCTOBER 6, 2021

On design systems, CSS/JS and UX. CSS is designed to not lose content, to not cause harm. Another common trigger for overflow has to do with one of the recognized mistakes in the design of CSS by the CSS Working Group. Note : Another timely note here is that Internet Explorer will reach end of life officially on June 15, 2022 ).

Design 145

Design Availability Mobile Website 145

Smashing Magazine

AUGUST 3, 2021

This liberal attitude is known as Postel’s Law, which is conveyed superbly by Jeremy Keith in Resilient Web Design : “Even if there are errors in the HTML or CSS, the browser will still attempt to process the information, skipping over any pieces that it can’t parse.”. On design systems, CSS/JS and UX. JavaScript is less forgiving.

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

JANUARY 16, 2023

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. When users browse the internet to visit a website, the LCP image’s loading is often delayed by the lazy loading technique, whether applied by native lazy loading or a JavaScript library. Jump to table of contents ↬.

Media 108

Media Mobile Website Metrics 108

Smashing Magazine

JUNE 30, 2021

Low-end phones on the other hand are getting cheaper , making the mobile internet accessible to demographics that previously maybe couldn’t afford it. JavaScript was designed to run in lock-step with the browser’s main rendering loop. On design systems, CSS/JS and UX. At the same time, we have a widening performance gap.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

JUNE 25, 2020

Instead, like the other articles in the Django Highlights series (see below), it’s intended as a guide for front-end developers and designers to understand other parts of the process of creating a web application. cents per gigabyte for storage versus 9 cents per gigabyte of data transfer out to the Internet at the time of writing).

Media 70

Media Cache Storage AWS 70

Smashing Magazine

JUNE 20, 2019

If I change my user-agent to Internet Explorer 11, I’m served the font in the WOFF format instead. As the Google Fonts API becomes more widely used, it is likely visitors to your site or page will already have any Google fonts used in your design in their browser cache. — Ilya Grigorik, Web Font Optimization.

Google 111

Google Performance Cache Website 111

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. The Design Gives Ground For Utmost Usability. Jump to table of contents ?. Large preview ).

Code 76

Code Cache Retail Mobile 76

Smashing Magazine

FEBRUARY 2, 2022

On design systems, CSS/JS and UX. Users can browse the Internet using slow and unreliable networks, so minification, optimization, and code-splitting of JavaScript files ensure that the user downloads the smallest file possible. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Jump to online workshops ?.

Code 91

Code Performance Network Website 91

Smashing Magazine

JULY 29, 2019

I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. Last time, I navigated the web for a day using Internet Explorer 8. Any other application’s internet access is automatically blocked. I enabled Chrome. Large preview ).

Cache 97

Cache Google Mobile Network 97

Smashing Magazine

APRIL 19, 2021

The Core Web Vitals are a set of three metrics designed to measure the “core” experience of whether a website feels fast or slow to the users, and so gives a good experience. It is designed to measure the visual stability of the page — basically how much it jumps around as new content slots into place. CrUX is Chrome only.

Google 141

Google Metrics Mobile Analytics 141

Smashing Magazine

JANUARY 21, 2019

The term “component” is often used to refer both to functionality and design. Note : Brad Frost’s “ Atomic Design ” is a great methodology for identifying these common patterns and building a reusable design system. Brad Frost identifies five distinct levels in atomic design for creating design systems.

Social Media 65

Social Media Database Media Website 65

Smashing Magazine

SEPTEMBER 3, 2021

The only time the Internet was mentioned was as a tool for communicating with one another without the need to chop down more trees, or for working without a commute. So, when people first started talking about the Internet having similar carbon emissions to the airline industry , I was a bit skeptical. Jump to table of contents ?.

Website 137

Website Internet Internet Energy 137

Smashing Magazine

OCTOBER 4, 2021

On design systems, CSS/JS and UX. I am a part of one Slack community for designers and developers ( BoagWorld ), and I posted a question there. I’m grateful to have the Internet and developer communities where we can all ask for help, get answers from professionals, and solve problems together. More after jump! The JavaScript.

Media 121

Media Code Design Testing 121

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 118

Wireless Design Energy Transportation 118

Smashing Magazine

NOVEMBER 30, 2021

To get you in the right mood for December — and the holiday season, of course — artists and designers from across the globe once again got their ideas bubbling and created festive and inspiring wallpaper designs for you. ” — Designed by LibraFire from Serbia. Designed by Ricardo Gimenes from Sweden. Join in! ?.

Design 105

Design Internet Internet Website 105

Smashing Magazine

SEPTEMBER 28, 2021

You can find Markdown in many places on the internet, especially in locations where developers are present. Two notable examples are comments on GitHub and the source code for posts on Smashing Magazine! On design systems, CSS/JS and UX. Continue Reading on Smashing Magazine. How Markdown Works. More after jump!

Website 131

Website Technology Technology Code 131

Smashing Magazine

OCTOBER 29, 2019

Considering how important images are to web design, this isn’t an element we can dispose of so easily nor can we afford to cut corners when it comes to optimizing them. Designers can use WebP lossy encoding on RGB colors and lossless encoding on images with transparent backgrounds (alpha channel). Samsung Internet. Opera Mini.

Website 73

Website Speed Cache Google 73

Smashing Magazine

AUGUST 22, 2021

This is because HTTP/3 and QUIC mainly help deal with the somewhat uncommon yet potentially high-impact problems that can arise on today’s Internet. On the Internet, however, we typically have a long series of connected pipes , some of which can be wider than others (leading to so-called bottlenecks at the narrowest links).

Performance 107

Performance Network Latency Servers 107