CSS

Code
September 1, 2015 /

CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components

In this article, we are going to go over techniques for creating arbitrarily-shaped UI components using CSS properties and SVG’s capabilities, and a mix of both!

Read post

Code
August 26, 2015 /

CSS vs SVG: Styling Checkboxes and Radio Buttons

In this post, we’ll tackle custom HTML form styling—specifically checkbox and radio inputs.

Read post

Code
August 13, 2015 /

Create Text Filling with Water Effect

In this post, I’ll show you how to make a ‘text filling with liquid’ effect. It can be used for preloaders, titles and such, but overall it’s a neat study of SVG effects in general.

Read post

Code
July 31, 2015 /

CSS vs. SVG: Graphical Text Effects

This post is the first in a series of posts exploring techniques and examples that can be achieved using both CSS and SVG, and compares them both.

Read post

Code
July 17, 2015 /

How to Create Squiggly Text with SVG Filters

In this post, I’m going to walk you through how to create a squiggly text effect using SVG Filters and CSS.

Read post

Code
June 23, 2015 /

Creating Realistic Text with CSS

Today I’ll show how to make a realistic text effect with a tilt-shift blur, using CSS and JavaScript. This effect can be nice for mockups, demos, and the like.

Read post