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.

Mobile 140

Mobile Design Cache Code 140

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. Check out the Almanac for CSS property and selector-specific insights, or dive straight into the Snippets to grab some reusable code. Visit website 2. Visit website 4. Visit website 5.

Development 75

Development Website Design Code 75

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; project set up, we’re going to want to create the only code file we’ll need for this project: pages/index.js.

Servers 83

Servers Website Code Best Practices 83

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). Open-Source Flag Icons. Large preview ). Large preview ).

Open Source 143

Open Source Design Availability Website 143

Smashing Magazine

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. JavaScript Design Patterns. This is a straightforward flexbox playground that also generates the code for you. On design systems, CSS/JS and UX.

Development 145

Development Games Education Programming 145

Smashing Magazine

MARCH 23, 2020

Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseperable. Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseperable. I replaced them with books on art direction, editorial, and graphic design. Andrew Clarke. 2020-03-23T13:00:00+00:00.

Design 106

Design Media Energy Availability 106

Smashing Magazine

SEPTEMBER 20, 2021

They all generally are instrumented as JavaScript processes that are loaded onto your site’s web pages through a tag or snippet of loader code. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. More after jump! Jump to table of contents ?.

Website 89

Website Analytics Google Cache 89

Smashing Magazine

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. On design systems, CSS/JS and UX. JavaScript is less forgiving. More after jump!

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

JUNE 30, 2021

The web is streaming, meaning it has none of the resources locally available when you open an app for the first time. iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. JavaScript.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

MARCH 2, 2020

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Music magazines were popular too. Andrew Clarke. Large preview ).

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

MAY 9, 2022

Continue reading below ↓ Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. You can see the complete list of reasons for the Chrome source code , with a bit more explanation in this sheet. More after jump! Large preview ).

Cache 91

Cache Games Performance Website 91

Smashing Magazine

AUGUST 18, 2020

Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design. Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design. I became fascinated by the ways magazine art directors including Alexey Brodovitch and Bea Feitler brought images and text together. Andrew Clarke.

Design 119

Design Media Entertainment Website 119

Smashing Magazine

OCTOBER 14, 2021

The article also provides plenty of code examples to get started with! To achieve it, Rauno uses an experimental CSS property element() to display a live image from an arbitrary HTML element (which currently only available in Firefox). Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Games 144

Games Design Strategy Code 144

Smashing Magazine

AUGUST 19, 2022

A lot of people even dread the “reset-password” page because, come to think of it, after spending a lot of time trying to guess their passwords — all to no avail — they’re either frustrated or angry as they land on this particular page. Further Reading On Smashing Magazine. “ More after jump! Final Thoughts.

Processing 110

Processing Best Practices Availability Open Source 110

Smashing Magazine

SEPTEMBER 21, 2021

More precisely, we’ll discuss: Why using the Linux shell can be very powerful when working with plain text (including code); Why using the dreaded Arch Linux; The advantage of a tiling window manager; How to have a great terminal experience with URxvt, tmux, and tmuxp; Why Vim can become your best friend. The Linux Shell. Large preview ).

Development 98

Development Energy Programming Efficiency 98

Smashing Magazine

NOVEMBER 3, 2021

This approach means that we’ll be writing our code in the form of functions that will handle different tasks or requests within the application. This means no file size was added to our application, giving us the benefit of having only the code needed for our application to function. 14 Lambda functions. Your functions within the./functions

Serverless 123

Serverless Lambda AWS Website 123

Smashing Magazine

SEPTEMBER 16, 2021

The CRM can also automate actions based on the customer’s activity like receiving a promotional discount code in a marketing email after they chat with a rep. They see that a chat-with-a-sales-rep option is available. For example, a customer visits a magazine subscription site that uses HubSpot CMS.

Website 67

Website C++ Virtualization Development 67

Smashing Magazine

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. Sustainable Web Design. Data transfer is one thing that we can measure quite easily.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

DECEMBER 14, 2021

without any need to code. 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!

Testing 99

Testing Network Website Google 99

Smashing Magazine

OCTOBER 26, 2021

Nx facilitates a monorepo for your applications, creating a workspace that can hold the source code and libraries of multiple applications, allowing you to share resources between applications. Code sharing. You can even share reusable code between your front-end and back-end applications. Why Use Nx? Dependency graph.

Cache 109

Cache Servers Code Storage 109

Smashing Magazine

SEPTEMBER 5, 2019

Inspired Design Decisions: Alexey Brodovitch. Inspired Design Decisions: Alexey Brodovitch. Before writing Art Direction for the Web , I began to study Alexey Brodovitch when I became fascinated by editorial and magazine design. This book will make a fabulous addition to your design collection. Andrew Clarke.

