Smashing Magazine

JANUARY 11, 2021

Front-End Performance Checklist 2021. Front-End Performance Checklist 2021. 2021-01-11T15:30:13+00:00. 2021-01-11T16:06:07+00:00. In many organizations, front-end developers know exactly what common underlying problems are and what strategies should be used to fix them. Vitaly Friedman.

Performance 145

Performance Cache Media Metrics 145

Dynatrace

SEPTEMBER 23, 2021

Container security is the practice of applying security tools, processes, and policies to protect container-based workloads. Application developers commonly leverage open-source software when building containerized applications. To properly secure applications, developers need to discover and eliminate these vulnerabilities.

Open Source 251

Open Source Benchmarking Best Practices Network 251

Dynatrace

SEPTEMBER 22, 2022

Staying ahead of customer needs requires speed and agility from all phases of the software development life cycle (SDLC). Automating tasks throughout the SDLC helps software development and operations teams collaborate while continuously improving how they design, build, test, deploy, release, and monitor software applications.

DevOps 188

DevOps Innovation Speed Monitoring 188

Enprowess

SEPTEMBER 20, 2021

Quick summary: Choosing the correct JavaScript framework or library is essential for beginning a new web app development project. Both are among the most popular JavaScript frameworks in the developer community but React leads in popularity. Mobile Development. React vs Vue: Which one to choose in 2021? and Vue.js

Open Source 52

Open Source Mobile Scalability Google 52

Smashing Magazine

NOVEMBER 8, 2021

2021-11-08T14:30:00+00:00. 2021-11-08T19:34:34+00:00. As developers, we rightfully obsess about the customer experience, relentlessly working to squeeze every millisecond out of the critical rendering path, optimize input latency, and eliminate jank. A sneak peek into Hydrogen’s online integrated development environment.

Cache 135

Cache Best Practices Strategy Servers 135

Dynatrace

JUNE 9, 2021

Web application security is the process of protecting web applications against various types of threats that are designed to exploit vulnerabilities in an application’s code. Good web application security starts when the application is being developed. Source: “The State of Application Security, 2021”, Forrester Research, March 23,).

Open Source 182

Open Source Entertainment Tuning Internet 182

Speed Curve

DECEMBER 20, 2021

This" can mean anything from design and features to our own internal processes. 2021 has been a full year. We've also grown our team, expanded our customer base, completed a full-scale site redesign, launched our in-house consulting practice, and refined our tools and processes. Performance Culture Best Practices.

Retail 52

Retail Benchmarking Metrics Website 52

Adrian Cockcroft

NOVEMBER 26, 2023

Google Cloud and Microsoft Azure released Scope 3 data in 2021. For re:Invent 2021 my team (but mostly Elise Greve) persuaded the re:Invent organizers to include Sustainability as a track code, and that was repeated for 2022 and now for 2023. This session revisits the pillar and its best practices.

AWS 52

AWS Energy IoT Best Practices 52

Smashing Magazine

JULY 1, 2021

2021-07-01T12:30:00+00:00. 2021-07-13T02:07:04+00:00. When developing locally, developers tend to get impatient with tests, especially if someone in your team needs to merge corresponding pull requests. Traps in this area can be caused by following best practices that are not suitable for tests.

Testing 120

Testing Best Practices Code Design 120

Smashing Magazine

JUNE 8, 2021

2021-06-08T12:00:00+00:00. 2021-06-08T14:53:55+00:00. WebP is a relatively recent image format developed with the aim of offering lower file sizes for lossless and lossy compression at an acceptable visual quality. Using responsive images is a key part of delivering fully responsive web design. Vitaly Friedman.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

MARCH 19, 2021

2021-03-19T13:30:00+00:00. 2021-03-19T15:28:04+00:00. 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.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

APRIL 28, 2021

2021-04-28T13:20:00+00:00. 2021-04-28T14:35:12+00:00. WebP is a relatively recent image format developed with the aim of offering lower file sizes for lossless and lossy compression at an acceptable visual quality. Using responsive images is a key part of delivering fully responsive web design. Vitaly Friedman.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

OCTOBER 18, 2021

