Search
Django Authentication With Facebook, Instagram and LinkedIn
7.2.2019
Introduction
For users of internet services, there are only a few things worse than having to manually sign in (and sign-up) with different websites. The ordeal of the manual sign-in proce
The Most Hearted of 2018
4.1.2019
We've released the Most Hearted Pens, Posts, and Collections on CodePen for 2018! Just absolutely incredible work on here — it's well worth exploring.
Remember CodePen has a three-tiered hearting system, so while the number next to the heart reflects the number of users who hearted the item...
Level up your JavaScript error monitoring
13.12.2018
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time.
Bugsnag detects every single error and prioritizes errors...
Web Designs That Feel Like Ancient History, but Are More Recent Than You Think
12.12.2018
Flickr announced not long ago that they are limiting free accounts to 1,000 photos. I don't particularly mind that (because it seems like sound business sense), although it is a bit sad that a ton of photos will be nuked from the internet. I imagine the Internet Archive will swoop in and get most...
Edge’s Announcements
6.12.2018
The public-consumption blog post:
Ultimately, we want to make the web experience better for many different audiences. People using Microsoft Edge (and potentially other browsers) will experience improved compatibility with all web sites, while getting the best-possible battery life and hardware...
Build Simple Authentication in Express in 15 Minutes
27.11.2018
Building web pages with user authentication can be a huge pain. You typically need to set up some sort of database to manage users even if you're not using the database for anything else. You would
Build Your First Angular Website: Show a Single User Using Route Parameters
30.8.2018
We now have our users section that lists our users. This works great, but now we have to show off a single user. The route to see a single user is defined by their username:
Build Your First Angular Website: Lazy Loading an Angular Section
30.8.2018
Next up, let's create a section of our site specifically dedicated to users. We have many users that are part of our site and we'll have two parts to this:
/users where we
Add real-time comments to a Gatsby blog
26.6.2018
(This is a sponsored post.)
This tutorial will show you how to add realtime comments to a Gatsby blog. You will use Node and Express to create a simple backend, allowing users to add and view comments instantly.
Direct Link to Article — Permalink…
The post Add real-time comments to...
Users DO Change Font Size
24.6.2018
Evan Minto:
The question was “How many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?” By knowing this, we would determine how many users would be affected by sizing with relative units like rems/ems.
Using the methodology I describe...
Advanced Document Conversions with Filestack
22.6.2018
You might know Filestack from being an incredible service to add file uploading, storage, and management to your own web apps.
There is another thing Filestack can do for you: convert documents into different formats.
For one thing, it can manipulate documents. Take images. Perhaps you would...
Build a realtime polling web app with Next.js
29.5.2018
(This is a sponsored post.)
Learn to build a webapp that accepts user votes, using Next.js and Chart.js. Users can vote for their favorite pet, and the results are displayed in realtime on a graph in their browser using Pusher Channels.
Direct Link to Article — Permalink…
The post...
Service Worker Cookbook
25.5.2018
I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all.
You can also check out our guide to making...
How Error Monitoring Helps You Find Bugs BEFORE Users Do
18.5.2018
One of the biggest distractions to any software team building web and mobile applications is the act of fixing up problems in previously written code.
I'm willing to bet that your personal p
Page Transitions for Everyone
14.5.2018
As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions. Let's consider mobile applications. While mobile applications are evolving, more and more attention is given to the animation...
Managing Heading Levels In Design Systems
3.5.2018
Heydon Pickering looks into how to give a React component a certain heading (like <h1>, <h2>, etc.) depending on its context and thereby ensure that the DOM is still perfectly accessible for screen readers. Why is using the right heading important though? Heydon writes in...
Building a Mini Invoicing Application with Vue and NodeJS - JWT Authentication and Sending Invoices
30.4.2018
In the previous parts of the series, we looked at how to create the User Interface of our Invoicing Application that allowed users to create and view existing invoices. In this final part of the se
Finger-friendly numerical inputs with `inputmode`
30.4.2018
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input...
Level Up Your JavaScript Error Monitoring
26.4.2018
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag without changing your code or adding try/catch blocks. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time compared...
Grid to Flex
24.4.2018
Una Kravets shows how to make layouts in CSS Grid with flexbox fallbacks for browsers that don’t support those grid properties just yet. Una writes:
CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect...This site...