Quantcast
Channel: CSS – CodeVisually
Browsing all 140 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Base – A super simple, responsive framework

Base is a super simple, responsive framework built to work on mobile devices, tablets, netbooks and desktop computers. Homepage: http://matthewhartman.github.com/base/...

View Article



Image may be NSFW.
Clik here to view.

Kube – A minimal and responsive CSS framework

The Kube Framework is not an overblown responsive CSS framework with multiple layouts and styles, all you have with Kube is a single CSS file. That is were its beauty lies – in its simplicity. The...

View Article

Image may be NSFW.
Clik here to view.

Bootsnipp.com – A collection of free HTML snippets for Twitter Bootstrap

Bootsnipp is an element gallery for web designers and web developers, anybody who is using Twitter Bootstrap will find this website an essential booomark. Homepage: http://bootsnipp.com/

View Article

Image may be NSFW.
Clik here to view.

One% CSS Grid – A responsive 12 Column CSS Grid System

One% CSS Grid is a percentage based 12 column fluid CSS grid system. It’s been designed as a base for building responsive web layouts easily, quickly and with minimum effort. It has two starting...

View Article

Image may be NSFW.
Clik here to view.

Simple Grid – A lightweight responsive grid

Simple Grid is a basic 12 column (1140px) lightweight responsive grid, not a CSS framework (there are no styles for buttons, tables, typography … etc), that gives you a quick and robust starting point...

View Article


Image may be NSFW.
Clik here to view.

Bi-App-Less & Bi-App-SASS

Bi-App-Less and Bi-App-Sass allows you to write your stylesheets once, and have them compiled into 2 different stylesheets one for left-to-right layout, and the other for right-to-left layouts. When...

View Article

Image may be NSFW.
Clik here to view.

rwdgrid – A responsive grid system for your next Project

rwdgrid is another responsive grid system based on the popular 960.gs. The naming convention of this grid system is similar to the 960.gs – underscore has been replaced by a hyphen (improving...

View Article

Image may be NSFW.
Clik here to view.

Makisu – A CSS 3D dropdown concept

Makisu is an experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin. To view the demo you will need a CSS 3D capable browser, such as Chrome. Homepage: https://github.com/soulwire/Makisu...

View Article


Image may be NSFW.
Clik here to view.

34Grid – A responsive grid system based on equally distributed columns

34Grid is a Responsive Grid System based on an "equally distributed columns" layout. In contrast to other great grid systems, 34Grid provides equally distributed columns for each row and also column...

View Article


Image may be NSFW.
Clik here to view.

IVORY – A simple, flexible and fully responsive grid based framework

IVORY is a simple, flexible and fully responsive grid based framework. It takes you all the way from 1200px down to 320px. Homepage: http://zoymedia.com/kanth/ivory/ GitHub:...

View Article

Image may be NSFW.
Clik here to view.

Profound Grid – A responsive grid system for fixed and fluid layouts

Built in SCSS, Profound Grid is a responsive grid system. Its flexible grid can be either fluid or fixed and you can add per-media layouts as required (by changing the column and gutter widths or...

View Article

Image may be NSFW.
Clik here to view.

InK – UI kit for quick development of web interfaces

Ink is an UI kit for quick development of web interfaces. Built using a combination of HTML, CSS and JavaScript it offers modern solutions for building layouts, display common interface elements and...

View Article

Image may be NSFW.
Clik here to view.

Responsive Boilerplate – A starting point to responsive web design

Responsive Boilerplate is a minimalistic and lightweight (2kb) CSS3 grid micro-framework. It’s very easy to use and understand, having been built with only a single container and its 12 columns. It...

View Article


Image may be NSFW.
Clik here to view.

Top Drawer – A smooth dropdown menu for responsive web design

This tutorial demonstrates how to create a smoother reveal mobile menu using CSS3 rather than animating it with JavaScript. Once you click the menu icon, the click event will assign the class of active...

View Article

Image may be NSFW.
Clik here to view.

CSS Ratiocinator – A tool that will automatically refactor your CSS

CSS Ratiocinator is a tool that will automatically refactor your CSS and generate a new stylesheet for your site. It works by examining your site's live DOM in the browser and reverse engineering a...

View Article


Image may be NSFW.
Clik here to view.

Textillate.js – A jQuery plugin for applying CSS3 animations to text

Textillate.js combines animate.css and lettering.js into an ease-to-use jQuery plugin for applying a multitude of CSS3 animations to any text. Homepage: http://jschr.github.com/textillate/ GitHub:...

View Article

Image may be NSFW.
Clik here to view.

MUELLER Grid System – A modular grid system for responsive/non–responsive...

MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. It gives you full control over column width, gutter width, baseline grid and media–queries....

View Article


Image may be NSFW.
Clik here to view.

Groundwork CSS – A fully responsive HTML5, CSS and JS toolkit

Built from the ground up with Sass, Groundwork is a fully responsive HTML5, CSS and Javascript toolkit. It features an incredibly flexible, nestable, fluid grid system ( it supports any columns in any...

View Article

Image may be NSFW.
Clik here to view.

Markdown.css — Display HTML as Markdown using only CSS

Markdown.css makes it easy to make your HTML markup look like plain-text markdown. All it takes is the inclusion of the markdown.css file and defining some classes in your HTML.

View Article

Image may be NSFW.
Clik here to view.

Anima.js — Animate lots of objects at once

Anima.js makes it easy to animate a hundred or more objects at a time with CSS and JavaScript. It also gives more control over your animations, and can even create CSS-only animations (though those...

View Article
Browsing all 140 articles
Browse latest View live




Latest Images