Ecosyste.ms: Repos

An open API service providing repository metadata for many open source software ecosystems.

GitHub topics: media-queries

Repositories

DevMountain/media-queries-afternoon

An afternoon project to help solidify media query concepts by cloning a live website.

Size: 1.58 MB - Last synced: about 1 month ago - Pushed: almost 4 years ago - Stars: 0 - Forks: 668

evrone/postcss-px-to-viewport

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.

Language: JavaScript - Size: 271 KB - Last synced: 5 days ago - Pushed: about 2 months ago - Stars: 2,950 - Forks: 400

GoogleChromeLabs/dark-mode-toggle

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

Language: JavaScript - Size: 1.3 MB - Last synced: 17 days ago - Pushed: 2 months ago - Stars: 1,152 - Forks: 73

artsy/fresnel

An SSR compatible approach to CSS media query based responsive layouts for React.

Language: TypeScript - Size: 2.4 MB - Last synced: 8 days ago - Pushed: 10 days ago - Stars: 1,213 - Forks: 64

Ashwin7mak/Hipster-Startup-Website

A single page static website template for a startup company.

Language: HTML - Size: 647 KB - Last synced: 11 months ago - Pushed: over 3 years ago - Stars: 30 - Forks: 50

renatorib/react-sizes

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

Language: JavaScript - Size: 1.36 MB - Last synced: about 1 month ago - Pushed: over 1 year ago - Stars: 722 - Forks: 37

flexdinesh/react-socks

🎉 React library to render components only on specific viewports 🔥

Language: JavaScript - Size: 1.54 MB - Last synced: 4 days ago - Pushed: about 1 month ago - Stars: 426 - Forks: 29

pauloapi/media-queries-scss-mixins

Media Queries SCSS Mixins

Language: SCSS - Size: 4.88 KB - Last synced: 26 days ago - Pushed: almost 2 years ago - Stars: 85 - Forks: 29

lolmaus/breakpoint-slicer

Slice media queries with ease

Language: SCSS - Size: 722 KB - Last synced: 1 day ago - Pushed: over 1 year ago - Stars: 345 - Forks: 28

mg901/styled-breakpoints

Simple and powerful breakpoints for styled components and emotion.

Language: JavaScript - Size: 10 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 545 - Forks: 25

kristerkari/react-native-css-modules

Style React Native components using CSS, PostCSS, Sass, Less or Stylus.

Size: 294 KB - Last synced: 24 days ago - Pushed: 3 months ago - Stars: 322 - Forks: 20

wswmsword/postcss-mobile-forever

一款 PostCSS 插件，将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.

Language: JavaScript - Size: 5.93 MB - Last synced: 7 days ago - Pushed: 7 days ago - Stars: 172 - Forks: 15

Valexr/Slidy

📸 Sliding action script

Language: TypeScript - Size: 23.5 MB - Last synced: 7 days ago - Pushed: 7 days ago - Stars: 293 - Forks: 13

stowball/eqio

A simple, tiny alternative to element/container queries

Language: JavaScript - Size: 1.14 MB - Last synced: 3 days ago - Pushed: over 1 year ago - Stars: 427 - Forks: 11

simplonco/html-css-exercice-one-million-lines

Reproduire une maquette relativement basique en utilisant les media-queries

Language: CSS - Size: 3.29 MB - Last synced: about 1 year ago - Pushed: almost 7 years ago - Stars: 1 - Forks: 9

Dan503/mq-scss

Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.

Language: CSS - Size: 920 KB - Last synced: 27 days ago - Pushed: about 5 years ago - Stars: 124 - Forks: 8

JacobLett/IfBreakpoint

ifbreakpoint.js : if Bootstrap 4 breakpoint (media query) is X do something

Language: JavaScript - Size: 22.5 KB - Last synced: about 2 months ago - Pushed: almost 6 years ago - Stars: 14 - Forks: 8

mehulsatardekar/movie-streaming-webapp

Movies-streaming-webapp

Language: JavaScript - Size: 545 MB - Last synced: about 1 year ago - Pushed: about 4 years ago - Stars: 16 - Forks: 8

yunusga/postcss-sort-media-queries

PostCSS plugin for sorting and combining CSS media queries with mobile-first / desktop-first methodologies.

Language: JavaScript - Size: 1.02 MB - Last synced: 22 days ago - Pushed: 10 months ago - Stars: 143 - Forks: 7

mvrlin/nuxt-viewport

🌈 Define custom viewports for your Nuxt project