2021-10-18T14:00:00+00:00. 2021-10-18T15:38:23+00:00. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Note : How CLS is measured has been changed since June 2021.

Website 105

Website Google Metrics Testing Tools 105

Smashing Magazine

OCTOBER 12, 2021

Bridging The Gap Between Designers And Developers. Bridging The Gap Between Designers And Developers. 2021-10-12T10:30:00+00:00. 2021-10-12T12:08:10+00:00. In the past couple of years, it’s no secret that our design tools have exponentially evolved. Matthew Talebi. A Hidden Gem In All The Chaos.

Design 109

Design Development Processing Testing 109

Smashing Magazine

NOVEMBER 19, 2021

2021-11-19T10:30:00+00:00. 2021-11-19T12:16:24+00:00. For example, later in this article, we’ll be developing a web toy that flips a webpage upside down making it readable for Australians. Difficulties with Development. Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman.

Servers 83

Servers Website Code Best Practices 83

Enprowess

SEPTEMBER 28, 2021

React JS is one of the most common web app frameworks favoured by many developers due to its easy learning curve and reusability. Since it’s an open-source JavaScript library, developers can access plenty of tools and resources for developing an excellent web app. Why do Developers look for Alternatives to React JS?

Open Source 52

Open Source Mobile Entertainment Virtualization 52

Percona

NOVEMBER 1, 2023

This blog was originally published in August of 2021 and updated in November of 2023. They provide a reliable and effective method for developing, deploying, and executing applications in a range of settings, from development to production. The first one, written by Peter Zaitsev, was Installing MySQL with Docker.

Scalability 61

Scalability Best Practices Servers Database 61

Speed Curve

DECEMBER 20, 2023

Easier to fight regressions Integrating SpeedCurve into your development pipeline – so you can take advantage of performance budgets and alerts to catch issues before (or right after) they go into production – has been a popular practice over the last several years. In 2021, Google relaunched CLS with a session window.

Performance 57

Performance Metrics Speed Google 57

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 131

Website Design Network Best Practices 131

Smashing Magazine

DECEMBER 23, 2021

2021-12-23T11:00:00+00:00. 2021-12-23T14:06:08+00:00. Note: These screenshots were taken as of September 2021 and may be subject to change as the respective browsers update. On design systems, CSS/JS and UX. The crux of this project was to create a tool that makes this process simpler for developers. Focus Styles.

Best Practices 108

Best Practices AWS Processing Design 108

Percona

JULY 7, 2023

Where a high availability design once worked well, it can no longer keep up with more complex requirements. The majority of SPOFs are a consequence of scale, where designs that were once adequate (excellent, even) no longer meet evolving, more complex requirements. Can you afford that recovery time?

Availability 87

Availability Open Source Architecture Database 87

Smashing Magazine

AUGUST 4, 2021

2021-08-04T10:30:00+00:00. 2021-08-04T14:36:17+00:00. The most obvious and common prop that developers work with within React is the children prop. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. React Children And Iteration Methods. Arihant Verma.

Open Source 138

Open Source C++ Google Website 138

Smashing Magazine

JULY 8, 2021

Tools And Practices To Speed Up The Vue.js Development Process. Tools And Practices To Speed Up The Vue.js Development Process. 2021-07-08T11:00:00+00:00. 2021-07-13T02:07:04+00:00. Note: This article is aimed at both beginners and seasoned developers who want to better their Vue.js development.

Speed 132

Speed Processing Development Code 132

Smashing Magazine

JUNE 28, 2021

2021-06-29T05:30:00+00:00. 2021-07-13T02:07:04+00:00. Designing With Code: A Modern Approach To Design. Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. Mike: It makes it very fast to develop, which was what originally attracted me to it.

Website 62

Website Design Open Source Software 62

Percona

SEPTEMBER 1, 2023

This blog was originally published in November 2021 and was updated in September 2023. MySQL triggers are a powerful tool for database administrators and developers, enabling them to automate tasks, enforce data consistency, and respond to events within the database seamlessly.

Cache 63

Cache Database Games Healthcare 63

CSS - Tricks

APRIL 1, 2021

It’s inherently tied to everything we build and develop. So, while it’s tempting to solve everything in one fell swoop, the best approach to improving performance might be an iterative one. It’s is a Google service that audit things performance, accessibility, SEO, and best practices. Improvement #3: Unblock parsing.

Cache 92

Cache Social Media Media Website 92

Smashing Magazine

AUGUST 11, 2021

2021-08-11T11:40:00+00:00. 2021-08-11T15:41:39+00:00. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Code concepts for designers: Authentication and Authorization.

Code 111

Code Storage Best Practices Design 111

Smashing Magazine

NOVEMBER 23, 2021

2021-11-23T10:00:00+00:00. 2021-11-23T13:06:37+00:00. Existing best practices and guidance, such as the Web Content Accessibility Guidelines (WCAG), give us a solid foundation for inclusive design and already incorporate many details that affect dyslexic readers. On design systems, CSS/JS and UX.

Website 131

Website C++ Best Practices Design 131

Smashing Magazine

JULY 12, 2021

2021-07-12T13:30:00+00:00. 2021-07-13T02:07:04+00:00. For all its flexibility and simplicity, CSS itself has some fundamental issues that allow developers to write poor-quality code in the first place. The development team has lost track of which CSS code is used and which can be safely removed. Adrian Bece.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

AUGUST 2, 2021

2021-08-02T11:00:00+00:00. 2021-08-02T12:06:21+00:00. In Part 1 , we’ve covered the side effects of low-quality CSS codebase on end-users, development teams, and management. On design systems, CSS/JS and UX. Step 1: Pick A Component And Develop It In Isolation. Adrian Bece. More after jump! Large preview ).

Strategy 132

Strategy Testing Best Practices Code 132

Smashing Magazine

DECEMBER 22, 2021

2021-12-22T10:00:00+00:00. 2021-12-22T16:34:55+00:00. Created by Jon Yablonski, this lovely website explains 21 psychological principles that designers can consider to create more human-centered products and experiences. The right tools at the right time, help streamline the design process. Cosima Mielke.

Airlines 128

Airlines Mobile Design Strategy 128

The Netflix TechBlog

DECEMBER 11, 2020

Our team spent a lot of time addressing dissenting points and making adjustments to the architecture based on feedback from developers. Through our prototype development and proactive partnership with some key critical voices, we were able to instill confidence and close crucial gaps.

Architecture 249

Architecture Best Practices Engineering Open Source 249

Smashing Magazine

JULY 9, 2021

2021-07-09T10:30:00+00:00. 2021-07-13T02:07:04+00:00. Accessibility may have been attended to at the end of the project or not in the budget, or maybe they just didn’t practice it. without the need for special adaptation or specialized design.”. without the need for special adaptation or specialized design.”.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

OCTOBER 8, 2021

2021-10-08T10:00:00+00:00. 2021-10-08T14:08:15+00:00. Portable Text is an open-source specification designed to treat rich text as data. It allows developers to ingest data from multiple sources, write templates in multiple templating engines, and output simple, clean HTML. Bryan Robinson. 11ty And 11ty Serverless.

Serverless 77

Serverless Cache Open Source Code 77

Smashing Magazine

OCTOBER 28, 2021

2021-10-28T11:00:00+00:00. 2021-10-28T12:08:19+00:00. While there are many individual reasons, it boils down to two prominent use cases: optimizing your products and finding the best deals. “. Unless you’ve designed a truly innovative new product, the chances are that you can already find something at least similar on Amazon.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

OCTOBER 6, 2021

2021-10-06T10:00:00+00:00. 2021-10-06T10:38:09+00:00. Also offers the “Changes” panel by default, located in the same tab bar as the “Styles” Recommended Reading : “ Examine And Edit CSS ,” Firefox Developer Tools, MDN Web Docs. On design systems, CSS/JS and UX. A Guide To CSS Debugging.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

JULY 16, 2021

2021-07-16T13:00:00+00:00. 2021-07-16T17:35:03+00:00. 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. Accessibility. Accessibility.

Strategy 140

Strategy Virtualization Government Education 140