Self-Host Your Static Assets
5.6.2019
Harry Roberts digs into why hosting assets on someone else’s servers (including CDNs) is not such a great idea if we want our websites to be lightning fast.
Harry writes:
One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem...
The Easiest Way To Create Parallax Scrolling With simpleParallax
5.6.2019
A quick tutorial on how to create eye-catching parallax scroll animations using a modern JS library
10 React Challenges (Beginner): Recreate Layout with Components
5.6.2019
Components are the building blocks of React Applications, and each is a JavaScript function. These components comprise of Parent and Child components.
Data is passed from parent to child thr
Create a Custom useFetch() React Hook
5.6.2019
A custom hook is a JavaScript function with a unique naming convention that requires -
the function name to start with use and
the function may call other Hooks
Detect if Element is a Web Component
5.6.2019
I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...
Movin’ Modals Along a Path
4.6.2019
Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from "above" or "below." But we can get weirder than that. Why not have them come in on an offset-path?
Just a swoopy arc is kinda fun.
...
Inspirational Websites Roundup #5
4.6.2019
An inspirational collection of trendy websites from May 2019 including first-class designs.
Inspirational Websites Roundup #5 was written by Mary Lou and published on Codrops
Creating Animations Using React Spring
4.6.2019
Have you ever needed animation in your React application? Traditionally, implementing animation has not an easy feat to accomplish. But now, thanks to Paul Henschel, we there’s a new React tool just for that. react-spring inherits from animated and react-motion for interpolations, optimized...
macOS Catalina Will Replace Bash with zsh
4.6.2019
Apple's #WWDC2019 (Worldwide Developers Conference) was yesterday and came with some really cool things for developers.
WWDC is always an in
Open-Source IP Geo-location API
4.6.2019
Geo-location is the identification or estimation of the real-world geographic location of an Internet-connected computer terminal or device.
Basically, we can get location data from their IP
IP Geolocation API
4.6.2019
Detecting geolocation information from your user provides you a massive advantage: improved conversion, better segmenting and analytics, and providing more relevant content. There are numerous paid services which will provide geolocation info but they’re oftentimes too costly or short...
Do you need an ICON ONLY button without screwing up the accessibility?
3.6.2019
The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX (see Apple's latest blunder). But if you need to (and I get it, sometimes you need to), Sara Soueidan and Scott O'Hara have a pair...