🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
- Updated
Oct 17, 2023 - JavaScript
🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
🌗 Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.
portfolio card
HTML and CSS Codes
Personal Website
Css properties like css-grid, css-Animation, css-transition
Responsive blog preview card solution using HTML, CSS variables, and media queries. Part of a Frontend Mentor challenge.
It is a website of a start-up company named "TinDog" which is basically a Tinder for Dogs, helping them to meet new and interesting dogs nearby. This website is designed using Bootstrap framework.
🔆 Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
Parses and determines if a given CSS Media Query matches a set of values. This is a port of https://.com/ericf/css-mediaquery.
Responsive navbar/navigation bar made using only HTML and CSS without Javascript. See tutorial https:///3l7DAxX
a front end developer portfolio
I developed a clone utilizing React.js and CSS media query properties for responsiveness.
💎 Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.
Bu belge Css'in temel ve gelişmiş metotlarını içeren Türkçe belge niteliğinde hazırlanmış notlardan oluşur. Metotlar, tanımları ve kullanım örneklerinden oluşur. Hazırlayan @burakkrt
🕯 Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.
The Pricing-Plan Project features responsive subscription plans for various user needs, displayed in a user-friendly format across devices. It integrates media queries for optimal viewing on larger screens, focusing on clear, actionable subscription options.
This projects was done by me while I'm Practices css grid ,flexbox! and css Media Query this projects is responsive for desktop and mobile devices
Add a description, image, and links to the css-mediaquery topic page so that developers can more easily learn about it.
To associate your repository with the css-mediaquery topic, visit your repo's landing page and select "manage topics."