Gridlex, a Flexbox Grid System

Codes

Based on Flexbox (CSS Flexible Box Layout Module), Gridlex is a very simple css grid system to quickly create modern layouts and submodules. The concept is simple: you need to wrap your .col in a .grid. That’s all. Basically each column is the same width as every other cell in the grid, but you can…

Basscss: Low-level CSS toolkit

Codes

Basscss is a lightweight collection of base element styles, immutable utilities, layout modules, and color styles designed for speed, clarity, performance, and scalability. Basscss is quick to internalize and easy to reason about while speeding up development time with more scalable, more readable code. Composable Reusable, interoperable styles work like building blocks to lay the…

Hover.css v2, CSS3 powered hover effects

Codes

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can…

Front-End Development Guidelines

Codes

This document details the guidelines and standards adhered to by the Creative Technology department at TMW, and all web applications built should take into consideration. It is an evolving document and should be reviewed as and when required to keep up with changes in technology and best practice. These guidelines have been compiled looking at various…

Solved by Flexbox: Cleaner, hack-free CSS

Codes

This is not another CSS framework. Instead, the purpose of this site is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. And with the recent release of Internet Explorer 11 and Safari 6.1, the latest Flexbox spec is now supported in every modern browser. View…

csstyle: clean, simple styling for the web

Codes

csstyle is a modern approach for crafting beautifully maintainable stylesheets and makes your project’s styling refreshingly consistent! The csstyle method is implemented using a set of SASS mixins that make your CSS readable and semantic, generate your selectors for you, and automatically handle things like specificity and nesting. To get started just import the csstyle…

AMCSS, Attribute Modules for CSS

Codes

Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes for styling elements. In doing so, each attribute effectively declares a separate namespace for encapsulating style information, resulting in more readable and maintainable HTML & CSS. It’s not a framework or a library, it’s a style that better describes…