HTML & CSS

Welcome to a tutorial on how to display HTML code as text. Want to add an HTML code snippet to your website? But the <TAGS> automatically gets parsed as a part of the webpage? To display HTML code as text, simply replace < with &lt;, and > with &gt;. For example: &lt;strong&gt; Hello World! &lt;/strong&gt; &lt;p&gt; […]

Welcome to a tutorial on how to do background color animation with pure CSS. Once upon a time in the Stone Age of the Internet, doing color animations involves crazy scripts and fighting with digital monsters. But thankfully, it is a breeze with modern CSS. There are 2 easy ways to animate the background color

Welcome to a quick tutorial on how to get the HTML code from websites. Is there a certain website that you find interesting? Want to know how it works behind the scenes? Or maybe you just need to email a part of the website to someone. In most modern browsers, there are a few ways

Welcome to a tutorial on how to disable pinch zoom with the HTML viewport meta tag. Having some trouble with your website design on mobile devices? Is it zooming in too much, or zooming out too far? Well, here’s a quick fix. To disable pinch-zoom in HTML, simply add <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”>

Welcome to a quick tutorial on how to create an HTML timetable. Yep, there are already a ton of “HTML timetable” examples on the Internet. I mean, it’s so easy to create one using a <table>, any newbie can do it with an eye closed. So let us walk through a different example in this

Welcome to a tutorial and examples on how to add CSS in HTML. Just started with web development and wondering how CSS styles are added into HTML? There are actually a couple of ways to do it: Inline CSS, by adding a style attribute to the HTML tag – <p style=”color:red”>Demo</p> Internal CSS, by inserting

Welcome to a tutorial on how to create simple arrows and animate them using pure CSS only. Want to add an arrow icon to a block of text? Create an “arrow button”? Or add an arrow to a menu item? The easiest way to attach an arrow is to use HTML symbols and CSS content.

Welcome to a quick tutorial on how to keep HTML elements on the same line. So you are trying to create a “row of horizontal content”? Maybe a row of buttons, slides, pictures, or various different items. One of the easiest ways to keep elements on the same line is to create a flexible container.

Welcome to a quick on how to create rounded images in HTML and CSS. So you have a website and want to display images in a circular format? Thankfully, it is easy to do so with modern CSS. There are 2 quick ways to create rounded images in CSS. For square images, simply add a

Welcome to a quick tutorial on how to keep HTML footers at the bottom. Once upon a time in the Dark Ages of the Internet, we have to use all sorts of crazy negative margin, position, and CSS hacks to stick a footer at the bottom. But thankfully, we are long past that painful age.