responsive
Build apps for any screen
Flutter transforms the app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.
Related contents:
A lightweight frontend framework for building responsive sites and apps.
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.
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.
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.
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.
The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.
Compare viewport sizes. A screen size comparison for responsive design
One image for all screen resolutions and different devices is not enough. An image per pixel is too much - so how can someone automatically choose the optimal responsive image sizes?
Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number of images. It's time to solve these issues and start calculating image breakpoints more mathematically, rather than haphazardly.
With the help of CSS3 and mediaqueries you can change the layout of your website based on the detected screen size of the device (be it a computer screen, tablet, smartphone,...). But what are the current guidelines in pixels? Find out here. We've made an easy-to-use, always up-to-date, information resource, just for you.
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!
Camera is a responsive/adaptive slideshow. Try to resize the browser window
Device.js est une bibliothèque Javascript permettant de détecter les OS, type de périphérique et orientation d'écran de vos visiteurs.
responsive design test service.
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.
A framework for developers who want to design, build and share cross device applications.
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
JQuery lightSlider is a lightweight touchable responsive Content slider
The most advanced responsive front-end framework in the world.
Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes a fully customizable, responsive grid, a large library of Sass mixins, commonly used JavaScript plugins, and full accessibility support.
A jQuery plugin that allows you to display a responsive grid layout stacked on top of each other into rows and columns
Elastic Columns is a jQuery plugin that was designed to be used as an alternative to the well-known Isotope library.
jQuery/Zepto Fully responsive, touch friendly carousel.
'Devrama Slider' is a image slider with many features. It support both images and HTML contents.
Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to calendars. We’ve created a jQuery plugin for the calendar itself and you can see some examples of how to use it in the demos. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.
We still build things the way machines read them - not the way we intuit them. Jeet allows you to express your page grid the same way a it. No more needlessly nesting elements. No more rigid twelve column rules. with less code, and more flexibility with
bgStretcher 2011 (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).
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).
jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant when the format is approved and implemented by browsers. Lets hope that happens soon but in the meantime this plugin will be kept up to date with latest developments.
responsive framework
mqGenie adjusts CSS media queries in browsers that include the scrollbar's width in the viewport width so they fire at the intended size
A Google inspired mobile interface for TT-RSS
A collection of patterns & modules for responsive emails
Test responsive designs on various screen sizes
Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production
The lightweight PHP class for detecting mobile devices.
A Responsive jQuery Gallery Plugin with CSS3 Animations
Quickly craft clean, responsive emails.
HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks. HEML makes building emails as easy as building websites.
Your starting point for building great multi-device web experiences
Yet another lightweight, customisable responsive image solution
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.
Mobility is a super light weight HTML, CSS, and JS mobile UI built on top of Bootstrap for developing mobile applications.
Modern Responsive LightBox is a small jQuery plugin that is used to create modern lightbox with CSS3 Animation Effects and customizing options for modern browsers. Please check demos below to see how it works.
Quickly create responsive HTML emails that work on any device & client. Even Outlook.
Develop and test websites that look great and work fine on any device
jQuery ReSmenu is a very simple and lightweight (~1Kb) jQuery plugin that collapse ul menus into selects on responsive layouts.
A good starting point for design that takes device resolution out of the equation
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!
A set of small, responsive CSS modules that you can use in every web project.
Open source mobile phone detection