Quantcast
Channel: Responsive – CodeVisually
Browsing all 29 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Susy: Responsive grids for Compass

Susy is a responsive grid system for Compass. It lets you quick add new media-query breakpoints to your layouts, using their math or your own (with helpers).

View Article



Image may be NSFW.
Clik here to view.

Zen Grids: A responsive Sass grid system

Zen Grids is a responsive grid system built with Sass. It greatly simplifies creating your layout by removing most of the complicated markup you’d need to create responsive grid-based designs with pure...

View Article

Image may be NSFW.
Clik here to view.

Cute Grids: A clean responsive grid system

Cute Grids is a grid system that offers a clean start for your responsive design. It’s mobile first, includes five media queries, and is well documented.

View Article

Image may be NSFW.
Clik here to view.

RowGrid.js: Place items in straight rows

RowGrid.js is a jQuery plugin for placing items in straight rows. It’s responsive, supports endless scrolling, and more.

View Article

Image may be NSFW.
Clik here to view.

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...

View Article


Image may be NSFW.
Clik here to view.

Responsive Tables: A great solution for responsive tables

Responsive Tables is a solution for making your tables responsive, and was created for Twitter Bootstrap. It’s mobile first and includes a graceful JavaScript fallback for browsers without JS.

View Article

Image may be NSFW.
Clik here to view.

Dimensions Toolkit: Responsive website testing tools

The Dimensions Toolkit offers useful tools for testing your responsive website designs, with custom and default break points, resizable dimensions, and more. It’s available as both a Chrome extension...

View Article

Image may be NSFW.
Clik here to view.

Kickoff: A responsive, scalable front-end framework

Kickoff is a lightweight front-end framework for building scalable, responsive websites. It’s built with Sass and Grunt, and released under the MIT License.

View Article


Image may be NSFW.
Clik here to view.

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.

View Article


Image may be NSFW.
Clik here to view.

Tablesaw: jQuery plugins for responsive tables

If you need to create responsive data tables, then be sure to check out Tablesaw. It’s a set of jQuery plugins that make it easy to create Stack Tables, Swipe Tables, Toggle Tables, and many more.

View Article

Image may be NSFW.
Clik here to view.

Lazysizes: A jank-free lazy loader for content

Lazysizes is a fast, jank-free lazy loader for images, including responsive ones, iFrames, and scripts or widgets. It detects visibility changes triggered through user interaction, CSS or JavaScript...

View Article

Image may be NSFW.
Clik here to view.

Rimg: A pure JavaScript responsive image solution

Rimg is a pure JavaScript solution for responsive images in browsers that support media queries. It includes lazy-loading of images, works with retina screens, has no dependencies, and doesn’t use...

View Article

Image may be NSFW.
Clik here to view.

Lazy-ads: Asynchronous ad loading

Lazy-ads lets you deliver ads asynchronously without having to modify the code of the ad itself. It also allows you to conditionally load ads within a responsive layout based on a media query or the ad...

View Article


Image may be NSFW.
Clik here to view.

Pushy: Off-canvas navigation

Pushy offers off-canvas navigation with CSS transforms and transitions. It offers smooth performance on mobile devices, collapsible sub-menus, and it’s responsive.

View Article

Image may be NSFW.
Clik here to view.

Flickity: Responsive touch galleries

Flickity makes it easy to create responsive, flickable, touch-friendly image galleries. It’s quick to get started and includes a few options for customization.

View Article


Image may be NSFW.
Clik here to view.

Responsible.js: Easily toggle your responsive design

Responsible.js makes it simple to let your users choose either the regular responsive site or the full desktop version. It works in most modern browsers, including the newest versions of Chrome,...

View Article

Image may be NSFW.
Clik here to view.

Dense.js: Serve device pixel ratio aware images

Dense.js is a jQuery plugin that lets you serve device pixel ratio-aware images on your website. It works with any modern browser, and can display retina images on any device or platform that supports...

View Article


Image may be NSFW.
Clik here to view.

Resizr: Test your responsive sites

Resizr makes it easy to test your responsive website designs. Just load the URL and choose the devices and orientation you want to test to see results.

View Article

Image may be NSFW.
Clik here to view.

Radium: Manage inline styles on React elements

Radium offers tools to manage inline styles on React elements, giving you powerful styling options without CSS. It features media queries, conceptually simple extensions of normal inline styles, and...

View Article

Image may be NSFW.
Clik here to view.

Tabella.js: Responsive tables

Tabella.js gives you pure JavaScript responsive tables. They’re touch-enabled and AMD-ready.

View Article
Browsing all 29 articles
Browse latest View live




Latest Images