In CSS you need to be able to select something on the HTML page to be able to style it. Let’s take this HTML page for example: <!DOCTYPE html> <html lang=””> <head> <meta charset=”utf-8″> <title></title> </head> <body> <div>Style Me</div> </body> </html> On that page, we …
CSS has come a long way since it’s early days. Adobe Flash used to be the only platform that would allow you to get motion or anything animated on a web page. Those days are long gone. In this tutorial, we will go over how …
Sometimes on a webpage, you need to tweak the position of something by a little bit. Say you have an image that needs to move over a couple of pixels or a video that needs to be shifted over. For that, we use a CSS …
Sometimes on a webpage, you’ll want a part of it to never leave the screen. No matter how much you scroll up or down, you’ll want that piece of the page to always be in the same spot. For that, we use a CSS position …
In this post, we’ll talk about how to create a full-screen background using CSS and HTML. We are going to bypass all the CSS properties that exist for backgrounds to do this, so consider this a type of CSS hack (: What we are going …
Sometimes in the web design world, you’ll need to redirect a page. Maybe it’s because the page no longer exists, the page has been updated and moved, or it could be a page that you don’t want the user to be on for very long. …
In HTML there’s this nifty attribute called the placeholder. If you were to create an input text box like this: <input type=”text” placeholder=”Type Here”> It would create a text box with a placeholder in it which you can see below: The text “Type …
Chrome is a great browser but sometimes it has a lot of security features that end up conflicting with your code and what you’re trying to do. For example, they added a feature that won’t play a video on a website if the sound is …
Sometimes we want our content to make a cool entrance on a webpage. Luckily, using CSS and HTML, we can do just that by easily fading something onto the page. First thing we’ll need to do is create a HTML page like so: <!DOCTYPE html> …
Today we are talking about how to create unselectable instructions in a HTML select drop down menu. In HTML, when you create a drop down menu using the <select> tag, there will be times when you’ll want to give the user instructions inside the menu …