rework-custom-media - W3C-style custom media queries

  •        17

A Rework (>=1.0.0) plugin to add support for the W3C-style CSS Custom Media Queries syntax. Optionally, you may define the for each in a JavaScript object that is passed to the function.

https://github.com/reworkcss/rework-custom-media

Tags
Implementation
License
Platform

   




Related Projects

myth - A CSS preprocessor that acts like a polyfill for future versions of the spec.

  •    Javascript

CSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.

styled-media-query - ๐Ÿ’…๐Ÿ’ Better media queries for styled-component

  •    Javascript

Beautiful media queries better than CSS @media for styled-components with ability to specify custom breakpoints. Note: This documentation is for the latest version (v2). We still support v1 syntax but it'll be removed in v3.

react-media - CSS media queries for React

  •    Javascript

react-media is a CSS media query component for React.A <Media> component listens for matches to a CSS media query and renders stuff based on whether the query matches or not.

css-element-queries - CSS-Element-Queries Polyfill

  •    Javascript

Element Queries is a polyfill adding support for element based media-queries to all new browsers (incl. IE7+). It allows not only to define media-queries based on window-size but also adds 'media-queries' functionality depending on element (any selector supported) size while not causing performance lags due to event based implementation. It's a proof-of-concept event-based CSS element dimension query with valid CSS selector syntax.

breakpoint - Really simple media queries in Sass

  •    CSS

Breakpoint makes writing media queries in Sass super simple. Create a variable using a simplified syntax based on most commonly used media queries, then call it using the breakpoint mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself, to handling cross-browser compatibility issues, so you can focus on what's important: making sure your website looks its best. Breakpoint also allows you to get the context of your media queries from your code, allowing you to write dynamic mixins based on their media query context.


react-responsive - Media queries in react for responsive design

  •    Javascript

The best supported, easiest to use react media query module. This module is pretty straightforward: You specify a set of requirements, and the children will be rendered if they are met. Also handles changes so if you resize or flip or whatever it all just works.

styl - Flexible and fast modular CSS preprocessor built on top of Rework

  •    Javascript

Work-in-progress CSS preprocessor. Spiritual successor of Stylus. Built on top of Rework.Styl is basically an opinionated configuration of Rework. It does not aim for feature parity with Stylus.

mini-media-player - Minimalistic media card for Home Assistant Lovelace UI

  •    Javascript

A minimalistic yet customizable media player card for Home Assistant Lovelace UI. Inspired by Custom UI: Mini media player and custom-lovelace.

styl - Flexible and fast modular CSS preprocessor built on top of Rework

  •    Javascript

Flexible and fast modular CSS preprocessor built on top of Rework

sass-mq - A Sass mixin that helps you compose media queries in an elegant way.

  •    CSS

mq() is a Sass mixin that helps you compose media queries in an elegant way. Sass MQ was crafted in-house at the Guardian. Today, many more companies and developers are using it in their projects: see who uses Sass MQ.

enquire.js - Awesome Media Queries in JavaScript

  •    Javascript

enquire.js is a lightweight, pure javascript library (with no dependencies) for programmatically responding to media queries. This should be enough to get you going, but please read the full enquire.js documentation if you wish to learn about the other cool features.

include-media - ๐Ÿ“ Simple, elegant and maintainable media queries in Sass

  •    CSS

include-media is a Sass library for writing CSS media queries in an easy and maintainable way, using a natural and simplistic syntax. I spent quite some time experimenting with different libraries and mixins available out there, but eventually all of them failed to do everything I needed in an elegant way. Some of them wouldn't let me mix set breakpoints with case-specific values, others wouldn't properly handle the CSS OR operator and most of them had a syntax that I found complicated and unnatural.

AMP (Adamo Media Player)

  •    DotNet

AMP is a custom media player that specializes in large media collections! Change the way you manage your media!

responsive-comments - A client-side solution to conditional loading.

  •    Javascript

ResponsiveComments was designed to bring simple conditional loading to the client side. Through the use of HTML comments, markup can be introduced to progressively enhance an experience as various media queries or feature detections evaluate to true. For more information and examples check out responsivecomments.com. To get started using ResponsiveComments, add a [data-responsive-comment-media] attribute containing a valid media query to any element containing children that you wish to conditionally load. The ResponsiveComments concept will only work in a progressivelty enhanced experience so make sure you use minimum width media queries.

react-sizes - :left_right_arrow: Hoc to easily map window sizes to props.

  •    Javascript

React Sizes is a high-order component with a high performance that transform window sizes (width and height) into props. You can check inside your component, for example, if user's window is less than 480 pixels of width, and add a custom content. It can be very powerful for when you need to display different content for mobile and desktop. But it's not limited to this case. Just use that at your needs.

react-bounds - :left_right_arrow: The Future of Media Queries

  •    Javascript

Like Media Queries - Set min and max values like breakpoints. Use the Bounds in JS - Active bounds are passed down as props.

WindowsMediaPlayer.NET Plugin Library

  •    CSharp

A .NET 2.0 C# library that allows users to easily write plug-ins for Windows Media Player in .NET (C#). Currently supports Visualisation plugins and provides working samples.

media-match - Test css media queries in javascript

  •    Javascript

Test css media queries in javascript. A faster polyfill for matchMedia support. Follow the project on Twitter @mediamatchjs. Both code blocks are valid uses of matchMedia(). The first example shows the caching of a MediaQueryList object and the second shows an alternative usage as well as addListener support. The addListener method is part of the MediaQueryList object, therefore it can be added on the cached version or immediately after matchMedia().

veinjs - Injects CSS into the document (it's a perfectly legal procedure)

  •    Javascript

CSS injection is the process of injecting CSS definitions into a document dynamically. Media Query Support - You can inject media queries and work responsive magic with veinjs dynamically.





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.