What Are CSS Pseudo Classes and What Are They Used For?

A CSS pseudo class allows you to assign a specific state to an element. For instance, a user hovers over an image on a web page and it changes to another image. Links change colors once they are visited and can be differentiated from unvisited links. An input box on a form is disabled and […]


Simple, Elegant, Common CSS Animations

CSS animations provides a simple way to create animations for your webpage that does not require complicated coding or a scripting language such as JavaScript.  While CSS’s animation capabilities are not as extensive as JavaScript, there is still a lot that can be done using CSS. CSS animations allows you to transition the style of […]


What Is CSS Grouping and What Is It Used For?

Grouping in CSS is a technique used to reduce code redundancy and write clean, concise easy to follow code.  There are going to be many instances in which multiple CSS selectors will have the same declarations. In these cases, you can group all the selectors together and write the declarations only one time. For example, […]


3 Ways to Center in CSS

Centering HTML elements using CSS can be a surprisingly difficult task. Getting the horizontal alignment right is relatively straightforward, but getting the vertical alignment down can prove to be challenging. And getting an element to sit smack dab in the middle of its container? Forget about it! 🙂 I’m kidding, but how to center elements using […]


A Simple Guide to CSS Media Queries 

Media types were originally introduced in CSS2 as the @media rule. The original idea was to have the ability for different style rules to be applied across different devices. For example, there would be style rules for computers, another one for printers and then smartphones, tablets, and more. These didn’t get picked up and put […]


Creating Pagination with HTML and CSS

When users need to navigate from page to page, pagination is the best method to use. It lets users click through a number of associated pages. Pagination is an important function for a smooth user interface. Pages may have become longer, but the need to seamlessly transition from one page to another is still there. […]


Intro to Form Validation with CSS Psuedo Selectors

Forms are a major part of most websites. While you may not need to create a form from scratch anymore, it’s good to know the fundamentals of forms. One aspect we’re going to look at is form validation. A functional form should be able to validate users’ inputs from the client side. This can be […]


Intro to CSS Order & Precedence

CSS order and precedence is a challenging part of styling webpages.You may someday find that the CSS styles you’re trying to apply are not working. And it may seem as if the webpage is ignoring your code. This could be caused by conflicts in the order or precedence of your CSS. This article will explore […]


Intro to CSS Selectors: Use Cases & Examples

There are a few fundamental parts of CSS that you need to understand to get the full range and understanding of the language. Selectors are one of those fundamental principles you need to understand. They define what element will follow a set of CSS rules. They also allow you to target HTML elements to apply […]


Style the Web More Effectively with SASS

As the web grows and changes, new technologies arise to help the developers on their interesting journey in bringing life to ideas and designs. This is how CSS was initially born and how CSS preprocessing technologies such as SASS came into being. In this post we will explore some of what SASS has to offer. […]