Displaying 1 to 20 from 24 results

response.js - Responsive design toolkit

  •    Javascript

Response's main feature is its breakpoint sets. They offer the ability to serve different content via breakpoint-based data attributes. They are best applied with a mobile-first approach. Devs can choose custom breakpoints to create exactly data attributes they need. By default none are setup. Sets are created either by calling Response.create(options) directly, or automatically via JSON stored in a body[data-responsejs]. The options can be a plain object or an array of them.

splide - Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies

  •    Javascript

Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies. There are 3 ways to install the Splide on your site.

Digger - Digger is a lightweight download framework that requires only one line of code to complete the file download task

  •    Swift

Digger is a lightweight download framework that requires only one line of code to complete the file download task. Based on URLSession, pure Swift language implementation, support chain syntax call, real-time download progress, real-time download speed, breakpoint download.

mappy-breakpoints - Breakpoints with Maps in Sass

  •    CSS

Here's a quick example. Say you a breakpoints map and you want to grab do a min-width query for small and max-width query for large. This will automatically create a media query plus convert it into em at the same time. It will also minus off 1px from the max-width query to ensure that your breakpoints don't overlap each other.

flint - Flint is a powerful Sass grid framework designed for rapid responsive development.

  •    CSS

Flint is a responsive grid framework written in Sass, created to allow developers to rapidly produce responsive layouts that are built on a sophisticated foundation. Most notably? The syntax. Being a designer myself, a large amount of time was spent on this aspect. Flint is very unique in the fact that it uses only a single mixin for all output: _(...).

breakdancer - A breakpoint tracking utility

  •    Javascript

Breakdancer is a small utility library that helps developing and using ergonomic breakpoints. Devices and sizes will always change, human ergonomics like palm, wrist, lap, desk, wall never will.Breakdancer is tested and works on both web and react-native platforms. Note that we don't specify react-native as a peer dependency in order to avoid dependency issues on pure web projects, so make sure you have react-native as a dependency.

flex-layout-builds - Build snapshots for @angular/flex-layout

  •    Javascript

Angular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings.The Flex Layout engine intelligently automates the process of applying appropriate Flexbox CSS to browser view hierarchies. This automation also addresses many of the complexities and workarounds encountered with the traditional, manual, CSS-only application of box CSS.

react-breakpoints - A React component that sets breakpoints in the store based on viewport width, allowing you to load different components in different breakpoints

  •    Javascript

This library solves the problem that CSS media queries alone could not solve. Sometimes you want to create an application that looks a certain way on desktop and a certain way on mobile. Sometimes the components look too different for you to be able to just change the CSS, you have to make one component for desktop and another for mobile. This is bad, because the JavaScript for the hidden component is still running in the background even though you are not seeing it. This library solves that.

mq-sass - Sass library to manage responsive breakpoints and generate media queries

  •    CSS

mq-sass is a Sass library to help you manage your responsive breakpoints and easily generate media queries. Also available as a Ruby gem to use within your Rails application—see below for more information.

bootstrap-breakpoints - Tiny script to easily check what the current bootstrap breakpoint is

  •    Javascript

Tiny script to enable easier checks for current responsive breakpoint. Assumes you are using bootstrap, but can potentially work with other custom breakpoints. Put the script somewhere in the html as you usually do. For now the script depends on jQuery and works in IE9+.

js-breakpoints - Library that uses CSS media queries to trigger breakpoints in Javascript

  •    Javascript

Small library that syncs CSS media queries to breakpoint events in JavaScript. Helpful to change JavaScript logic for different screen sizes, resolutions or other media query features. The main benefit is that you only need to maintain your media queries in one place - in the CSS where they belong.

atom-gdb - Atom plugin to set gdb breakpoints in

  •    Javascript

Sets breakpoints in .gdbinit file and starts your favorite debugger. The ~/.gdbinit file must have add-auto-load-safe-path / to allow .gdbinit files in any directory.

react-socks - 🧦 React library to render components only on specific viewports 🔥

  •    Javascript

Wrap your components with React Socks to prevent unnecessary render in different viewports. Conventionally we have been writing css media queries for different viewports to hide and show elements that are always present in the DOM. With React taking over the world, everything is about rendering components into the DOM. React Socks helps you conditionally render elements based on viewports.

mediaquery - Turns human readable breakpoints into correct mediaqueries

  •    Javascript

Turns human readable breakpoints into correct mediaqueries. This is particularly useful when working with window.matchMedia or when you work with CSS dinamically using JavaScript.

vue-mq - 📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue

  •    Javascript

Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue. After installing the plugin every instance of Vue component is given access to a reactive $mq property. Its value will be a String which is the current breakpoint.

mq-scss - Extremely powerful Sass media query mixin

  •    CSS

An extremely powerful but easy to use Sass media query mixin that allows you to create almost any media query you can imagine. This media query mixin is a powerful tool that lets you easily create far more complex media queries than you would have ever attempted to do with plain css. It also makes your code far easier to maintain through it's ability to take simple media query variables.

vue-breakpoints - 🍬 🙈 Vue.js utility component to show and hide components based on breakpoints

  •    Javascript

but they can be overwritten if you pass an object to the breakpoints prop. Details changes for each release are documented in the CHANGELOG.md.

breaking-point - BREAKING-POINT lets you quickly define and subscribe to screen (i

  •    Clojure

BREAKING-POINT lets you quickly define and subscribe to screen breakpoints in your re-frame application. Add the following to the :dependencies vector in your project.clj file.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.