11 Popular CSS & HTML Mistakes People Still Make

Let’s start with the quote by Douglas Engelbart, an early computer and web space pioneer known for his work on founding the human-computer interaction field. It says that “the digital revolution is far more significant than the invention of writing or even printing”. You may or may not believe these words, but let’s be honest! The impact the technical progress has on our lives is impressive. With it, each part of the user’s everyday routine became easier, quicker, and simpler. The online HTML editor will guarantee that your markup is always clean and error-free.

Continue reading “11 Popular CSS & HTML Mistakes People Still Make”

15+ Useful CSS Tips For Beginners

Today the life is getting easier and easier. Thanks to the modern technologies we can get literally anything we want from an online store and receive it within a couple hours after a purchase, we can go to any place on Earth whenever we want and fast, and we don’t have to grow or hunt our food, like our ancestors did, because we can buy everything in a nearby grocery store. Life is getting easier and it will continue to do so which is pretty cool, since perhaps we will have more time to do the things we really enjoy doing.

useful css tips

Continue reading “15+ Useful CSS Tips For Beginners”

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”