Language: TypeScript - Size: 847 KB - Last synced: 17 days ago - Pushed: 18 days ago - Stars: 104 - Forks: 7

ryanve/actual

Determine actual CSS media query breakpoints via JavaScript

Language: JavaScript - Size: 126 KB - Last synced: about 5 hours ago - Pushed: about 1 year ago - Stars: 51 - Forks: 6

senvolodymyr/rupture-sass

Better media queries mixins library for SASS

Language: SCSS - Size: 17.6 KB - Last synced: 9 days ago - Pushed: over 2 years ago - Stars: 47 - Forks: 6

dyakovk/jest-matchmedia-mock

🃏 Mock for fully testing any media queries with Jest

Language: TypeScript - Size: 614 KB - Last synced: about 11 hours ago - Pushed: over 1 year ago - Stars: 43 - Forks: 6

iserviceweb/technical_web_page

Simple Technical Web Page 🧸

Language: HTML - Size: 4.46 MB - Last synced: 3 months ago - Pushed: over 1 year ago - Stars: 0 - Forks: 6

deniolp/sedona

HTML & CSS -- Site about touristic town (For portfolio - HTML & CSS)

Language: SCSS - Size: 22.1 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 0 - Forks: 5

JNavith/tailwindcss-theme-variants

Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS

Language: TypeScript - Size: 1.5 MB - Last synced: about 21 hours ago - Pushed: 8 months ago - Stars: 181 - Forks: 5

dimitrinicolas/postcss-inline-media

Media queries shortcut, built on PostCSS, example: font-size: 20px @1200 18px @480 16px;

Language: JavaScript - Size: 148 KB - Last synced: 28 days ago - Pushed: over 3 years ago - Stars: 48 - Forks: 4

andrew--r/breakpoint

A tiny API wrapper around window.matchMedia

Language: JavaScript - Size: 28.3 KB - Last synced: 6 days ago - Pushed: over 8 years ago - Stars: 35 - Forks: 4

nash403/fine-mq

A fine API to manage media queries in JS with ease. It has first-class integration with VueJS.

Language: TypeScript - Size: 2.58 MB - Last synced: 20 days ago - Pushed: over 1 year ago - Stars: 22 - Forks: 4

kimmelsg/cj-resized

Return different values based on browser width

Language: JavaScript - Size: 36.1 KB - Last synced: 25 days ago - Pushed: almost 6 years ago - Stars: 33 - Forks: 4

michalklim/react-match-breakpoints

Lightweight, performant, and easy to use media query library for React 📱 💻 🖥️

Language: TypeScript - Size: 6.07 MB - Last synced: 28 days ago - Pushed: over 2 years ago - Stars: 11 - Forks: 4

diegomura/media-engine

Media queries engine written in pure JS!

Language: JavaScript - Size: 46.9 KB - Last synced: 3 months ago - Pushed: over 2 years ago - Stars: 11 - Forks: 4

xelaok/svelte-media-query

CSS media queries in Svelte

Language: Svelte - Size: 4.88 KB - Last synced: 9 days ago - Pushed: over 2 years ago - Stars: 52 - Forks: 4

Klauditha/desafio_cv_portafolio

Desafio final del modulo 1 del bootcamp Desafio Latam, proyecto curriculum

Language: HTML - Size: 3.85 MB - Last synced: 3 months ago - Pushed: 3 months ago - Stars: 1 - Forks: 4

jofftiquez/vue-media-query-mixin

A vue mixin to get current media query, xs, sm, md and lg.

Language: JavaScript - Size: 679 KB - Last synced: 18 days ago - Pushed: over 1 year ago - Stars: 28 - Forks: 4

rafaelrinaldi/media-queries

:arrow_up_down: CSS media queries based on Zurb's Foundation breakpoints

Language: CSS - Size: 6.84 KB - Last synced: 8 days ago - Pushed: almost 8 years ago - Stars: 4 - Forks: 3

A responsive product home page for a Virtual Learning Environment. The key focus for the project was responsive CSS, using flex and grid displays to allow the website to be viewed comfortably on different devices.

Language: HTML - Size: 34.5 MB - Last synced: 9 months ago - Pushed: 9 months ago - Stars: 1 - Forks: 3

exiguus/js.device.selector 📦

ES6 class and jQuery Plugin to get the current Device Type and Display Type of a Browser while making CSS Breakpoints available in JavaScript.

Language: HTML - Size: 2.89 MB - Last synced: 11 days ago - Pushed: over 1 year ago - Stars: 11 - Forks: 3