Design 79

Design Media Website Energy 79

Smashing Magazine

OCTOBER 12, 2021

Bridging The Gap Between Designers And Developers. Bridging The Gap Between Designers And Developers. In the past couple of years, it’s no secret that our design tools have exponentially evolved. How do we know the code is the same UI? Matthew Talebi. 2021-10-12T10:30:00+00:00. 2021-10-12T12:08:10+00:00.

Design 109

Design Development Processing Testing 109

Smashing Magazine

JUNE 18, 2020

More specifically, we’re going to talk about storage and UI differences, which are the ones that most often cause confusion to developers when writing Flutter code that they want to be cross-platform. Running Different Code On Different Platforms. In this article, we’re going to see some of those differences and how to overcome them.

Storage 93

Storage Mobile Website Java 93

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. Part Of: Design Patterns. Vitaly Friedman. 2021-08-05T13:30:00+00:00. 2021-08-05T17:04:11+00:00. Part 1: Perfect Accordion.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

JULY 22, 2021

Some of the apps now available on iPhone or Android may help with some of the realization by telling us how much time we spend gaming, emailing or watching YouTube on our phone. In my records for the entire day, I put one color code for my work hours and will have a separate diagram specifically to break up my work hours. Networking.

Games 126

Games Availability Software Software 126

Smashing Magazine

SEPTEMBER 9, 2021

Whilst I believe Scrapbook handles this update well, it’s an important consideration when designing your user’s experience. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. We do this all to prevent code duplication and ensure consistency in our data.

Cache 102

Cache Internet Internet Servers 102

Smashing Magazine

AUGUST 18, 2021

Sample Files And Instructions For Running The Code. You can find the full code snippets of this article in the following files: index.html. Since the code contains JavaScript modules, you can only run the example from an HTTP server and not from the local file system. On design systems, CSS/JS and UX. DateTimeRenderer.js.

Code 139

Code Servers Development Availability 139

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

OCTOBER 3, 2019

Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force. Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force. Even if you didn’t study graphic design at art school, you might know a few famous names. Previously On “Inspired Design Decisions”. Inspired Design Decisions: Avaunt Magazine.

Design 76

Design Media Website Speed 76

Smashing Magazine

AUGUST 11, 2021

An expected behavior of your app is that once the authentication condition is met, a new set of navigation routes are available only to logged-in users, while the other screens which were displayed before authentication is removed and can’t be returned to unless the user signs out of the application. On design systems, CSS/JS and UX.

Code 111

Code Storage Best Practices Design 111

Smashing Magazine

AUGUST 8, 2019

Inspired Design Decisions: Ernest Journal. Inspired Design Decisions: Ernest Journal. When you work in design for any length of time, forming habits is natural. This repetition can be fabulous for your productivity, but when each design looks much like your last, you can quickly begin to feel jaded. Andrew Clarke.

Design 79

Design Energy Website Media 79

Smashing Magazine

AUGUST 30, 2018

It should be useful if you are new to product design, UX, interaction or digital design, or if you have experience in these fields but have not performed a competitive analysis before. Competitive Analysis, Service Design Cycle, Five-Stages Design Process. The five-stages design process. Large preview ).

Google 59

Google Design Strategy Website 59

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. He’s been writing code for two decades, and using JavaScript the whole time. But for me, I don’t have design sense. A little bit, but I’m not a designer by any means. Mike on Twitter.

Website 62

Website Design Open Source Software 62

Smashing Magazine

APRIL 13, 2020

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions: Avaunt Magazine. Inspired Design Decisions: Pressing Matters.

Design 116

Design Media C++ Technology 116

Smashing Magazine

AUGUST 20, 2021

However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor. Now there’s a massive range of Jamstack CMSs available, which bring all the advantages of static sites while allowing non-technical folk to update content. More after jump! Let’s fix that! Online, and live.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

JUNE 26, 2020

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. With one or two occasional exceptions, I’ve spent the past twenty-two years designing for countless clients. I know many designers who work in-house.

Design 94

Design Media C++ Energy 94

Smashing Magazine

OCTOBER 1, 2021

To follow along with this tutorial, you’ll need to have the following installed: Node , A text editor, I recommend VS Code with the Vetur extension (for Vue.js syntax features in VS Code), A terminal, you can use VS Code’s integrated terminal or any other of your choice. On design systems, CSS/JS and UX. Prerequisites.

Media 122

Media Code Servers Performance 122