Posts Categorized / HTML/CSS

Building Beautiful Books and Exercises with GitBook

GitBook is a command line tool (and Node.js library) for building beautiful programming books and exercises using GitHub/Git and Markdown. A book can contain interactive exercises. An exercise is a code challenge provided to the reader, which is given a code editor to write a solution which is checked against the book author’s validation code. get […]


Response – jQuery Responsive Design Toolkit

Response is a jQuery plugin that provides tools for building performance-optimized, mobile-first responsive websites. It’s breakpoint sets use HTML5 data attributes to dynamically swap markup based on breakpoints so that rich content can be served progressively. Its API includes cross-browser event hooks, HTML5 dataset, and ways to get or test responsive properties. get it here


Simple Grid – CSS framework

Simple Grid is an essential CSS framework providing a smart responsive grid system. No styles, no design, just grids! Container has a width of 80% on desktop and 96% on mobile devices and it is divided into 12 columns. Created by Przemek Galarowicz. get it here


CSS Vocabulary

What’s a block and what’s a selector? This page by Ville Vanninen will help you learn the basic terms of CSS and understand the vocabulary visually. get it here


Crumpet – A Deliciously Simple Reponsive Framework

Crumpet is a deliciously simple SASS/SCSS responsive framework that keeps your HTML clean & stays out of your way. Built to make use of placeholder selectors to reduce the size of your HTML markup. No one likes messy HTML. get it here


Jeet – Grid system for humans

Jeet is a grid system that allows you to express your page grid the same way a human would describe it. No more needlessly nesting elements. No more rigid twelve column rules.  get it here


Create Special Effects with Magic CSS3 Animations

Magic CSS3 Animations is a package of CSS3 animations with special effects that you can freely use for your web projects. Simple include the CSS style: magic.css or include the mynified version: magic.min.css. The project is now hosted on GitHub. There are special effects like bling, perspective, rotate, slide, tin, bomb and etc. get it here


Bootstrap 3 single page template

A ready-made single page template built with Bootstrap 3. It is fully responsive and includes some extra pages (sign in and sign up pages). A freebie released by CSS Author. get it here


Learn Flexbox in 5 Minutes with Interactive Tour

The Flexbox Layout module currently a W3C Candidate Recommandation aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic. The main idea behind the flex layout is to give the container the ability to alter its items’ width/height […]