responsive
Yet another lightweight, customisable responsive image solution
Open source mobile phone detection
A simple jQuery plugin to allow users to create equal height containers and grids using JavaScript where CSS2 cannot.
Adds the "real" viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints
A collection of patterns & modules for responsive emails
A set of small, responsive CSS modules that you can use in every web project.
You should use Skeleton if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Skeleton and has ~200 lines of custom CSS (half of which is the docking navigation).
Elastic Columns is a jQuery plugin that was designed to be used as an alternative to the well-known Isotope library.
Use Foundation for Emails to design responsive HTML emails that work in any email client. Quickly create responsive HTML emails that work on any device and client. Even Outlook.
Foundation for Emails (previously known as Ink) is a framework for creating responsive HTML emails that work in any email client — even Outlook. Our HTML/CSS components have been tested across every major email client to ensure consistency. And with the Inky templating language, writing HTML emails is now even easier.
Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production
HTML5 Dashboards without the Headache
Stop worrying about cross-browser and cross-device quirks. Build interactive dashboards in minutes using RazorFlow PHP.
Test responsive designs on various screen sizes
Ghost is a fully open source, hackable platform for building and running a modern online publication. We power blogs, magazines and journalists from Zappos to Sky News.
Related contents:
Extensible front-end HTML, CSS, and JavaScript user interface components for the responsive, mobile, and modern web.
Build HTML emails faster than you can say "Outlook".
If you know Bootstrap, you know Bootstrap Email. Ever wish you could just write HTML emails with Bootstrap and have it actually work? Well now you can. Inspired by syntax you know and love you can write simpler code and compile it so it works in every email client.
A good starting point for design that takes device resolution out of the equation
The lightweight PHP class for detecting mobile devices.
Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.
responsive framework
As long as there has been jQuery there have been image carousels created with jQuery. The famous jCarousel has been out since 2006, the same year the first version of jQuery was released. However, with the explosion of users now using their mobile devices for their internet browsing — on iPhones, iPads, and the like — it becomes necessary for jQuery plugins to support a good user experience on these devices. Enter Flexisel, the responsive image carousel with options specifically available for adapting the carousel for mobile and tablet devices.
A Responsive Email Framework from ZURB.
Foundation for Emails (previously known as Ink) is a framework for creating responsive HTML emails that work in any email client — even Outlook. Our HTML/CSS components have been tested across every major email client to ensure consistency. And with the Inky templating language, writing HTML emails is now even easier.
Responsive CSS3 Slider Without Javascript*
With Framote, you'll be able to load an unique URL (Framote URL) on your testing devices' browsers and change the website embed on it from the Control URL.
Mobility is a super light weight HTML, CSS, and JS mobile UI built on top of Bootstrap for developing mobile applications.
MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML's open-source engine generates high quality responsive HTML compliant with best practices.
A Responsive jQuery Gallery Plugin with CSS3 Animations
Responsive CSS motion paths!
A micro-library for scaling CSS motion path strings.
Using iframes in a responsive page can be frustrating. It’s easy enough to make an iframe’s width span 100% of its container, but sizing its height is tricky — especially if the content of the iframe changes height depending on page width (for example, because of text wrapping or media queries) or events within the iframe.
The most advanced responsive front-end framework in the world.
A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, including these handy HTML templates to help get you started!
Build better responsive designs in less code.
Scale utilities smoothly between breakpoints with CSS clamp().
An online editor for busy developers.
Create templates in minutes. Shuffle gives you 6,900+ fully responsive UI components to get you started. You don't have to be a designer to create attractive templates!
Spending hours manually designing your pages for the responsive web? Layout your pages in minutes for beautifully responsive pages on desktops, tablets and smartphones.
Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.
The Cross-Platform App Development Leader. The mobile SDK for the Web.
An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base. A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
iFSMAnimation allows to create simple HTML5 animations in responsive design easily.
Freetile is a plugin for jQueÂry that enÂables the orÂganizaÂtion of webÂpage conÂtent in an efÂficient, dynamic and reÂsponÂsive layout. It can be applied to a conÂtainÂer eleÂment and it will atÂtempt to arÂrange it's childrÂen in a layout that makes optÂimÂal use of screÂen space, by "packÂing" them in a tight arÂrangeÂment. Freetile has been the layout enÂgine beÂhind AsÂsemblage and AsÂsemblage Plus for alÂmost two years, and now it beÂcomes availÂable as an inÂdepenÂdent Open SourÂce proÂject.
Next-gen browser to build, test & debug mobile websites.
Fluid Responsive Design. Elegantly scale type and space without breakpoints.
Instead of tightening our grip by loading up on breakpoints, we can let go, embracing the ebb and flow with a more fluid and systematic approach to our design foundations.
Related contents:
A jQuery plugin that allows you to display a responsive grid layout stacked on top of each other into rows and columns
What was that media query code again?
If you're like me, you'll often know which media query to reach for but just can't quite remember the syntax. This site lists popular media queries with a handy copy button for code the snippet you need.
We got frustrated at the lack of free, responsive sliders, so we wrote our own. Sure, there are some out there, but we found out the hard way, they have two settings or they use soon-to-be-deprecated functions.
Google Material Design swipe(pull) to refresh by using JavaScript and CSS3.
Your starting point for building great multi-device web experiences
Develop and test websites that look great and work fine on any device
A set of small, responsive CSS modules that you can use in every web project.
JQuery lightSlider is a lightweight touchable responsive Content slider
Patterns for Responsive HTML Email Templates.
A few simple, but solid patterns for responsive, accessible HTML email in (almost) every email client.
KNACSS, c’est un peu comme une feuille de style CSS « reset » sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, responsive webdesign).
Responsive Layouts for Email.
Antwort offers responsive layouts for Email that both fits and adapts to client widths. Don't underwhelm desktop users with single column layouts that work for mobile. Antwort offers columns on desktop that automatically become rows on mobile.
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!