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.

Open Source 143

Open Source Design Availability Website 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 139

Development Media Design Mobile 139

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 84

Education Website Google Design 84

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 139

Ecommerce Website Government Internet 139

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 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

JULY 9, 2021

These are just a couple of examples of what disabled users face daily when they try and access a website that is inaccessible. 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.

Website 145

Website Mobile Design Testing 145

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 ?. Cold Contacting. Networking.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

JUNE 2, 2021

Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text). The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4).

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

JULY 21, 2021

All you need to do is select a base color, the contrast ratio of the shades, and the number of color variations you’d like to have, and the tool generates a perfectly-balanced color palette that you can copy and paste into your favorite design tool. On design systems, CSS/JS and UX. Jump to online workshops ?. A true timesaver.

Social Media 145

Social Media Design Media Systems 145

Smashing Magazine

MAY 23, 2022

Some answers from the community surprised me, as they’ve included some very useful and often-requested CSS features which were made available in the past year or two. Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. Jump to online workshops ?.

Media 141

Media Tuning Design Website 141

Smashing Magazine

OCTOBER 6, 2021

The “Changes” panel should be already available by default and next to the “Computed” tab. 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.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

JULY 7, 2021

You need to sign up for the Interactive Components Beta program to start experimenting with this new feature as it is not yet available in the current stable release. Joining the Beta is free and once you submit the form, it should not take more than two or three days before you see Interactive Components appear in your Figma design tool.

Design 144

Design Website Best Practices Games 144

Smashing Magazine

OCTOBER 28, 2021

But first of all, I’d like to make something clear right now — while the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages. As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Online, and live.

Website 115

Website Code Retail Best Practices 115

The Netflix TechBlog

JANUARY 11, 2022

To directly support great decision-making throughout the company, there are a number of data science teams at Netflix that partner directly with Product Managers, engineering teams, and other business units to design, execute, and learn from experiments. A/B tests are used throughout Netflix to deliver more joy to current and future members.

Innovation 243

Innovation Metrics Engineering Testing 243

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 ?. This approach, however, is far from perfect as there is a delay between the page’s first render and the wildcard being available. 0]) }, []).

Servers 84

Servers Website Code Best Practices 84

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 107

Efficiency Code Strategy Network 107

All Things Distributed

SEPTEMBER 25, 2017

This Region will consist of three Availability Zones at launch, and it will provide even lower latency to users across the Middle East. We already have 44 Availability Zones across 16 geographic Regions that customers can use today. This news marks the 22nd AWS Region we have announced globally.

Cloud 152

Cloud Education Energy Government 152

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. GlockApps is known for its powerful reports available for registered users.

Testing 110

Testing Servers Social Media Automotive 110

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 ?. Available Solutions For Visual Testing. Online, and live. Sep 16–24, 2021.

Testing 142

Testing Code Design Strategy 142

Smashing Magazine

JUNE 2, 2021

All of these techniques basically involve setting aside the correct amount of space before additional content is loaded — whether that is media or JavaScript-injected content, but there’s a few different options available to web developers to do this. On design systems, CSS/JS and smart interface design patterns.

Media 125

Media Metrics Website Google 125

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 89

Code Performance Network Website 89

Smashing Magazine

NOVEMBER 4, 2021

It allows developers to define, handle, and make queries/mutations available within our application. 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. More after jump!

Cache 115

Cache Servers Transportation Code 115

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. An option would be to set isVisible to true when IntersectionObserver is not available, which in practice would disable lazy-loading.

Code 147

Code Performance Media Google 147

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. We were designing and building things, setting up new products, refactoring the components, and publishing articles. Throughout the workshop, I was diligently taking notes and revisiting the codebase. Once the workshop was over, we got to work. Vitaly Friedman.

Performance 145

Performance Cache Mobile Network 145

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 133

Speed Processing Development Code 133

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 ) } workshops · { Math. This post is also available in Spanish. Componentizing generally makes testing and maintenance easier.

Code 130

Code Performance Google Media 130

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 95

Games Servers Database Virtualization 95

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 117

Design Systems Code Processing 117