Tips & Tutorials – HTML & CSS

How To Create Custom HTML Elements – Simple Examples

Welcome to a tutorial on how to create custom HTML elements. Once upon a time in the dark ages of the Internet, we are pretty much “stuck” to whatever HTML elements that the developers have provided us with. But things have changed ever since the introduction of Web Components. The overly simplified and general steps to …

How To Create Custom HTML Elements – Simple Examples Read More »

Set & Get HTML Data Attributes In Javascript (Simple Examples)

Welcome to a quick tutorial on how to set and get HTML data attributes in Javascript. Want to insert your own custom property or data into HTML elements? To set HTML data attributes, we simply define data-KEY=”VALUE” in the opening tag. For example, <div data-color=”red”> We can also set HTML data attributes in Javascript using …

Set & Get HTML Data Attributes In Javascript (Simple Examples) Read More »

Get Set Remove HREF In Javascript – Simple Examples

Welcome to a quick tutorial on how to get, set, and remove the href property in Javascript. By now, you should know href very well. That “thing” we use to specify which webpage to link to. But how can we dynamically change or remove it using Javascript? For a quick answer: To get the href …

Get Set Remove HREF In Javascript – Simple Examples Read More »

ABBR vs DFN vs ACRONYM In HTML – Quick Examples

Welcome to a quick tutorial on how to use the <abbr>, <dfn>, and <acronym> HTML tags. With the introduction of HTML5, there have been additions and changes to quite a number of “confusing” semantic tags. In particular, we will address abbreviation, definition, and acronym in this guide: The  HTML <abbr> tag is used to denote …

ABBR vs DFN vs ACRONYM In HTML – Quick Examples Read More »