Rigor

SEPTEMBER 11, 2019

Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Sergey is an open source developer, tireless educator on performance topics, and author of many web performance-related tools, including ShowSlow , SVN Assets , drop-in.htaccess and more. Rachel Andrew. Vitaly Friedman.

Performance 89

Performance Education Google Website 89

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

JULY 20, 2022

You might already know that Smashing Magazine has published the book Image Optimization by Addy Osmani, which covers this topic in full detail. JPEG.rocks , as the name suggests, is a privacy-friendly JPEG image optimizer, fully client-side and open-source. Squoosh is designed by the Chrome Labs team. JPEG.rocks.

Media 136

Media Programming Mobile Website 136

Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. Designing The Perfect Navigation. UX, Design. UX, Design.

Mobile 141

Mobile Design Cache Code 141

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

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. Testing the Smashing Magazine website on different devices. State Of Mobile 2021. That might come a little bit unexpected. LT Browser in action. Large preview ). Conclusion.

Mobile 135

Mobile Testing Website Benchmarking 135

Smashing Magazine

JUNE 3, 2022

What would the world’s most ideal, best practice and design research-driven highly legible serif, sans serif, and slab serif possibly be like? How good is a new typeface, and how good is it compared to a similar typeface designed in previous years? How well does a typeface work and perform against another similar typeface?

Performance 112

Performance Design Best Practices Testing 112

Smashing Magazine

JUNE 10, 2022

We saw how important it is to keep the typographic design parameters and variables the same to get a more accurate result while testing different typefaces. Research and design effort based on not good, okay, very good. Measurement: Research and design effort based on not good, okay, very good. Did you miss out on it?

Performance 97

Performance Design Testing Speed 97

Smashing Magazine

AUGUST 10, 2021

On design systems, CSS/JS and UX. Indiepen is our first open-source project and we are very excited to share our ideas with you. Last but not least, I’d like to mention that Indiepen has a limited scope and we want to keep it simple by design. With Carie Fisher, Stefan Baumgartner and so many others. Final Words.

Code 110

Code Website Open Source Design 110

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. It is an open-source AV1 image file format for storing still and animated images with better lossy and lossless compression than most popular formats on the web today, offering a 50% saving in file size compared to JPEG. The change of design.

Media 107

Media Cache Website Mobile 107

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 82

Website Google Open Source Mobile 82

Smashing Magazine

JUNE 8, 2021

Using responsive images is a key part of delivering fully responsive web design. Addy is the author of the book Learning JavaScript Design Patterns. Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing.

Media 107

Media Cache Google Best Practices 107

Smashing Magazine

SEPTEMBER 2, 2021

JavaScript Design Patterns. Image source: Flex Box Adventure ). 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. Image source: TypeScript Exercises ). Design Patterns Game.

Development 145

Development Games Education Programming 145

Smashing Magazine

APRIL 28, 2021

Using responsive images is a key part of delivering fully responsive web design. Designed by Espen Brunborg and Nadia Snopek. Addy is the author of the book Learning JavaScript Design Patterns. Interface Design Checklists (PDF) 100 practical cards for common interface design challenges. Responsive Images. +.

Media 93

Media Cache Google Best Practices 93

Smashing Magazine

AUGUST 19, 2022

Well, there’s even an open-source project that literally handles authentication from the ground up. There is a lot of information about the best practices and awesome password-reset design patterns out there. Further Reading On Smashing Magazine. “ isn’t left behind. Final Thoughts. Thank you for reading.

Processing 112

Processing Best Practices Availability Open Source 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 132

Website Design Network Best Practices 132

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 102

Testing Network Website Google 102

Speed Curve

OCTOBER 19, 2015

Base your budget on user research and design principles, such as Better performance through better design. In the chart below, we can see why Smashing Magazine is so much faster - they're simply delivering a lot less JavaScript. What are your users actually trying to achieve and how long will they wait?

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

APRIL 1, 2020

It’s easier to set up your content on a traditional CMS as everything you need (content management, design, etc) are already available. An API-driven headless CMS designed to create, manage and distribute content to any platform. A free and open-source, git-based CMS created by Netlify. Traditional CMS Cons. Contentful.

Open Source 104

Open Source Website Mobile Code 104

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. To follow along, you will need basic knowledge of the Next.js What Is Nx?

Cache 111

Cache Servers Code Storage 111

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. But for me, I don’t have design sense. A little bit, but I’m not a designer by any means. Drew: It’s an off the shelf design system that you can drop in to build the UI for your project. aj Dobrucki.

Website 63

Website Design Open Source Software 63

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

JANUARY 6, 2020

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. Large preview ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

NOVEMBER 3, 2021

According to the docs on GitHub: “Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform.”. Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. More after jump! Your (smashing) email.

Serverless 124

Serverless Lambda AWS Website 124

Smashing Magazine

NOVEMBER 2, 2021

When dealing with e-commerce at some point, you probably have heard, and perhaps used Magento, an open-source e-commerce platform. Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. The Design Gives Ground For Utmost Usability. Coding From Scratch.

Code 75

Code Cache Retail Mobile 75

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. A cornerstone of our business model lies in the development of effective landing pages. SEO is key to our success. One of the key Next.js

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term. Setting Realistic Goals.

Performance 104

Performance Cache Metrics Network 104

Smashing Magazine

JANUARY 11, 2021

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. Large preview ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

SEPTEMBER 14, 2021

Need to design something? It can be tempting to start with a computer-based tool, e.g. wireframing software like Balsamiq , or design tools like Photoshop or Figma. This process is recommended even if we aren’t designing something big or in the capacity of a designer. The Power Of Pen And Paper Sketching. Tracy Osborn.

Design 126

Design Website Open Source Mobile 126

Smashing Magazine

AUGUST 28, 2020

According to the official documentation, Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. It’s free and open source. — DjangoProject.com.

Virtualization 143

Virtualization Database Code Processing 143

Smashing Magazine

OCTOBER 8, 2021

Sanity pairs a real-time data store with three open-source tools: a powerful query language (GROQ), a CMS (Sanity Studio), and a rich-text data specification (Portable Text). Portable Text is an open-source specification designed to treat rich text as data. Portable Text. Large preview ).

Serverless 78

Serverless Cache Open Source Code 78

Smashing Magazine

NOVEMBER 5, 2018

The original design of the GIF format was to provide a way to compress multiple images inside a single file using a lossless compression algorithm (called LZW compression) which meant they could be downloaded in a reasonably short space of time, even on slow connections. But the GIF format was not originally intended for animation.

Performance 60

Performance Website C++ Open Source 60

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

OCTOBER 28, 2021

Unless you’ve designed a truly innovative new product, the chances are that you can already find something at least similar on Amazon. You’ll be better prepared to design, launch, and expand your product lineup with that data. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Website 116

Website Code Retail Best Practices 116

Smashing Magazine

FEBRUARY 8, 2022

Statoscope is a fully open-source project, so I welcome issues and pull requests. Here’s how Danila designed how it could look: ( Large preview ). Danila designed this prototype, it’s in Figma, you can also contribute here. Why am I telling you about my plans? I quickly respond to issues. Call To Action.

Storage 80

Storage Code Metrics C++ 80

Smashing Magazine

JULY 16, 2021

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns.

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

DECEMBER 27, 2021

Gatsby is an open-source framework built on top of React. I used to design and develop WordPress themes. In this context, a theme is a JavaScript object that stores design system style values, scales, and/or design tokens. Further Reading On Smashing Magazine. Paulina Hetman. 2021-12-27T10:30:00+00:00.

Website 129

Website Open Source Code Availability 129