Smashing Magazine

JANUARY 5, 2022

Ten Tips For The Aspiring Designer Beginners (Part 1). Ten Tips For The Aspiring Designer Beginners (Part 1). In this article, I want to share ten tips that helped me grow and become a better designer, and I hope these tips will also help you while you’re trying to find more solid ground under your feet. Luis Ouriach.

Design 126

Design Social Media Website Best Practices 126

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. Further Resources On Smashing Magazine. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Focus Styles.

Best Practices 108

Best Practices AWS Processing Design 108

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. 400 pages , jam-packed with in-depth user research and best practices. If it’s third-party code, then raise it to them. More after jump!

Cache 91

Cache Games Performance Website 91

Smashing Magazine

OCTOBER 14, 2021

The article also provides plenty of code examples to get started with! When designing cards, you might want a border-radius to have a quite sizeable value when there is enough space to display it along with other cards. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. More after jump!

Games 144

Games Design Strategy Code 144

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

AUGUST 19, 2022

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. There is a lot of information about the best practices and awesome password-reset design patterns out there. Further Reading On Smashing Magazine. “ More after jump! Jump to table of contents ?.

Processing 110

Processing Best Practices Availability Open Source 110

Smashing Magazine

OCTOBER 18, 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. This component incorporates several image-related best practices. More after jump! Jump to online workshops ?.

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. 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 Testing Processing 109

Smashing Magazine

AUGUST 11, 2021

Once our app is set up, we can change our directory to our new project directory and open it in your favorite code editor. 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 111

Code Storage Best Practices Design 111

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 11, 2022

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. The code referenced below is included there, as the CodePen HTML tab only covers HTML body , and head is added with this separate config. Jump to table of contents ?. fetchpriority HTML attribute.

Media 69

Media Tuning Metrics Google 69

Smashing Magazine

JULY 12, 2021

However, this simplicity leaves the door open for many potential issues and technical debt — bloated code, specificity hell, duplicated code blocks with very little to no difference, leftover unused selectors, unnecessary hacks, and workarounds, to name a few. Leftover, unused chunks of code from deleted features.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

AUGUST 2, 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. Due to those styles having a wider reach and possibly affecting other components, we cannot simply edit the problematic code directly.

Strategy 132

Strategy Testing Best Practices Code 132

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. The answer lies in code-splitting.

Code 89

Code Performance Network Website 89

Smashing Magazine

OCTOBER 28, 2021

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. Let’s start with the first scenario. More after jump!

Website 115

Website Code Retail Best Practices 115

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. Let’s progress from theoretical considerations into hands-on code. Online, and live.

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

MARCH 7, 2022

That’s not to say the extraneous content is pointless — enhanced design and user interfaces can have an important impact on the brand of a website, and delightful little extras can really impact your users’ relationship with your site. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used?

Website 103

Website Media Mobile Network 103

Smashing Magazine

OCTOBER 8, 2021

Generate your own madlibs in the demo ; Look through the final code on Github ; Get a fully-built version set up in your accounts. Portable Text is an open-source specification designed to treat rich text as data. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons.

Serverless 77

Serverless Cache Open Source Code 77

Smashing Magazine

AUGUST 19, 2021

How To Build An Ethical User Research Practice At Any Organization. Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve.

Code 137

Code Design Education Government 137

Smashing Magazine

OCTOBER 24, 2023

You know, have a plan for it and write code that’s mindful about adding extra weight to the page. But not everything about performance happens directly at the code level, right? I’d say many — if not most — sites and apps rely on some number of third-party scripts where we might not have any influence over the code.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

DECEMBER 22, 2021

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. User experience research is a crucial component of the human-centered design process.

Airlines 128

Airlines Mobile Design Strategy 128

Smashing Magazine

JULY 8, 2021

Using the proposed file structure is not a bad way of structuring your project per se, but as your project grows, you will need a better structure as your code becomes clustered and harder to navigate and access files. code some certain instructions that are peculiar to Vue.js. Best Practices When Writing Custom Directives.

Speed 132

Speed Processing Development Code 132

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. 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 2, 2023

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

JANUARY 16, 2023

To address this problem, I’ll provide an overview of the best practices for the integration and optimization of an LCP image. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. And finally, update our code : <img src="image-280.png".

Media 104

Media Mobile Website Metrics 104

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 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. However, in practice, the results can be underwhelming.

Social Media 145

Social Media Media Network Website 145

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

OCTOBER 29, 2021

Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. With 100s of real-life examples , guidelines and best practices that you can apply right away. This free e-book from the Copyblogger team is designed to get you up and running with the copywriting basics in ten easy lessons.

Energy 120

Energy Best Practices Design Availability 120

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. All functionality and integrations would also have a tight dependency which in turn results in a large, cumbersome monolithic code base. Comprehensive documentation and code samples are also a must. Environments.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JULY 2, 2021

It is recommended to follow rules and best practices of building and sending emails. It is important to make sure that your message looks as designed for all your recipients. Here are two important aspects: Test whether your code works and sends emails in the right way. How can we address these challenges?

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

JULY 20, 2021

Having the front-end as a base project and having multiples spaces in a Headless CMS, allows you to have consistency between your products and makes the scalability easier because we have less code to maintain. It’s an architecture designed to make the web faster, more secure and easier to scale. Entry Type Page. Full Final Script.

Website 141

Website Architecture Technology Technology 141

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. Although landing pages are a common practice in online marketing, we were trying to make the most of it. SEO is key to our success.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

NOVEMBER 30, 2021

We last talked to him in July 2020 , where we asked if modern best practices about for the web. Last time we talked, we posed this question of if modern best practices, the use of reactive frameworks and these sorts of things were actually bad for the progress of the web. Drew: You want it to remain unspoiled.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

NOVEMBER 12, 2021

We’ll go through several code examples of each hook and also explore how you’d create a custom hook. 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. More after jump!

Code 118

Code Availability Efficiency Performance 118

Smashing Magazine

AUGUST 9, 2021

However, many other devices are sitting between the client and the server that also have their own TCP code on board (examples include firewalls, load balancers, routers, caching servers, proxies, etc.). It combines decades of deployment experience and best practices of TCP with some core new features. Conclusion.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

JUNE 10, 2022

We saw how important it is to keep the typographic design parameters and variables the same to get a more accurate result while testing different typefaces. Research and design effort based on not good, okay, very good. Measurement: Research and design effort based on not good, okay, very good. Did you miss out on it?

Performance 94

Performance Design Speed Testing 94