css

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 […]

css

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, […]

css

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 […]

css

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 […]

css

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. […]

css

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 […]

css

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 […]

css

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 […]

css

CSS Box Shadow Use Cases and Examples

The box-shadow property allows developers to implement multiple drop shadows, either outer or inner placed on box elements. The different attributes they can change are size,color, offset and blur. There is an increase of support through different browsers that include Mozilla (Firefox) and Webkit (Safari & Chrome). Mozilla and Webkit no longer require their implementation […]

css

Making Attractive Functional Gradients in CSS

CSS gradients are a great tool in any modern developer’s arsenal. These gradients allow you to display smooth transitions between multiple rounds of specified colors. Similar to how you can declare a set background solid color element in CSS, you can also do this to declare a gradient background. Using gradients in CSS is a […]