Smashing Magazine

AUGUST 10, 2021

When we implement websites today, we are confronted by a lot of things we need to take care of. Ideally, we want to have a fast, secure, accessible, and fair website. At the same time, we want to have an interactive website with comments, polls, videos, code examples, and many more. On design systems, CSS/JS and UX.

Code 110

Code Website Open Source Design 110

CSS Wizardry

JULY 23, 2023

I am available to help you find and fix your site-speed issues through performance audits , training and workshops , consultancy , and more. I’m available for hire to help you out with workshops , consultancy , advice , and development. I’m available for hire to help you out with workshops , consultancy , advice , and development.

Engineering 246

Engineering Google Speed Mobile 246

Smashing Magazine

SEPTEMBER 16, 2021

That also means answering this other question: “How can one evaluate, manage and guarantee the quality of a website?” When delving into the concept of website quality assurance back in 2001, we started with a simple question: “What does quality mean for the users?”. On design systems, CSS/JS and UX. More after jump!

Automotive 140

Automotive Website Social Media Design 140

Smashing Magazine

JULY 27, 2021

In this article, we’ll build a website (a tea shop!) To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Let’s learn these techniques by applying them to a website project. Design Tokens. CSS setup will be storing all site-wide values as design tokens.

Website 143

Website Design Best Practices Code 143

Smashing Magazine

SEPTEMBER 8, 2021

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.

Development 140

Development Media Design Mobile 140

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. website : 1 — Welcome to GOV.UK Jump to the workshop ?. 2 — Popular on GOV.UK

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

AUGUST 17, 2021

Icons are a fantastic way to help convey meaning and add some character to a design. Two versions available: Designers can use the Flagpack in Figma and Sketch, developers can install it directly within their code project (React, Vue, and Svelte are supported). Jump to the workshop ?. Open-Source Flag Icons. Large preview ).

Open Source 144

Open Source Design Availability Website 144

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 140

Ecommerce Website Government Internet 140

Smashing Magazine

JULY 23, 2021

It is not that most web design agencies are ignorant of other marketing approaches or that any of them are inherently bad. On the contrary, in the second part of his two-part series on getting web design clients , Stephen Roe breaks down the opportunities of these approaches. Jump to the workshop ?. Procurement Sites.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

AUGUST 12, 2021

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents. accessibility.

Google 145

Google Design Code Mobile 145

Smashing Magazine

NOVEMBER 17, 2021

Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect from our colors in the not-too-distant future. These are very limited, and rarely fit the designs we are building! On design systems, CSS/JS and UX. Jump to online workshops ?. Well-Known Color Values. More after jump!

Energy 145

Energy Design Website Hardware 145

Smashing Magazine

OCTOBER 25, 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 ?. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. object-fit: contain.

C++ 143

C++ Website Systems Design 143

Strategic Tech

NOVEMBER 29, 2019

The result is that we create better designed software systems and teams of problem solvers rather than order takers. Used judiciously, EventStorming gives us the ability to uncover enough information about our domain and our business that we can use it to design our microservices, bounded contexts, and even our teams.

Design 59

Design IoT Energy Software 59

Smashing Magazine

JUNE 25, 2021

The business world today is obsessed with user experience (UX) design. Overall, this UX audit and redesign concept would be of great use to UX designers, business owners, and marketing people because it presents a way to audit and fix a product’s most obvious usability issues. On design systems, CSS/JS and UX. Mark Lankmilier.

Education 86

Education Website Google Design 86

Smashing Magazine

MAY 23, 2022

Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?.

Media 141

Media Tuning Design Website 141

Smashing Magazine

OCTOBER 28, 2021

As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js So, it goes without saying just how big of a data treasure trove the website is. Jump to the workshop ?.

Website 116

Website Code Retail Best Practices 116

Smashing Magazine

OCTOBER 6, 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 ?. CSS is designed to not lose content, to not cause harm. More after jump! Debugging Overflow.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

AUGUST 4, 2021

Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Jump to the workshop ?. Online, and live. React.Children.toArray.

Open Source 139

Open Source C++ Google Website 139

Strategic Tech

JULY 18, 2018

Yet there is no flowchart we can simply follow to find the optimal design. It’s so easy to get design choices wrong and make things worse instead of making them better. In order to effectively design sociotechnical systems, I recommend using design heuristics. We have the unpredictable nature of markets.

Design 40

Design Architecture Software Architecture Systems 40

All Things Distributed

SEPTEMBER 25, 2017

