::first-letter is another nice pseudo element which allows you to style the first letter in an element without needing to use additional HTML such as a tag. This method works...
Read More
Adding a line under text is generally done with basic text underline formatting. However, it doesn't allow you to add any margin or padding between the text and line. This...
Read More
When linking a telephone number on your website using the a href tag you will notice inconstant styles from mobile devices. For example on a desktop or laptop the number…
While developing and making updates to a website you sometimes cannot see the changes in real-time. Even if you're not running any caching mechanisms the browser itself will still cache...
Read More
After creating another post on absolute position footers we decided to add a quick post on how to create a sticky footer. html{ position: relative; min-height:100%; } body{ margin:0 0…
How do you get a footer to stay at the bottom of a Web page when the content of the page is too short? There are a few options. Option…
Sometimes you may have form elements that you need to changed based on other input. For example I have two selects on my page. The first one if the primary…
This is a basic example of how to dynamically add new options to your select drop down without reloading the page. I’m not saving these in the database, but it’s…
I've seen this question a lot so here's an example of how to replace a select drop down arrow with a fontawesome icon. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"/> <label class="wrap"> <select name="property_type"...
Read More