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

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. From a developer perspective, not only static assets need to be cached on a CDN. Many headless CMSes cache content retrieved via RESTful or GraphQL APIs. Look out for: Caching of images and content via CDN.

Cache 144

Cache Website Mobile Google 144

Smashing Magazine

NOVEMBER 8, 2021

On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around. Hydrogen fuels dynamic commerce by uniting React Server Components, streaming server-side rendering, and smart caching controls. Large preview ). This is not a debate about dynamic vs. static.

Cache 137

Cache Best Practices Strategy Servers 137

Smashing Magazine

SEPTEMBER 28, 2022

On design systems, UX, web performance and CSS/JS. Active Memory Caching. When you want to get data that you already had quickly, you need to do caching — caching stores data that a user recently retrieved. Caching partially stores your data and is not used as permanent storage. Caching Schemes.

Cache 128

Cache Performance Servers Architecture 128

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. Cache Your Images.

Media 109

Media Cache Website Mobile 109

Smashing Magazine

NOVEMBER 26, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Your application might also suffer from caching, and performance issues. They handle a lot of things like caching and performance which are difficult to manage on your own. Jump to table of contents ?.

Cache 144

Cache Code Testing Design 144

Smashing Magazine

NOVEMBER 4, 2021

We’ll be learning how to do this with GraphQL Features like Cache Update, Subscriptions, and Optimistic UI. On design systems, CSS/JS and UX. Updating the cache directly using update function on the useMutation. Updating the cache directly using update function on the useMutation. More after jump!

Cache 118

Cache Servers Code Transportation 118

Smashing Magazine

JUNE 10, 2021

Are all the caching headers set correctly? 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. Stefan Judis. 2021-06-10T11:15:00+00:00.

Cache 107

Cache Website Best Practices Network 107

Smashing Magazine

NOVEMBER 22, 2021

It’s one thing to identify bottlenecks and implement optimizations for a specific website or a few similar websites, and quite another when dealing with many millions of websites, having such a wide variety of functionality, and an almost total freedom of design. The results of some of these APIs are also cached in a CDN as appropriate.

Website 129

Website Performance Google Website Performance 129

Smashing Magazine

JUNE 9, 2022

As a result, users can enjoy more capable and feature-rich applications that remain performant through techniques like code-splitting, caching, prefetching, and other resource optimization techniques — with some applications that are even able to work offline. On design systems, UX, web performance and CSS/JS. More after jump!

Code 113

Code Processing Development Cache 113

Smashing Magazine

JUNE 20, 2019

Browser Caching. Another built-in optimization of Google Fonts is browser caching. 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. — FAQ, Google Fonts. Further Optimization Is Possible.

Google 111

Google Performance Cache Website 111

Smashing Magazine

FEBRUARY 3, 2022

These numbers are based on first-page load — caching seems very efficient for subsequent page loads. Ideally, the design process should take into account the ways in which clients might wish to share content from social media. It’s worth considering whether other design options might provide the same (or better) value.

Social Media 104

Social Media Media Website Airlines 104

Smashing Magazine

SEPTEMBER 2, 2021

JavaScript Design Patterns. Knights of the Flexbox Table is another well-designed interactive course to help you learn the different aspects of the flexbox specification. On design systems, CSS/JS and UX. Design Patterns Game. Design Patterns Game is unique and is not for JavaScript beginners. CSS Flexbox.

Development 145

Development Games Education Programming 145

Smashing Magazine

SEPTEMBER 20, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Search Engine And Web Archive Cached Results. Another common category of imposter domains are domains used by search engines for delivering cached results or archived versions of page views. More after jump!

Website 92

Website Analytics Google Cache 92

Smashing Magazine

OCTOBER 26, 2021

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. Nx uses distributed graph-based task execution and computation caching to speed up tasks.

Cache 112

Cache Servers Code Testing 112

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

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. MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. Large preview ).

Cache 97

Cache Mobile Google Network 97

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

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. Sustainable Web Design. Data transfer is one thing that we can measure quite easily.

Website Performance 74

Website Performance Website Energy Performance 74

Smashing Magazine

MAY 16, 2022

Due to the design of web browser APIs, there are currently no mechanisms for querying requests and their relative responses after the fact. Here are a few that come to mind: Is this request served from the service worker cache? How long has a resource been in service worker cache? No References Required.

