Skip to main content

Contact Us

Popular posts from this blog

Detecting The User's Color Scheme Preference With CSS

Detecting The User's Color Scheme Preference With CSS If you’re a developer, chances are that you use dark mode on your machine and code editor. If not, what are you waiting for? Join the dark side! Jokes apart, it is common nowadays to allow users to select a different theme when visiting a website. Now you can do this with CSS only, not the theme selection itself, for that you still need JS but with CSS you can now detect the user’s machine color scheme (light or dark) and display the correct colors on your website immediately. To do this we need to use the CSS variables. According to the website  Can I use , the “CSS variables” feature is available on 95% of the currently used browsers around the world. We also need to use the  prefers-color-scheme  media query, which according to  Can I use  is supported by about 90% of the currently used browsers. In this article, I will show you how to use the CSS variables and the  prefers-color-scheme  to setup...
Post a Comment
Read more

Passwords Suck: Here Are 4 Ways We Can Fix Them

  Passwords Suck: Here Are 4 Ways We Can Fix Them With so many websites and platforms on which we set complicated passwords, remembering them is becoming  a memory challenge . Naturally, most of us forget passwords from time to time.  In 2004, Gates predicted that passwords would die out. But, in 2021, we are still using them to log into our social platforms and emails, among many other uses. There were also other criticisms regarding the level of security and protection passwords provide. Cybersecurity professionals and businesses criticize individuals for bad password choices, without noting that technologies allow them to set such passwords. However, many people continue to set weak passwords and appear to be oblivious of common best practices. Many businesses provide no upfront instructions on how to pick the passwords they require us to have. Probably, it’s because they believe we already know or can find out this information elsewhere. However, the fact th...
Post a Comment
Read more

Organizing Data In Table: A Quick Guide

  Organizing Data In Table: A Quick Guide We can use tables to structure data in columns and rows. The table is the HTML way to lay out the data. The CSS way to create the layout on the web page is  CSS float ,  flexbox , and  CSS grid . We cover an example to understand how to create a table on the web page. You can view the HTML table example at the below codepen link: https://codepen.io/taimoorsattar/pen/NWpdwbp For example, we can create a table in HTML for customer’s grocery item bill as below: < table border = "3" cellpadding = "10" cellspacing = "0" > < caption > Grocery Items Bill </ caption > < thead > < colgroup > < col width = "60%" > < col width = "20%" > < col width = "20%" span = "1" style = "background-color:#f1f1f1;" > </ colgroup > < tr > < th align = ...
Post a Comment
Read more