Smashing Magazine

NOVEMBER 19, 2021

For example, later in this article, we’ll be developing a web toy that flips a webpage upside down making it readable for Australians. Unfortunately, there aren’t any special systems to provide custom statically generated pages for different wildcard subdomains like you may with dynamic routing for example (where you have [slug].js

Servers 83

Servers Website Code Best Practices 83

Smashing Magazine

DECEMBER 23, 2021

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. Jump to online workshops ?. The crux of this project was to create a tool that makes this process simpler for developers.

Best Practices 108

Best Practices AWS Processing Design 108

O'Reilly

JANUARY 13, 2020

.” Carol Willing , a member of the Python Steering Council and a core developer of CPython, also celebrates these projects—like the Binder service, which promotes reproducible research by creating an executable environment from your Jupyter Notebooks—particularly as they expand beyond their initial aims.

Programming 130

Programming Java Google C++ 130

Smashing Magazine

MAY 23, 2022

Custom properties brought significant improvements to CSS by allowing developers to create reusable values in their stylesheet without the need for CSS preprocessor like SASS. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Media 140

Media Tuning Design Website 140

Adrian Cockcroft

JUNE 21, 2022

Photo by Adrian I spent six years at Cambridge Consultants, building some interesting systems, managing our Sun workstations and learning a lot, but by then Sun had opened a sales office across the street, and I wanted to find out what they were going to release next, before everyone else.

Tuning 52

Tuning Benchmarking Engineering C++ 52

Tasktop

MARCH 11, 2020

Throughout my career, the software development innovations that I admired most have provided both a new set of ideas as well as a tool-based solution to accelerate the value of applying those ideas to practice. He sensed that there were flow issues for developers, likely caused by overly taxed VPNs and other infrastructure challenges.

Innovation 52

Innovation Metrics DevOps Government 52

Smashing Magazine

FEBRUARY 2, 2022

In this article, we’re going to cover code-splitting best practices and showcase some examples using React, so we load the minimum JavaScript necessary to render a page and dynamically load sizeable non-critical bundles. This automatization often leads developers to treat a framework and build tools as a black box.

Code 89

Code Performance Network Website 89

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. Throughout this tutorial, we will be looking at practices that should be adopted, things that should be avoided, and have a closer look at some helpful tools to make writing Vue.js

Speed 132

Speed Processing Development Code 132

Smashing Magazine

AUGUST 11, 2021

Once the app is started, you can use the expo app from your mobile phone to scan the bar code and view the application, or if you have an android emulator/IOS simulator, you can open the app through them from the expo developer tool that opens up in your browser when you start an expo application. On design systems, CSS/JS and UX.

Code 111

Code Storage Best Practices Design 111

Smashing Magazine

AUGUST 2, 2021

In Part 1 , we’ve covered the side effects of low-quality CSS codebase on end-users, development teams, and management. The development team has analyzed and pinpointed the weaknesses in the CSS codebase and has set target goals for the refactor (file size, specificity, color definitions, and so on). On design systems, CSS/JS and UX.

Strategy 132

Strategy Testing Best Practices Code 132

Smashing Magazine

JULY 12, 2021

In this three-part series , we are going to go through the CSS refactor process from the beginning to the end, starting with knowledge on how to approach it and some general pros and cons of refactoring, then moving onto the refactoring strategies themselves and ending with some general best practices on CSS file size and performance.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

NOVEMBER 23, 2021

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. Jump to online workshops ?. More after jump! An Existing Design.

Website 131

Website C++ Best Practices Design 131

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. For that, a web developer’s headline toolbox contains six levels ( <h1> to <h6> ).

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

JULY 2, 2021

It is recommended to follow rules and best practices of building and sending emails. In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. How can we address these challenges?

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

OCTOBER 6, 2021

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. Jump to online workshops ?. More ideas, tips, and tools will be discussed next. More after jump!

Design 145

Design Availability Mobile Website 145

Smashing Magazine

JULY 9, 2021

The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well. Design systems should be used not only to ensure branding and consistency, but accessibility, inclusivity, and understanding of code better.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

OCTOBER 28, 2021

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. You need to adapt your scraper’s code for a specific system , and if you use the same script on a new kind of page, you’d have to rewrite parts of it. Online, and live. Oct 25 – Nov 8, 2021.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

AUGUST 12, 2021

design systems. If you’d like to dive a bit deeper into animation with Figma, a guide to adding animation to your designs in Figma shows the entire workshop, and various options you have, step-by-step. The plugin adds an additional toolbar for controlling the bending — it’s another question though how developers would implement it.

Google 145

Google Design Code Mobile 145

Smashing Magazine

AUGUST 19, 2021

These overlaps and key themes will serve as a jumping-off point for developing your own principles, relevant to your team, organization, and industry. There truly is no right or wrong way to do this, however, following a typical ideation workshop framework will really help add rigor to the process. Credit: Devin Harold. User Personas.

Code 137

Code Design Education Government 137

Smashing Magazine

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

NOVEMBER 12, 2021

Hooks give power to React functional components, making it possible to develop an entire application with it. 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 118

Code Availability Efficiency Performance 118

Smashing Magazine

JULY 7, 2021

These are known in development as Events and are the different ways we the user can activate an interaction. Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. Jump to the workshop ?. Online, and live.

Design 144

Design Website Best Practices Games 144