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...
How to Delete Untracked Files in a Mercurial Repository
29.5.2018
Working around Firefox at Mozilla means that you need to get acquainted with mercurial, the version control system that rivals git and svn. Like any tool, hg (mercurial) can be difficult until you’re well versed with it. And if you hg import a URL that doesn’t match up with...
Lazy Load Animal Memes with Intersection Observer
29.5.2018
Last week we on the code challenge #7 we delved into lazy loading images for increased performance of web pages. Yet to take the challenge? You can do so
Developing a design environment
28.5.2018
Jules Forrest discusses some of the work that her team at Credit Karma has been up to when it comes to design systems. Jules writes:
...in most engineering organizations, you spend your whole first day setting up your development environment so you can actually ship code. It’s generally pretty...
Solving Life’s Problems with CSS
28.5.2018
Or: When all you have is a CSS hammer, the world looks like a CSS nail.
Whenever I hear a perfectly nice comment like, "Yeah, representing the tech field!" in response to my pure-CSS art, I get a sharp feeling of panic.
Like many people who work on UIs for a living, I have difficulty applying...
Collective #419
28.5.2018
Saber.js * Oceanic Overlays * AsteroidOS * Getting Started With CSS Layout * Progressive Web Games * Wired Elements
Collective #419 was written by Pedro Botelho and published on Codrops
Capture and Report JavaScript Errors with window.onerror
28.5.2018
onerror is a special browser event that fires whenever an uncaught
The Easiest Way To Add Input Masks To Your Forms
28.5.2018
We take a look at a useful JavaScript library that allows us to create input masks for our text fields
10 UX Tips to Build a High Converting Landing Page
28.5.2018
In the broader sense, a landing page is the web page through which a visitor “lands” a website. Homepages frequently serve as landing pages, however any other page can...
The post 10 UX Tips to Build a High Converting Landing Page appeared first on Onextrapixel
Browser Extensions I Actually Use
27.5.2018
I use around 10 at the moment and they all provide functionality to me I find extremely important. Sometimes that functionality is every day all day. Sometimes it's once in a blue moon but when you need it, you need it.
Direct Link to Article — Permalink…
The post Browser Extensions...
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...
Learning Gutenberg: Building Our Custom Card Block
25.5.2018
We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block.
Article Series:
Series Introduction
What is Gutenberg, Anyway?
A Primer with create-guten-block
Modern...