We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.

The results of the 2018 Front-End Tooling Survey are out! Check out the results and analysis of the responses here.

Today, the design landscape has changed completely. We’re equipped with new and powerful tools — CSS Grid, CSS custom properties, CSS shapes and CSS writing-mode, to name a few — that we can use to exercise our creativity. Zell Liew explains how.

Smashing Magazine's editor-in-chief, Rachel Andrew, attended the Google I/O 2018 event in Mountain View. We made sure you don't miss out: Here's a roundup of the announcements and launches that were presented at the event.

Desktop progressive web apps can be 'installed' on the users device much like native apps. They're fast. Feel integrated because they launched in the same way as other apps, and run in an app window, without an address bar or tabs. They're reliable because…

How to create user authentication or login using Node.js, Express.js, Mongoose.js and Passport.js with simple application example.

The Firefox Dev Tools team released an upgrade to the debugger’s source map support. It lets you inspect the code that you actually wrote. Combined with the ongoing work to ...

How to leverage observables, observers, computed properties, autorun & more to supercharge & simplify your React workflow.

In this article I will describe how the ES2017 <code class="markup--code markup--p-code">async</code> functions are essentially a play between two older <a href="https://hackernoon.com/tagged/javascript" target="_blank">JavaScript</a> features: <code class="markup…

Let’s make a photo gallery responsive quickly and using very few lines of CSS.

Ionic is an open source mobile SDK for developing native and progressive web applications. With Okta and OpenID Connect (OIDC) you can easily integrate authentication into an Ionic application, and never have to build it yourself again.

JavaScript! We all love it. But some of us also love [types](https://en.wikipedia.org/wiki/Data_type). Luckily, options exist to add stronger types to JavaScript. My favourite is [TypeScript](https://www.typescriptlang.org), but React Native supports [Fl…

Forms are essential parts of user interface whether you are working on mobile apps or web based tools. They are the best source of user…

I stumbled upon the Animation panel in Chrome’s DevTools the other day and almost jumped out of my seat with pure joy. Not only was I completely unaware that such a thing exists, but it was better than what I could’ve hoped: it lets you control and manipulate…

How to use Puppeteer and Jest to perform End-to-End Testing on your React App

Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties.

With Firebase’s new Firestore for offline support

Say you have a really long word within some text inside an element that isn't wide enough to hold it. A common cause of that is a long URL finding it's way

Highly configurable logging utility. Contribute to klaudiosinani/signale development by creating an account on GitHub.

A tutorial on styling buttons in CSS, with accessibility in mind. Learn how to create a CSS button component which can be used with the correct semantic element: A or BUTTON.