8 Pure CSS Games You Can Play in Your Browser
We may take CSS for granted, but it’s amazing to think about just how powerful it has become. What started out as a simple way to style various design elements ...
Code, Development, JavaScript, Tutorial
Tutorial: How to create a Lightbox Effect without using plugins in JS and CSS
Lightboxes are amazing! We remember the first time seeing them in the jQuery days and thinking that someone really spent a lot of time building this, but over the years, ...
Gesture Detector – Detect Complex Gestures in React Native
Description: A React Native component to create and detect custom complex gestures on React Native app. How to use it: 1. Install and import the component. # Yarn $ yarn ...
Code, Development, JavaScript, Wordpress
Reusing Functionality for WordPress Plugins with Blocks
When creating a plugin shipping one or more blocks for the WordPress editor, what is the best way to organize the plugin as to make its different components reusable? The ...
Images Lazy-Load & Transition using WebGL
Description: An easy-to-use React component that lazy-load images and applies seven fancy transition effects to them using WebGL. How to use it: 01. Install and import the component. # NPM ...
Code, Development, Freebies, JavaScript
Locomotive Scroll – Animate Elements On Scroll With Parallax Effect
Description: locomotive-scroll is a modern JS library that applies a smooth, subtle, configurable parallax scroll effect to elements when scrolled into view. More features: Custom trigger offset. Smooth scroll. Touch-enabled. ...
Code, Development, Productivity, Tools
Juncture: Project Planning Tool
Juncture: Project Planning Tool is a tool to help you plan and manage your work load in Figma. This pack includes Components, Fully scale-able tables and Variants. A juncture is a ...
Code, Development, Productivity
8 Horizontal Rules and Dividers Enhanced with CSS
Some design elements are so common that they almost become afterthoughts. The horizontal rule is one of them. It’s easy to simply place them within our content without any attention to detail. ...
Code, Development, Information
Taking a look at CSS Units: Pixels, EM, and Percentage
Unit takes an important role for measuring and building things like a house, a bridge or a tower, and building a website is not an exception. There are a number ...
Code, Development, Freebies, JavaScript
Stylish Multilingual Cookie Consent Popup In Vanilla JavaScript
Description: A standalone JavaScript library that displays a stylish, multilingual, customizable cookie consent popup to make your site comply with EU Cookie Law. Click the Learn More link to display ...