Jan 25 · 4 min read · What a browser actually is think browser is an hotel and in that variouse foods are present this food are your data/result/websites. when your go hotel and you request for food , this is same way you go your chrom browser and search for website/info ...
Join discussionJan 13, 2025 · 4 min read · When you are designing a website, it is very important that your content should be readable and also looks good on all screen sizes. In this article, we are going to learn about media queries in CSS, How you can make a responsive design that supports...
Join discussion
Jan 3, 2025 · 2 min read · The Media Type in a media query specifies the category of device for which the styles should apply. The commonly used media types are: screen: Refers to devices with screens, such as desktops, tablets, and smartphones. Used for applying styles tha...
Join discussion
Dec 26, 2023 · 3 min read · What is Media Query in CSS ? A media query in web development is a technique used in CSS to apply different styles to a webpage based on various characteristics of the device on which it's being viewed. Essentially, media queries allow you to conditi...
Join discussionDec 18, 2023 · 4 min read · In the ever-changing world of web development, creating websites that look great and function seamlessly on all devices, such as mobile phones, tablets, and laptops is crucial. In this post, you'll learn about CSS Media Queries to make your websites ...
Join discussion
Dec 1, 2023 · 1 min read · ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 關於顏色的設定方法、顏色的變數、混色的新方法，我們在前兩篇都說過了，關於顏色還有什麼需要了解的呢？那就是近幾年在軟體設計中常出現的：淺色與深色模式切換。 今天我們要學會使用 CSS Media Queries 加上 CSS 變數打造自己的淺色與深色模式，甚至更進一步，用 HTML 的 input checkbox 做到簡單的切換（toggle）行為。 另外，雖然 SASS (SCSS) 與 JS 不在本系列學...
Join discussion
Oct 9, 2023 · 1 min read · ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 當我們在設計網站時，我們希望網站能夠適應不同的裝置和螢幕尺寸，以提供更好的使用體驗，這就是響應式網頁設計（RWD，Responsive Web Design）。 要製作 RWD 網頁，我們可能會需要用到 CSS 的 Media Queries，透過網頁瀏覽裝置的特性（如裝置種類、寬度、高度、螢幕方向等）來調整畫面。 另外，本篇也會提到在手機 iOS Safari 上的開發經驗，以及如何使用 Mac Safar...
Join discussion
Sep 1, 2023 · 3 min read · রেসপন্সিভ শব্দটি কি? রেসপন্সিভ শব্দটি বৈশিষ্ট্য বুঝাতে ব্যবহৃত হয় যা একটি উত্তর বা প্রতিক্রিয়ার জন্য বলা হয়, যা স্ক্রিনের আকার, আকৃতি, আকার বা মাধ্যমের মধ্যে গুরুত্বপূর্ণ পরিবর্তনের উত্তর দেয়। অর্থাৎ, যখন একটি ওয়েবসাইট বা অ্যাপ্লিকেশন রেসপন্সিভ হ...
Join discussion
Sep 1, 2023 · 3 min read · Introduction In today's diverse digital landscape, creating a web experience that adapts seamlessly to a variety of devices and screen sizes is essential. CSS Media Queries provide a powerful toolset for achieving responsive web design. In this artic...
Join discussion
Feb 4, 2023 · 2 min read · Media Queries have been a crucial part of front-end development since the emergence of responsive design. Previously, separate mobile versions of websites were common, often using a sub-domain such as m.example.com, which utilized separate HTML, CSS,...
Join discussion