The latest articles on DEV Community by Yug2477👩‍💻🏆 (@yug2477). https://dev.to/yug2477 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%2F686799%2Fb7787cbd-aefa-4e05-b7a4-9c9cd26b3ae6.png https://dev.to/yug2477 en Yug2477👩‍💻🏆 Tue, 28 Feb 2023 12:02:10 +0000 https://dev.to/yug2477/top-10-plaforms-for-fonts-download--2963 https://dev.to/yug2477/top-10-plaforms-for-fonts-download--2963 <ol> <li>Google fonts- <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__cover"> <a href="https://fonts.google.com/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"> <img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--9Vdl38Fr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://www.gstatic.com/images/icons/material/apps/fonts/1x/catalog/v5/opengraph_color.png" height="420" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://fonts.google.com/" rel="noopener noreferrer" class="c-link"> Browse Fonts - Google Fonts </a> </h2> <p class="truncate-at-3"> Making the web more beautiful, fast, and open through great typography </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://res.cloudinary.com/practicaldev/image/fetch/s--4IctQeJc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://www.gstatic.com/images/icons/material/apps/fonts/1x/catalog/v5/favicon.svg" width="16" height="16"> fonts.google.com </div> </div> </div> </li> <li>Dafont - <div class="crayons-card c-embed text-styles text-styles--secondary"> <a href="https://www.dafont.com/" rel="noopener noreferrer"> dafont.com </a> </div> </li> <li>Fontsquirrels - <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__cover"> <a href="https://www.fontsquirrel.com/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"> <img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--NXTxHfr4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://www.fontsquirrel.com/presentation/theme_site/images/social_media_default.jpg" height="600" class="m-0" width="600"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://www.fontsquirrel.com/" rel="noopener noreferrer" class="c-link"> Free Fonts! Legit Free &amp; Quality » Font Squirrel </a> </h2> <p class="truncate-at-3"> Handpicked free fonts for graphic designers with commercial-use licenses. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://res.cloudinary.com/practicaldev/image/fetch/s--xbNAFHfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://www.fontsquirrel.com/favicon-32x32.png%3Fv%3D2" width="32" height="32"> fontsquirrel.com </div> </div> </div> </li> <li>Fontspace - <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__cover"> <a href="https://www.fontspace.com/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"> <img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--IcDaQc9H--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://s3-us-west-1.amazonaws.com/images.fontspace.com/static/fontspace-all-new-1500x1500.jpg" height="800" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://www.fontspace.com/" rel="noopener noreferrer" class="c-link"> Free Fonts | 110,000+ Font Downloads | FontSpace </a> </h2> <p class="truncate-at-3"> Free downloads of legally licensed fonts that are perfect for your design projects. The best place in the universe to search for amazing fonts. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://res.cloudinary.com/practicaldev/image/fetch/s--t-doivz5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://www.fontspace.com/favicon-32x32.png%3Fv%3D00Bdv4Q5g6" width="32" height="32"> fontspace.com </div> </div> </div> </li> <li>Dribble - <div class="crayons-card c-embed text-styles text-styles--secondary"> <a href="https://dribbble.com/shots" rel="noopener noreferrer"> dribbble.com </a> </div> </li> <li>Urban Fonts - <div class="crayons-card c-embed text-styles text-styles--secondary"> <a href="https://www.urbanfonts.com/" rel="noopener noreferrer"> urbanfonts.com </a> </div> </li> <li>Neogrey - <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__cover"> <a href="https://www.neogrey.com/fonts/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"> <img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--CocdaZq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i0.wp.com/www.neogrey.com/wp-content/uploads/2020/08/neogrey-default-pic.jpg%3Ffit%3D1920%252C1080%26ssl%3D1" height="450" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://www.neogrey.com/fonts/" rel="noopener noreferrer" class="c-link"> Fonts </a> </h2> <p class="truncate-at-3"> Vector and OpenType fonts: most of them are FREE for personal use, some are free for both commercial and personal use. </p> <div class="color-secondary fs-s flex items-center"> neogrey.com </div> </div> </div> </li> <li>Behance -<div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__cover"> <a href="https://www.neogrey.com/fonts/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"> <img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--CocdaZq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i0.wp.com/www.neogrey.com/wp-content/uploads/2020/08/neogrey-default-pic.jpg%3Ffit%3D1920%252C1080%26ssl%3D1" height="450" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://www.neogrey.com/fonts/" rel="noopener noreferrer" class="c-link"> Fonts </a> </h2> <p class="truncate-at-3"> Vector and OpenType fonts: most of them are FREE for personal use, some are free for both commercial and personal use. </p> <div class="color-secondary fs-s flex items-center"> neogrey.com </div> </div> </div> </li> <li>Fontesk - <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__cover"> <a href="https://fontesk.com/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"> <img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--CGYPZe6k--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://fontesk.com/wp-content/uploads/2019/10/signature_fonts.jpg" height="135" class="m-0" width="480"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://fontesk.com/" rel="noopener noreferrer" class="c-link"> Free Fonts &amp; Typefaces › Fontesk </a> </h2> <p class="truncate-at-3"> Download thousands of free fonts for personal and commercial use. Quality fonts for every design project. Daily updated collection. Stay tuned! </p> <div class="color-secondary fs-s flex items-center"> fontesk.com </div> </div> </div> </li> <li>Font Bundles- </li> </ol> webdev html css design Yug2477👩‍💻🏆 Tue, 28 Feb 2023 05:58:29 +0000 https://dev.to/yug2477/top-5-useful-chrome-extension-for-web-developers--436g https://dev.to/yug2477/top-5-useful-chrome-extension-for-web-developers--436g <p><u>Window Resizer-</u><br> Window Resizer resizes the browser window to mimic various screen resolutions making it very useful for web developers to test their layouts, especially while working with responsive designs.</p> <p><u>BrowserStack-</u><br> BrowserStack is another handy Chrome extension for web developers which lets you test your work on every possible on-demand browser and OS.</p> <p><u> Colorzilla-</u><br> Colorzilla is an eyedropper tool with a color picker, color history, CSS gradient analyzer, etc. </p> <p><u> Pixelperfect-</u> <br> For checking every single component of page is having perfect pixel or not .</p> <p><u>Wappalyzer-</u><br> Wappalyzer is an effective tool to help find out all the underlying technologies used to build any website.</p> watercooler