Let’s face it, laying out a website can sometimes be challenging, especially when some of the content may be dynamic.

Data has become a very important part of our lives recently and making sense of that data is equally important. There is no point in having data if you cannot track or analyze it, especially if...

For my first post on Medium, and I wanted to share with you how I made a news app with React Native.

In this blog post, we run shell commands as child processes in Node.js. We then use async language features to read the stdouts of those processes and write to their stdins.

by Charlee Li

The best way to bind event handlers in React
Image: Flickr [https://www.flickr.com/photos/calliope/4079232480/] by liz west
Binding event handlers in React can be tricky (you have JavaScript to thank for
that). For those who know the history…

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