SmashingConfs, Inspiring Talks And Birthday Cake
19 hours ago, smashingmagazine

There’s a lot of information out there — that’s a fact. In these monthly editions, Smashing’s senior editor Iris brings it all in one place because we know how hard it can be to stay on top of things. So with no further ado, here’s what was, what is, and what will be!...

Comparing Styling Methods In Next.js
1 day ago, smashingmagazine

Among others, [Next.js](https://nextjs.org) has dubbed itself: *The React Framework for Static Websites*. But just like every other framework whose goal is to help you build what matters by abstracting common, redundant tasks, you’re often required to learn something new and opinionated. With Next.js, one of the things you need to know is how to integrate different CSS methods with its API, and that is the focus of this tutorial....

Advanced GraphQL Usage In Gatsby Websites
2 days ago, smashingmagazine

In this article, we will take a closer look at GraphQL and how we can integrate it into a Gatsby website by building and implementing advanced data sourcing and transformation in Gatsby....

Designing For Attention
3 days ago, smashingmagazine

In this article, Victor Yocco covers specific tactics with supporting research that are bound to help you design for attention....

Animating React Components With GreenSock
4 days ago, smashingmagazine

In this article, Blessing explains how GSAP plays well with the React library by integrating its functions into a React component in building an example landing page with a variety of animations....

Smashing Magazine Is Fourteen
1 week ago, smashingmagazine

This week we celebrate the 14th birthday of Smashing Magazine. We didn’t quite have the year that we planned though! I took a look back at some memories from this year and previous years — with the help of the team and some Smashing friends....

Smashing Magazine Is Fourteen!
1 week ago, smashingmagazine

This week we celebrate the 14th birthday of Smashing Magazine. We didn’t quite have the year that we planned though! I took a look back at some memories from this year and previous years — with the help of the team and some Smashing friends....

An Introduction To Running Lighthouse Programmatically
1 week ago, smashingmagazine

This article contains a brief introduction to Lighthouse, discusses the advantages of running it programmatically, and walks through a basic configuration....

Get Up And Running With Craft CMS
1 week ago, smashingmagazine

Choosing what CMS to use in your next development project is a critical decision for any business, large or small. In this guide, we’re going to run through the potential of Craft CMS, setting up a local environment and creating a basic cat blog with an API endpoint to accompany it. It’s a perfect jumping off point for anyone looking to expand from their current CMS system, or make the leap from Wordpress....

How To Build A Blog With Next And MDX
1 week ago, smashingmagazine

In this guide, we will be looking at Next.js, a popular React framework that offers a great developer experience and ships with all of the features you need for production....

Designing With Reduced Motion For Motion Sensitivities
1 week ago, smashingmagazine

Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities....

Smashing Podcast Episode 24 With Cassie Evans: What Is SVG Animation?
1 week ago, smashingmagazine

We’re talking about SVG Animation. How can vector images, JavaScript and CSS all work together to provide engaging motion graphics? Drew McLellan talks to SVG expert Cassie Evans to find out....

How To Automate API Testing With Postman
1 week ago, smashingmagazine

In this article, we will learn how to write automated tests on web APIs with Postman. In order to follow along to this tutorial, you’ll need at least a fair amount of familiarity with Postman....

Building A Component Library With React And Emotion
2 weeks ago, smashingmagazine

A component library helps to keep a design consistent across multiple projects. It ensures consistency because any changes made will propagate across the projects that make use of it. In this tutorial, we’ll learn how to build a component library, using Emotion in React to resolve inconsistencies....

4 Ways To Creatively Use Icons In Your Mobile Apps
2 weeks ago, smashingmagazine

Icons have long held an important place in the design of mobile apps. But beyond using them to create larger and more attractive touch targets, there are other ways mobile app designers can use these tiny elements to make an app more engaging. This post will explore four ways to do this....

Everything Developers Need To Know About Figma
2 weeks ago, smashingmagazine

Unlike most design software, Figma is free and browser-based so developers can easily access the full design files making the developer handoff process significantly smoother. This article explains everything they need to know to work with Figma....

Building React Apps With Storybook
2 weeks ago, smashingmagazine

In this article, you will learn how to build and test react components in isolation using Storybook. You will also learn how to use the knobs addon to modify data directly from the storybook explorer....

How To Do More With Vue Router
2 weeks ago, smashingmagazine

In this tutorial, we’re going to learn about some amazing features the Vue Router has and how we can make use of them in our app....

September In All Its Facets (2020 Wallpapers Edition)
2 weeks ago, smashingmagazine

September is just around the corner and, well, that means it’s time for some new wallpapers! Since more than nine years already, our monthly wallpapers series is the perfect opportunity for artists and designers from all across the globe to challenge their creative skills and dive into a little project just for fun. What tools or techniques they use — be it illustration, lettering, or photography — and what stories they want to tell with their designs is entirely up to them....

Demystifying Django’s Magic
3 weeks ago, smashingmagazine

According to the official documentation, Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of Web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source. — DjangoProject.com It is one of Python’s popular framework for building web applications and is most preferred for its scalability in creating a boilerpl...

Next