We have supported the development of technology skills across the region with Training and Certification programs to help customers develop skills to design, deploy, and operate their infrastructure and applications on the AWS Cloud. One story from the Middle East I particularly like is flydubai, the leading low-cost airline in the region.

Cloud 122

Cloud Education Energy Government 122

Jos

APRIL 6, 2018

You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same? Here is an example taken from the React Alicante website. progress * 4 ) } workshops · { Math. Componentizing generally makes testing and maintenance easier. for some inspiration :). constructor ( ) {. super ( ) ; this.

Code 147

Code Performance Media Google 147

Smashing Magazine

SEPTEMBER 28, 2022

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. More after jump!

Cache 128

Cache Performance Servers Architecture 128

Smashing Magazine

JULY 1, 2021

Of course, the best thing is to avoid traps in our test designs in the first place. Any test, no matter the type, should be designed plain and simple. So, a test’s design should be flat. Jump to the workshop ?. Traps In Test Design. After that, I’ll talk about test design. The Golden Rule. Online, and live.

Testing 124

Testing Best Practices Code Design 124

Smashing Magazine

JULY 19, 2021

By adding automated visual testing , we can eliminate those flaky tests , leveling up our testing pipelines providing that coverage (and more) by taking advantage of smart image comparisons using screenshots of our website or app. Jump to the workshop ?. Design/UX Collaboration. Online, and live. Sep 16–24, 2021.

Testing 142

Testing Code Design Strategy 142

Smashing Magazine

JULY 8, 2021

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 ?. In a traditional app where we have signup, logins, or product page we want to have consistent behavior and design. Vue Devtools ,” website.

Speed 135

Speed Processing Development Code 135

Smashing Magazine

JULY 2, 2021

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 ?. A mistake could be made when you work with several projects/websites. Design Your Mobile Emails To Increase On-Site Conversion.

Testing 110

Testing Servers Social Media Testing Tools 110

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. Web Workers are designed to perform tasks that do not require direct access to the UI, such as data processing, image manipulation, or calculations.

Efficiency 110

Efficiency Code Strategy Network 110

Smashing Magazine

NOVEMBER 4, 2021

website to download the latest version. 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 ?. If not, just go to the Node.js More after jump!

Cache 118

Cache Servers Code Transportation 118

Smashing Magazine

JUNE 28, 2021

It’s a collection of mostly <head> tags and attributes I usually use on every website I build. 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 101

Code Social Media Media Website 101

Jos

APRIL 5, 2018

You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same? Here is an example taken from the React Alicante website. progress * 4 ) &#125; workshops · &#123; Math. Componentizing generally makes testing and maintenance easier. for some inspiration :). a footer. . floor ( this.

Code 130

Code Performance Google Media 130

Smashing Magazine

NOVEMBER 19, 2021

This space can act as its own website — not tied to anything. Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. Jump to the workshop ?. The benefit of this is that it gives each of these establishments their enclosed space which they can customize and build out. More after jump!

Servers 87

Servers Website Code Best Practices 87

Smashing Magazine

NOVEMBER 29, 2021

Although this isn’t something I’d look to drop on a website any time soon, it’s a neat little challenge to make. 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.

Games 111

Games Website Performance Design 111

Strategic Tech

APRIL 27, 2019

Perhaps led by strong managers, they will fight vehemently for their work to be prioritised and software systems to be designed to their needs. Subservient contexts are contexts which are designed and built to the requirements of their consumers, either by force or an attempt to try and be helpful.

Software Architecture 58

Software Architecture Architecture Design Government 58

Jos

APRIL 5, 2018

Puedes echar un ojo a Website Sameness o Web Design Trends: Why Do All Websites Look The Same? progress * 4 ) &#125; workshops · &#123; Math. La componentización suele hacer más fácil el testeo y mantenimiento del código. para más inspiración :). una sección con algunas imágenes. un footer. . &#123;

Code 130

Code Google Media Performance 130

Smashing Magazine

FEBRUARY 2, 2022

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 ?. Like any file referenced and used on a website, it first needs to be downloaded from a server.

Code 91

Code Performance Network Website 91

Smashing Magazine

JUNE 25, 2021

How do we make design systems work? In his upcoming Smashing workshop on Successful Design Systems , Brad Frost explains how to plan, execute and maintain a successful design system at your organization. Jump to the workshop ?. To get the same frame, including the navigation, replace your pages/_app.js

Design 118

Design Systems Code Processing 118

Smashing Magazine

OCTOBER 22, 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 Future Of Mobile Web Design: Video Game Design And Storytelling ,” Suzanne Scacca. “

Games 98

Games Servers Database Virtualization 98