The latest articles on DEV Community by Mohamed (@mohamedsm). https://dev.to/mohamedsm https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F292699%2Ff9a08170-e2e9-467d-9ba4-285505a31335.png https://dev.to/mohamedsm en Mohamed Sat, 04 Dec 2021 22:39:00 +0000 https://dev.to/mohamedsm/how-to-fix-screan-tearing-in-ubuntu-202110-4aji https://dev.to/mohamedsm/how-to-fix-screan-tearing-in-ubuntu-202110-4aji <p>I used to have this problem, and I fixed it just simply by changing the refresh rate in the display settings <strong>so instead of</strong> using <strong><code>60Hz</code></strong> I used <strong><code>59.96Hz</code></strong></p> <p><a href="https://i.stack.imgur.com/JvUrg.png">Display Settings screenshot</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SVqvhtQk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.stack.imgur.com/JvUrg.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SVqvhtQk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.stack.imgur.com/JvUrg.png" alt="1" width="880" height="734"></a></p> <p>This problem is related to your screen refresh rate because it's not truly 60hz or 120hz. It's more like as close as possible. Still, that will cause the screen tearing problem if not set to be the same (or half if you have 120hz and want to you 60Hz though that would be just crazy) </p> Mohamed Sun, 21 Nov 2021 03:45:36 +0000 https://dev.to/mohamedsm/find-the-closest-color-from-the-tailwind-css-color-pallet-5bka https://dev.to/mohamedsm/find-the-closest-color-from-the-tailwind-css-color-pallet-5bka <h2> Tailwind CSS color matcher </h2> <p>put your Hex Code and edit the ranges to find the closes match to your color from the tailwind CSS color pallet,</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feblfikexqggl5c1x5vyx.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feblfikexqggl5c1x5vyx.png" alt="Screen Shot"></a></p> <p>I'm using the HSL value to compare and find the best match for the color that you want to find. <br> The Background of the result section will use the input value as color, this will help you compare visually to see the best match</p> <h2> Link </h2> <p><a href="https://moh-slimani.github.io/tailwind-css-color-matcher" rel="noopener noreferrer">Tailwind CSS color matcher</a><br> <a href="https://github.com/moh-slimani/tailwind-css-color-matcher" rel="noopener noreferrer">Github</a></p> tailwindcss vue design webdev