tinkering-bhatia/MenteeProject1

A modern display website of Amphi-101 for devsoc hackathon

Language: HTML - Size: 18.8 MB - Last synced: 4 months ago - Pushed: about 3 years ago - Stars: 1 - Forks: 3

KhaledElwazan/MovieBoxBeta

This repository contains the src code for an android app called, "Movie Box." With this app, you can search, browse and save your favorite movies on your device.

Language: Java - Size: 2.28 MB - Last synced: about 1 year ago - Pushed: almost 5 years ago - Stars: 4 - Forks: 3

sanajitjana/Masai-Zappos-Army

Unit-2 construct week project by six Zappos-Army at Masai School

Language: HTML - Size: 11.3 MB - Last synced: 20 days ago - Pushed: 21 days ago - Stars: 6 - Forks: 3

merrazquin/Responsive-Portfolio

Responsive Portfolio

Language: HTML - Size: 6.16 MB - Last synced: about 1 year ago - Pushed: almost 6 years ago - Stars: 1 - Forks: 3

teekaytech/HTML-CSS-capstone-project

A static fully-responsive website built for a Forex Trading Company that shows a detailed description of an upcoming conference. Built with HTML5, CSS, Boostrap & Media Queries.

Language: HTML - Size: 564 KB - Last synced: about 1 year ago - Pushed: about 3 years ago - Stars: 5 - Forks: 3

EdiJunior88/Origamid_HTML_e_CSS_para_Iniciantes

Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.

Language: HTML - Size: 6.65 MB - Last synced: 17 days ago - Pushed: 17 days ago - Stars: 10 - Forks: 2

shunjid/web-and-desktop

A collection of responsive web design with HTML5, CSS3 and JavaScript only which implements different creative ideas of understanding how things work as a beginner.

Language: HTML - Size: 800 KB - Last synced: about 1 year ago - Pushed: almost 5 years ago - Stars: 5 - Forks: 2

maroun-baydoun/mediaq

Listen to media query updates in JavaScript

Language: TypeScript - Size: 1.73 MB - Last synced: 14 days ago - Pushed: over 1 year ago - Stars: 10 - Forks: 2

phomdev/mesto

Проектная работа «Место» курса «Веб‑разработчик» платформы Яндекс Практикум.

Language: JavaScript - Size: 2.25 MB - Last synced: 9 months ago - Pushed: over 1 year ago - Stars: 3 - Forks: 2

flatanimals/vue-media-queries

Vue 2.0 media query helpers

Language: JavaScript - Size: 499 KB - Last synced: 8 days ago - Pushed: about 1 year ago - Stars: 48 - Forks: 2

kiosion/svelte-breakpoints

Svelte component and helper functions for creating easy responsive layouts with CSS media queries.

Language: TypeScript - Size: 1.32 MB - Last synced: 11 days ago - Pushed: 11 days ago - Stars: 16 - Forks: 2

AlienCreations/responsiveless

Responsive media queries for LESS

Language: CSS - Size: 148 KB - Last synced: 17 days ago - Pushed: over 8 years ago - Stars: 5 - Forks: 2

alamincoders/responsive-mega-menu

Language: CSS - Size: 12.7 KB - Last synced: about 1 month ago - Pushed: over 1 year ago - Stars: 3 - Forks: 2

envato/react-breakpoints

Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" 🦄

Language: TypeScript - Size: 312 KB - Last synced: 29 days ago - Pushed: almost 2 years ago - Stars: 72 - Forks: 2

levchak0910/css-media-splitter

The tool extracts all media at-rules into dedicated files and download them only when the user device matches the media query.

Language: TypeScript - Size: 751 KB - Last synced: 1 day ago - Pushed: 1 day ago - Stars: 29 - Forks: 2

sahadcmd/Ecommerce-Website

Delivering a seamless shopping experience across devices with a responsive and user-friendly E-commerce website.

Language: HTML - Size: 21.4 MB - Last synced: 3 months ago - Pushed: 3 months ago - Stars: 3 - Forks: 2

holtwick/twindy

🌈 CSS Framework written in Stylus inspired by Tailwind and NIB

Language: CSS - Size: 5.58 MB - Last synced: about 7 hours ago - Pushed: about 2 years ago - Stars: 9 - Forks: 2

dvpnt/styled-media-helper

:nail_care: Helps manage media queries with styled components

Language: JavaScript - Size: 1.42 MB - Last synced: 23 days ago - Pushed: about 1 year ago - Stars: 76 - Forks: 2

