Frontend News aims to keep you updated with what's happening in the world of web dev! With the latest news and resources from the design & development community.

CSS Contain Squares

Let’s Take a Deep Dive Into the CSS Contain Property

An exploration of the CSS contain property, which we can use to help the browser figure out what calculations it can reduce in priority or maybe even skip altogether - to load faster pages!

Read it ➡️

Vue Survey Tutorial Author

How To Build A Vue Survey App Using Firebase Authentication And Database

A tutorial to take you from validating user data through Vuelidate, to authentication, storing the user’s data, route protection and sending data to Firebase servers.

Read it ➡️

MDX Logo

Working With MDX Custom Elements and Shortcodes

A look at how we can customize MDX by replacing Markdown elements with our own MDX components & how we can add shortcodes.

Read it ➡️

Biased Design Decision

Reducing Design Risk

Some solid practical advice on how to create designs that better serve customers and the company: context over convenience, compromise, better design decisions, design reduction.

Read it ➡️

Tetris Blocks

How to Use Block Variations in WordPress

An overview of block variations introduced in WordPress 5.4.

Read it ➡️

Tablist Arrows

The Anatomy of a Tablist Component in Vanilla JavaScript Versus React

A comparison between the framework everyone loves (to hate?) React vs VanillaJS when creating a Tablist component.

Read it ➡️

Smashing Tobi

Meet SmashingConf Live: Our New Interactive Online Conference

A ook at what's planned for SmashingConf Live (June 9–10). With interactive live sessions, practical insights, accessible speakers, collaborative notes and friendly fireplace chats with like-minded folks.

Read it ➡️

Custom List

List Style Recipes

A look at a number of ways we can style & work with HTML lists.

Read it ➡️

Vue Rocketship

Control a Rocket 🚀 Ship with Vue

This fun demo by Jack Domleo lets you control a vue powered rocket ship!

Check it out ➡️

css macintosh 128k

CSS macintosh 128k

A wobbling macintosh coded in pure CSS by Ivan Ushmorov.

See it ➡️

Vitaly Freidman Podcast Chat

Vitaly Freidman and Smashing Magazine in 2020

Vitaly Friedman talks about the changing landscape of publishing on the web, the changes seen in web conferences, the difference between a workshop and a webinar and keeping up with front end!

Listen up ➡️

React and Ionic Logos

An Introduction To React With Ionic

In this tutorial, we’ll see how to build a mobile application that pulls data from the Marvel Comics API; the data will show Marvel comics and you’ll be able to choose your favorites. At the end, we’ll create a native build of the project on Android.

Read it ➡️

Previous Issue: