HTML CSS and JavaScript

All the Amazing Things You Can Do

In order not to get lost in the modern world of technologies, one must learn how to navigate. Well, before robots have conquered our world, let’s find out more about such a marvelous and at the same time frightening thing as coding, so when the final battle with robots comes, you will be ready to fight.

html css js
Continue reading “HTML CSS and JavaScript”

Stick section to the bottom of the page when scrolled through

Don’t let important sections disappear when visitors scroll though the web page. In this article I’m going to present how to stick a HTML element, to the bottom of the page with JavaScript when it’s about to disappear. I have already presented the way of attaching it to the top of the page and this method is very similar to that.
stick bottom

Continue reading “Stick section to the bottom of the page when scrolled through”

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”