Code Theory

CSS

Layout & Components

Headers, breadcrumbs, buttons, lists and the components a page is built from.

Layout & Components guides on Code Theory
Guide Length API status
How to Create Social Media Share Buttons

A good social media share button has to be aesthetically pleasing and really accessible — you have to make your users want to click the buttons and share…

673w Current
CSS Snippets: How to Create a Print Button

One cool thing about CSS is that there are probably about one hundred different ways to use the styling language to make buttons, and this is probably…

608w Current
How to Add Style to an Ordered List

Ordered lists aren’t exactly the most exciting HTML element you can add to any given project, but it can’t be denied that they have your uses.

551w Current
How to Create a Stylish Download Button with CSS

We’ve already covered how to create animated buttons , but if you’re looking to take your button animations and animation functionality to the next level,…

443w Current
10 Best Free Icon Sets for Your Design Projects

If you’re a web developer or designer, chances are there are few things you love more than a good set of freebies.

514w Current
How to Style a List with Font Awesome Icons

So we already know how to create really cool pure CSS social media icons using Font Awesome , but what else can we do with this awesome icon library?

527w Current
Using Font Awesome to Create Social Icons

Font Awesome is a really useful tool that provides developers with free access to hundreds of different icons and symbols to use in the projects in place of…

518w Current
How to Create a Fixed Header

Fixed headers are an increasingly popular trend for styling headers or navigation menus on your site.

463w Current
CSS Snippets: Styling Breadcrumbs

In the famous old story of Hansel and Gretel, the children spread breadcrumbs behind them as they made their way into the woods.

613w Current
A Guide to CSS Resets

CSS resets are a great tool that can be used to essentially reset some (or all, depending on the reset you use) of a particular browser’s default styling.

822w Current
Change Active State of Links in Sticky Navigation on Scroll

Based on the design decisions made by you on your website (or webapp), you might probably end up having a sticky navigation, one that keeps on showing up in…

898w Current
List of Webkit CSS Properties for Mobiles

Just thought of making a list of -webkit (Chrome, Safari) css properties that mostly affects mobile user experience – iOS, Android, etc.

255w Current

More in CSS

All CSS →