15
new stories - click to show

Smashing Magazine

Description:

Smashing Magazine is focused on designing and building websites. We present most valuable techniques, ideas and resources for Web designers — articles written by...

URL:

http://www.smashingmagazine.com/

Catalog:

Technology

Publishes:

6.3 items/week

Creating An Outside Focus And Click Handler React Component

13:42
In this article, we’ll look at how to create an outside focus and click handler with React. We will recreate an open source react component react-foco from scratch in doing so.

The State Of Mobile And Why Mobile Web Testing Matters

2.March
With mobile traffic accounting for over 50% of web traffic these days, leaving your mobile performance unoptimized isn’t really an option. In this article, we’ll discuss the complexity and challenges of mobile, and how mobile testing tools can help us with just that.

State Of GDPR In 2021: Cookie Consent For Designers And Developers

1.March
As digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy products from Etsy or Google information, no one has escaped the rules that were introduced in 2018.

Fresh Inspiration For March And A Smashing Winner (2021 Wallpapers Edition)

28.February
Our wallpapers post this month is a special one: There’s not only a new collection of wallpapers created by creative folks from across the globe waiting for you, but we’ll also award a smashing prize to the best design.

Building User Trust In UX Design

26.February
Trust is at the heart of a long-term strategy of any product. There are many ways to earn it, and even more ways to lose it. In this article, we’ll go through how you, as a product designer, can make sure your product nurtures and retains trust throughout every touchpoint. To do that, we’ll be borrowing some of the tricks marketers and product people have up their sleeves.

Building A Discord Bot Using Discord.js

25.February
An introduction to building a Discord bot using the Discord.js module. The bot will share random jokes, assign or revoke user roles, and post tweets of a specific account to a Discord channel.

Material Design Text Fields Are Badly Designed

24.February
Where to put the label in a web form? In the early days, we talked about left-aligned labels versus top-aligned labels. These days we talk about floating labels. Let’s explore why they aren’t a very good idea, and what to use instead.

Create Responsive Image Effects With CSS Gradients And `aspect-ratio`

23.February
A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported `aspect-ratio` property in combination with `object-fit` provides a remedy to this headache of the past! Let’s learn to use these properties, in addition to creating a responsive gradient image effect for extra flair.

State Of GDPR In 2021: Key Updates And What They Mean

22.February
As digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy products from Etsy or Google information, no one has escaped the rules that were introduced in 2018.

Building Your Own Personal Learning Curriculum

19.February
As developers, we’re constantly learning new languages and frameworks. But how can you structure this learning to ensure maximum benefit while still progressing? Here’s how you can devise your own curriculum to keep moving in the right direction.

Context And Variables In The Hugo Static Site Generator

18.February
In this article, we take a look at the topic of context and variables in Hugo, a popular static site generator. You’ll understand concepts such as the global context, flow control, and variables in Hugo templates, as well as data flow from content files through templates to partials and base templates.

Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)

16.February
DevTools is very advanced and helpful, but can also be very intimidating and overwhelming. Let’s fix that. In this article, Vitaly reviews useful features and shortcuts for debugging in Chrome, Firefox, Edge and Safari.

Optimizing Video For Size And Quality

15.February
Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and drive customers away. In this article, we’ll walk through the steps to optimize the video on your website to ensure fast playback and reduce stalls.

Things To Expect From A Smashing Workshop: Form Design Masterclass

15.February
A couple of weeks ago, we organized a [Form Design Masterclass](https://smashingconf.com/online-workshops/workshops/adam-silver), an online workshop with Adam Silver alongside 81 friendly and smart people. Today, Adam shares his experience and details by highlighting what you as an attendee can expect from a Smashing Workshop , and things to keep in mind when running one.

What Saul Bass Can Teach Us About Web Design

12.February
Film credits, brand logos, posters… Saul Bass did it all, and the principles that informed his work are just as valuable now as they were 50 years ago.
© 2000-2021 ANNECA s.r.o., Klíšská 977/77, 400 01 Ústí nad Labem, Tel: +420 478571021, Email: info@hearea.com, Twitter: @hreader