Detecting MouseDown on Dektop and TouchStart on Mobile Devices

This short JavaScript jQuery code detects MouseDown / MouseUp event on desktop browsers and it handles TouchStart / TouchEnd events on touchscreen devices. We need this because MouseDown never fires on touch devices and vice versa TouchStart never triggers on devices using mouse pointer.

detect mousedown desktop touch devices Continue reading “Detecting MouseDown on Dektop and TouchStart on Mobile Devices”

HTML CSS JS (and more) Cheat Sheets

Today I’d like to present a free online tool that every web developer and designer should add to their bookmarks. The new free interactive HTML CSS JavaScript Cheat Sheets have gathered the most common code snippets and online tools. Each one of these languages has its own dedicated page which allows you to easily pick the code you’re looking for and to test it in the instant editor.

html css js cheat sheet

Continue reading “HTML CSS JS (and more) Cheat Sheets”

Volume Controller Slider

This is a very lightweight volume slider controller using HTML, CSS and JavaScript.

The most simple way of doing this is adding a range input slider:

<input type="range" min="1" max="10" value="5" id="myNumber">

Here’s a fancier solution. The visual control lets you change a JavaScript variable with a mouse click.
To try it simply click one of the bars below:

Continue reading “Volume Controller Slider”

The Most Simple Progress Bar

The most simple yet sufficient little progress bar widget using HTML-CSS-JavaScript. It is a graphical control element to visualize the progression of the change of a JavaScript variable inside a range (usually 0-100). Use this to indicate download, file transfer, or installation progress. The graphic is accompanied by a textual representation of the progress in a percent format as well.

You can see the preview below how the responsive widget displays, but of course you can customise its view:

Continue reading “The Most Simple Progress Bar”

Cookie Consent warning strap with HTML-CSS-JS

We know there are many pointless, dumb laws out there that make no sense. The European Cookie Law is also annoying because you have to start by closing a popup every single time you visit a website. This law is a privacy legislation that requires sites to get consent from visitors to store or retrieve any information about them.

cookie law warning strap
Continue reading “Cookie Consent warning strap with HTML-CSS-JS”

Script to stick HTML element to the top when scrolled through

In this article I’m going to present a lightweight script to stick an HTML element to the top of the page when the user scrolls through it. Use this to make a menu, a call to action button or any other important element always stay in focus. Adjusting the script you can trigger other effects when the page scrolls through an anchor point. Here are the HTML CSS and JS codes to use to accomplish this effect.

javascript stick element top scroll through Continue reading “Script to stick HTML element to the top when scrolled through”

10 Major Programming Languages to Find the Best Career Path in 2019

There are plenty of posts and showcases revealing the top-trending programming languages. There are many names and buzzwords that it’s easy to get lost when you need to choose whom to follow and what learn for the biggest value. Whenever a person decides to find a career path, learn something new and useful, and make a profit doing the things they like, it’s important to focus on the things that are of the biggest importance in the community. In this article, you can find a list of the 10 major programming languages that are worthy to learn in order to be in demand in 2019.

Continue reading “10 Major Programming Languages to Find the Best Career Path in 2019”

The most common JavaScript and jQuery code snippets

I have collected the most common JavaScript and jQuery snippets that we use almost for every project. Honestly I couldn’t write a jQuery “document-ready” function on a blank piece of paper because my memory is not too sharp. This resource will help keeping these all together so we can always sneak a peek if necessary.

Check out the interactive JavaScript Cheat Sheet to find them all in one place!
Continue reading “The most common JavaScript and jQuery code snippets”