Files for Kurve - Studio Furniture website
-
Updated
Apr 9, 2018 - HTML
Media Queries are a way to target browsers by certain characteristics, features, and user preferences, then apply styles, or run other code based on those things. They are a key part of responsive web design, as they allow you to create different layouts depending on the size of the viewport, but they can also be used to detect other things about the environment your site is running on, for example whether the user is using a touchscreen rather than a mouse. Media queries are used for the following:
@media
and @import
at-rules<style>
, <link>
, <source>
, and other HTML elements with the media=
attributeWindow.matchMedia()
and EventTarget.addEventListener()
methodsA media query is composed of an optional media type and any number of media feature expressions, which may optionally be combined in various ways using logical operators.
* **all:** Suitable for all devices.
* **print:** Intended for paged material and documents viewed on a screen in print preview mode.
* **screen:** Intended primarily for screens.
* **Viewport/Page Characteristics**
* **Display Quality**
* **Color**
* **Interaction**
* **Video-prefixed:** The spec references user agents, including TVs, that render video and graphics in two separate planes that each have their own characteristics. _(upcoming Media Queries Level 5)_
Files for Kurve - Studio Furniture website
helper for using the width media query in React
SPA built w/ bootstrap, a node local server environment, npm plugins, a few javascript libraries/ node modules, and a task runner /package.json file, [Created December 4, 2016 ]
Media Queries is a javascript plugin to define media queries events that launch an event when the screen resolution changes or a screen rotation occurs.
Página de Login con secciones de Recover Password y Sign up
JavaScript app to calculate the monthly payments given specific parameters.
Putting the knowledge of JavaScript into use by attempting this coding challenge of building a stopwatch. Awesome!
A landing page for a scuba diving company offering tours and excursions to customers
Website for the digital arts studio I am working for.
A dynamic media-queries styling method for all dimensions
Grid, Adaptive, Bootstrap Containers, Media Queries, SASS, JS, JQuery
A Small project to demonstrate the use of redux store in react application.
🕶️ Check a user's preference using CSS @media(prefers-contrast)
🖥👀 Working with media queries in JS
HTML5 & CSS3 - This is a project for improving a color-rich web page for a fake home paint business. The webpage displays info about using color in a home and color swatches with varying lightness, saturation, and hue. Uses transparencies and media queries.
Yandex.Practicum. Web Development training course. Project work No. 3: Russian travel
Discover what's new in film universe | React project focused on external API data and much more
Created by Håkon Wium Lie, W3C
Released June 19, 2012