반응형

Mobify.js: Adapt your site for any device

 

Mobify.js makes it quick and easy to create responsive versions of your website. It provides responsive images, JavaScript and CSS optimization, and Adaptive Templating, among other features.

mobify

Mobify.js is an open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more. 
반응형
반응형

Fluidity: Making HTML 100% responsive

Fluidity is a tiny bit of CSS (107 bytes total) that fixes the part of HTML that isn’t completely responsive. It makes changes to the way images, tables, iframes, preformatted text, and canvas elements, so that they’re completely responsive.

fluidity

 

반응형
반응형

Fluidity: Making HTML 100% responsive

CSS - Responsive / Added on March 17, 2014 / Add to favorites

Fluidity is a tiny bit of CSS (107 bytes total) that fixes the part of HTML that isn’t completely responsive. It makes changes to the way images, tables, iframes, preformatted text, and canvas elements, so that they’re completely responsive.

fluidity

 

FLUIDITY

A fully responsive css framework that is impossibly small

HTML out of the box is almost 100% responsive. This stylesheet fixes that in 115 minified bytes. Let's make the web just a bit more responsive shall we?

Installing fluidity

Production

Just include this file in the head of your html file.

<link rel="stylesheet" href="css/fluidity.min.css">

Development

Or if you want to develop with the uncompressed version

<link rel="stylesheet" href="css/fluidity.css">
반응형
반응형

ImageLightbox.js: Simple, responsive, and touch-friendly

 

ImageLightbox.js is an incredibly simple, responsive, touch-friendly lightbox script. It’s extensible and configurable, minimalistic (and only 4kb if minified), and uses CSS transform and transition for moving images.

image lightbox

반응형
반응형

Susy: Responsive grids for Compass

susy

 

반응형
반응형

 

반응형
반응형

Overthrow: An overflow: auto polyfill for responsive designs

Overthrow is a tiny, no-frills targeted overflow: auto polyfill for use in responsive designs. It’s framework-independent and uses lightweight, decoupled JavaScript.

overthrow

반응형
반응형
12 Popular Responsive HTML5 Frameworks

 

Twitter Bootstrap

Twitter Bootstrap

Boostrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It has almost everything you need to develop responsive sites and apps like 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and many more.

Skeleton

Skeleton

Skeleton is a simple boilerplate for HTML5 websites and mobile-friendly development. If you are you looking to create a responsive website quickly, you should look into this open source project.

Foundation

Foundation

Foundation by Zurb is the most advanced responsive front-end framework in the world. With this HTML5 framework, you can start building website for small devices first. Then, as devices get larger and larger, layer in more complexity. The flexiable grid can adapt to any size screen, from phones to TVs.

HTML5 KickStart

HTML5 KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

SproutCore

SproutCore

SproutCore is an open-source front-end framework for building blazingly fast HTML5 apps. Semantic templates allow you to write HTML and CSS that update automatically when your models change-like magic. This framework will change the way you think about building applications and surprise you with how little code you have to write.

Montage

Montage

Montage is an HTML5 framework for building modern Web Apps. It helps you build scalable and maintainable HTML5 applications optimized for today’s and tomorrow’s range of connected devices.

HTML5 Boilerplate

HTML5 Boilerplate

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Zebra

Zebra

Zebra is an HTML5 open source framework that brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.

CreateJS

CreateJS

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs.

Less Framework

Less Framework

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Groundwork

Groundwork

GroundworkCSS is an open-source, responsive front-end framework packed with HTML5, CSS and Javascript components that enables rapid prototyping and responsive design.

Gridless

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

반응형

+ Recent posts