How to Create a Simple Phone Number Picker
Phone numbers, besides names and emails, are the most frequently used contact information in online forms. Phone number fields are usually designed in…
Latest posts
How to Create Pure CSS onClick Image Zoom Effect
CSS doesn’t have a pseudoclass for targeting click events, and this constitutes one of the biggest pain points of front-end developers. The closest …
How to CSS-Only Overlays Effect with Box-Shadow
Content overlays are a prominent part of modern web design. They help you hide an element on a web page, and later – with the user’s approval – …
10 Coolest Hidden Firefox Settings You Should Know
There are plenty of settings that Firefox offers besides general ones you can find in the Options menu. Many of these advanced settings can be found o…
15 Cool IFTTT Recipes for Github
IFTTT (abbreviation of If This, Then That) is a free service to connect different online services, such as social media sites, IoT, and online product…
5 Analog To-Do List Systems for Better Productivity
We previously discussed the allure of productivity tools: do they actually work when it comes to increasing your personal productivity rates? You may …
Create a Fan-Out with Bounce Effect Using CSS3 Animation
Did you know that geometric transformations added to HTML elements with the transformCSS property such as scale, skew, and rotate can be animated? The…
How to Create 3D Button Flip Animations With CSS
Flip animations are popular CSS effects that show both the front and the back of an HTML element by turning them from the top to the bottom, or from l…
JavaScript Arrays and the 3 Things You Should Know
Arrays are common in programming; they are special types of variables that can hold many values at once. But JavaScript has some unique array features…
4 Useful JavaScript Statements You Should Know
JavaScript statements give us the power to implement different types of logic in our code. JavaScript provides us with several of them, all of which h…
How to Create a Switch UI Using CSS Mask
In image processing, masking is a technique that allows you to hide an image with another. A mask is used to make a portion of an image see-through. Y…
10 Codepen Tips For Beginners
Codepen is a super easy and popular site to pen down a working front-end code combo right away. If you don’t know what Codepen is or haven’t heard…