css

CSS Filters: Examples, Use Cases, Caveats

Almost any program, app, or editor that allows you to upload pictures or work with images provides some sort of filter capabilities to be applied to the images. Users of Instagram,  Photoshop and Snapseed are familiar with utilizing various filters to create eye-catching images. Well curated images can enhance the appeal of your website and […]

css

Creating Contrast using CSS

In photography, adjusting the contrast of an image is often an important part of the post processing routine. Contrast refers to the difference between light and dark in an image. In the color spectrum of an image the darkest color possible is black and the lightest color is white. A high contrast image is one […]

css

CSS Transforms: Examples, Use Cases, Caveats

CSS transforms allow you to apply a set of changes called transformations to any element. Transforms are implemented using the transform properties transform-origin and transform. The transform-origin property is used to set the origin of the element. If unspecified, the origin is set to be the center of the element. The transform property is used […]

css

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

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