aaronksaunders/sidemenu-topnav-ionic-react

Ionic Horizontal & SideMenu Navigation in ReactJS

Language: TypeScript - Size: 184 KB - Last synced: about 1 year ago - Pushed: over 3 years ago - Stars: 7 - Forks: 2

kristerkari/react-native-css-media-query-processor

Match style objects containing CSS Media Queries with React Native

Language: JavaScript - Size: 240 KB - Last synced: 19 days ago - Pushed: about 5 years ago - Stars: 13 - Forks: 2

nicolas-cusan/breakpoint-helper

Small helper library to work with layout breakpoints in Javascript.

Language: TypeScript - Size: 660 KB - Last synced: 5 months ago - Pushed: 12 months ago - Stars: 17 - Forks: 2

shadmansaalim/udemy

Made responsive course platform website using raw HTML5 and CSS3 along with media queries. Check live site link below.

Language: HTML - Size: 18.8 MB - Last synced: about 1 month ago - Pushed: almost 3 years ago - Stars: 2 - Forks: 2

techieeliot/hacktoberfest-demo

freeCodeCamp Jackson Hacktoberfest 2020 site built during the October 3, 2020 workshop as a demo for how to use git and github during Hacktoberfest.

Language: HTML - Size: 22.5 KB - Last synced: about 1 year ago - Pushed: over 3 years ago - Stars: 0 - Forks: 2

Nishkarsh01/defending-himalayas-website

Creating a simple static website using html, css, flexbox, grid.

Language: HTML - Size: 671 KB - Last synced: about 1 year ago - Pushed: over 2 years ago - Stars: 1 - Forks: 2

vlazh/reflexy

Flexbox layout and responsive components.

Language: TypeScript - Size: 8.24 MB - Last synced: 21 days ago - Pushed: 21 days ago - Stars: 6 - Forks: 2

ga-chicago/fewd-boilerplate

An HTML and CSS starter kit.

Language: CSS - Size: 1.95 KB - Last synced: 8 months ago - Pushed: almost 7 years ago - Stars: 0 - Forks: 2

vitaliemaldur/react-breakpoints-hook

React hook for responsive design logic

Language: JavaScript - Size: 548 KB - Last synced: 16 days ago - Pushed: about 1 year ago - Stars: 12 - Forks: 2

alchemist-developer/deploy-soundGarden

SoundGarden (Musical Events) - Styles, Media Query, Rest API GET, POST, PUT, DELETE. CRUD. (JavaScript Vanilla)

Language: HTML - Size: 928 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 2

unsass/breakpoint

Sass functions and mixins to use media queries rules.

Language: SCSS - Size: 1.21 MB - Last synced: 25 days ago - Pushed: 25 days ago - Stars: 12 - Forks: 2

eloytoro/react-screen-size

Language: JavaScript - Size: 11.7 KB - Last synced: 16 days ago - Pushed: about 6 years ago - Stars: 10 - Forks: 2

alexplusde/media_manager_responsive

REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

Language: PHP - Size: 186 KB - Last synced: 4 days ago - Pushed: 4 days ago - Stars: 9 - Forks: 2

TyMick/use-window-orientation

A React hook for using window orientation.

Language: TypeScript - Size: 547 KB - Last synced: about 1 month ago - Pushed: over 2 years ago - Stars: 5 - Forks: 1

prasanthLalapeta/Responsive-Web-Design-Media-Queries-For-All-Devices

All css media queries for various devices

Language: CSS - Size: 0 Bytes - Last synced: about 1 year ago - Pushed: about 5 years ago - Stars: 6 - Forks: 1

viur-framework/gulp-join-media-queries Fork of 1ven/gulp-merge-media-queries

gulp-plugin to join media-queries

Language: JavaScript - Size: 54.7 KB - Last synced: 12 days ago - Pushed: about 5 years ago - Stars: 6 - Forks: 1

skylejs/skyle

☁️🎨 An experimental universal, customizable styling and animation library for React Native. (beta)

Language: TypeScript - Size: 4.96 MB - Last synced: 13 days ago - Pushed: almost 3 years ago - Stars: 23 - Forks: 1

ddneat/stylebuddy

🐻 Generate encapsulated css inline styles which are extremely configurable.

Language: JavaScript - Size: 438 KB - Last synced: 8 days ago - Pushed: about 1 year ago - Stars: 9 - Forks: 1

black7375/Fluid-Size