Servers 95

Servers Monitoring Cache Network 95

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. It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further.

Performance 75

Performance Cache Traffic Metrics 75

Smashing Magazine

OCTOBER 2, 2023

Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to the workshops ↬ Using CDN For Caching And WebP For Lighter File Sizes As I mentioned a little earlier, our stack includes Sanity’s CMS. Let’s see the query caching in action.

Cache 74

Cache Strategy Best Practices Design 74

Smashing Magazine

SEPTEMBER 9, 2021

The solution used in Scrapbook was to use the SWR library of React hooks to update the cached page from the server with client side data fetching. The client is first served the cached statically generated page (generated with getStaticProps() ), in the background the server also begins the process of revalidating that page (read more here ).

Cache 106

Cache Servers Internet Internet 106

Smashing Magazine

MAY 12, 2022

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.

Google 130

Google Performance Website Mobile 130

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

JUNE 25, 2020

Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. Take advantage of specialization and economies of scale by moving expensive files to services designed for them. Client-Side Caching. In Conclusion.

Media 70

Media Cache Storage AWS 70

Smashing Magazine

JUNE 30, 2021

JavaScript was designed to run in lock-step with the browser’s main rendering loop. The drawback of that design is that a small amount of slow JavaScript code can prevent the browser’s rendering loop from continuing. On design systems, CSS/JS and UX. JavaScript. Pretty much every web app out there relies on this model.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

AUGUST 15, 2021

Cache Merril. In a way, they’re designed to communicate uncertainty and provide transparency into what stops along the way are likely to remain as is and which might be in flux. How To Develop Your Business’ Technology Roadmap. How To Develop Your Business’ Technology Roadmap. 2021-08-16T06:55:00+00:00. 2021-08-16T09:49:55+00:00.

Technology 141

Technology Technology Development Strategy 141

Smashing Magazine

JULY 8, 2021

Instead, use the getter function because it can be mapped into any vue component using the mapGetters behaving like a computed property with the getters result cached based on its dependencies. In a traditional app where we have signup, logins, or product page we want to have consistent behavior and design. A simple sign-in form.

Speed 135

Speed Processing Development Code 135

Smashing Magazine

JUNE 18, 2020

That’s because they are meant for user preferences, as mentioned here in the case of iOS and here in the Android documentation when talking about the Security library which is designed to provide wrappers to the SharedPreferences specifically to encrypt the data before storing it. Secure Storage On Mobile. Large preview ).

Storage 95

Storage Mobile Website Java 95

Smashing Magazine

AUGUST 9, 2021

However, many other devices are sitting between the client and the server that also have their own TCP code on board (examples include firewalls, load balancers, routers, caching servers, proxies, etc.). The key takeaway here is that TCP was never designed to transport multiple, independent files over a single connection. Conclusion.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

APRIL 29, 2022

Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features. Continue reading below ↓ Meet “Touch Design for Mobile Interfaces” , our brand-new Smashing Book on designing for mobile with proven, universal, human-centric guidelines. More after jump!

Website 83

Website Google Open Source Mobile 83

Smashing Magazine

JANUARY 16, 2023

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Continue reading below ↓ Web forms are at the center of every meaningful interaction, so they’re worth getting a firm handle on. Jump to table of contents ↬.

Media 108

Media Mobile Website Metrics 108

Smashing Magazine

OCTOBER 8, 2021

We can use 11ty’s new Serverless mode to build them on request using Netlify’s On-Demand Builders to cache each Madlib. Portable Text is an open-source specification designed to treat rich text as data. For example, an “On-Demand Builder” is a serverless function dedicated to serving a cached file. Large preview ). _id}/ ` }).catch(error

Serverless 79

Serverless Cache Open Source Code 79

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

To mitigate the performance issues, we had to add a lot of (unbudgeted) extra servers and had to aggressively cache pages on a reverse proxy. But if you are not careful and start banging out code without thinking about design, you might end up with a big ball of mud. As a result, they found that a 0.1s Front-end frameworks like Next.js

Website 116

Website Code Servers Analytics 116

Smashing Magazine

APRIL 11, 2022

We can use the preload attribute for the HTML link element to optimize loading performance by ensuring that the browser discovers the resource earlier, downloads it, and caches it. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Jump to table of contents ?.

Media 71

Media Tuning Metrics Google 71