:triangular_ruler::iphone::computer::desktop_computer: A method of fluidly resizing in various devices based on visual angle. (with SASS) :revolving_hearts: :eyes:

Language: SCSS - Size: 4.14 MB - Last synced: 18 days ago - Pushed: about 3 years ago - Stars: 42 - Forks: 1

stefan22/currencyTicker

set of modifications inserted into the page using vanilla javascript, [Created August 20, 2017 ]

Language: HTML - Size: 1.65 MB - Last synced: about 1 year ago - Pushed: over 6 years ago - Stars: 0 - Forks: 1

AhmadrezaMozaffary/Belfius-Banking

HTML - CSS - JS 🏅

Language: JavaScript - Size: 1.25 MB - Last synced: 26 days ago - Pushed: over 2 years ago - Stars: 18 - Forks: 1

AhmadrezaMozaffary/Email-template

HTML - Inline CSS

Language: HTML - Size: 1000 Bytes - Last synced: 26 days ago - Pushed: over 2 years ago - Stars: 4 - Forks: 1

tomhodgins/slinky

Add JavaScript tests to <link> tags to toggle stylesheets

Language: HTML - Size: 9.77 KB - Last synced: about 1 year ago - Pushed: over 6 years ago - Stars: 11 - Forks: 1

kroaix/Tortoiseshell-Optics

Codecademy Ready Project using Box Model, CSS Display, Flexbox, and Media Queries.

Language: CSS - Size: 1.07 MB - Last synced: about 1 year ago - Pushed: about 7 years ago - Stars: 1 - Forks: 1

harryparkdotio/mediq

expressive media query builder

Language: TypeScript - Size: 276 KB - Last synced: 3 months ago - Pushed: over 4 years ago - Stars: 1 - Forks: 1

jtam128/thinkful-bnb

Thinkful Software Engineering Bootcamp Project - Thinkful-bnb is a mock vacation rental website that was created in order to practice mobile-first development.

Language: HTML - Size: 46.4 MB - Last synced: 9 months ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 1

AnandChowdhary/prefers-color-scheme

🎨 Get a user's preferred color scheme using CSS @media(prefers-color-scheme)

Language: TypeScript - Size: 371 KB - Last synced: 12 days ago - Pushed: over 1 year ago - Stars: 7 - Forks: 1

Kimdonghyeon7645/HTML5-CSS3_Summary

html5 & css3 & 반응형 웹 정리(워드)

Size: 2.06 MB - Last synced: about 1 year ago - Pushed: over 3 years ago - Stars: 3 - Forks: 1

ruthieirl/Responsive-Portfolio

Responsive Portfolio

Language: HTML - Size: 1.03 MB - Last synced: about 1 year ago - Pushed: over 6 years ago - Stars: 0 - Forks: 1

adraf/NAANOVO

Completed January 2021, taking around 30 hours. Business website for an international energy company. Built with HTML, CSS and some Javascript.

Language: HTML - Size: 40.5 MB - Last synced: 10 months ago - Pushed: almost 2 years ago - Stars: 1 - Forks: 1

stefan22/haysJS

Injecting javascript into web page in order to execute an AB test. [Created March 16, 2017 ]

Language: JavaScript - Size: 87.5 MB - Last synced: about 1 year ago - Pushed: about 7 years ago - Stars: 0 - Forks: 1

phomdev/russian-travel

Проектная работа «Путешествие по России» курса «Веб‑разработчик» платформы Яндекс Практикум.

Language: CSS - Size: 2.52 MB - Last synced: 9 months ago - Pushed: over 1 year ago - Stars: 3 - Forks: 1

chegodev/Sample-Website

I did this exercise project after watching the YouTube video tutorial => Traversy Media channel

Language: HTML - Size: 9.65 MB - Last synced: 4 months ago - Pushed: 4 months ago - Stars: 0 - Forks: 1

bence-toth/react-hook-media-query

A React hook to match media queries

Language: JavaScript - Size: 82 KB - Last synced: 9 days ago - Pushed: over 2 years ago - Stars: 11 - Forks: 1

isabelafarago/overtimecalc

The Overtime Calculator is a powerful tool designed to simplify and streamline the process of calculating overtime payments for employees. It is a web-based application built using JavaScript that allows employers and HR personnel to accurately determine the additional compensation owed to employees for their extra hours worked.

Language: JavaScript - Size: 10.7 KB - Last synced: 12 months ago - Pushed: 12 months ago - Stars: 0 - Forks: 1