The latest articles on DEV Community by Justin Voye (@jvoye). https://dev.to/jvoye 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%2F587004%2Fdfb50db5-5946-4d8e-9b97-8b5f0a5e30a2.jpeg https://dev.to/jvoye en Justin Voye Mon, 24 May 2021 13:39:46 +0000 https://dev.to/jvoye/keeping-img-quality-high-on-portfolio-style-website-ool https://dev.to/jvoye/keeping-img-quality-high-on-portfolio-style-website-ool <p>I’m currently developing a portfolio style website for myself, similar style to Dribbble or adobe Portfolio. All my projects have preview icons or cards if you will that are a fixed size of 400 x 300 until it hits mobile. These images are cropped to be the same 400 x 300 size look fine for the most part until you look at it on 2x or 3x screens.</p> <p>Since these sizes don’t really change or flex on the page, I opted to use srcset with a 2x, and 3x method. On 2x these images jump to 800 x 600 but still in a 400 x 300 container. They look better on 2x devices now and 4k monitors but I’m now encountering a performance decrease with lighthouse as it’s complaining about properly sized images, even when on a 1x monitor. </p> <p>The question I have is am I doing this correctly? Dribble uses a similar size container for their preview projects, but they also look great on 2x and 3x devices. Any feedback or advice would be greatly appreciated, thanks!</p> <p>As a side note using a larger img (intrinsic 500 x 375) in a 400 x 300 container always give me blurry results when not a 2x or 3x device, why is that?</p> <p>Justin</p> help portfolio srcset design Justin Voye Fri, 26 Feb 2021 20:01:54 +0000 https://dev.to/jvoye/converting-a-website-to-support-multilanguage-after-development-1ad7 https://dev.to/jvoye/converting-a-website-to-support-multilanguage-after-development-1ad7 <p>Hello all, Jr. web developer here. I developed a website for a company about a year ago using basic HTML, CSS/Sass, and a little JavaScript and jQuery. It was one of the first larger websites I designed and developed so if I was to redo this site today I would approach it a bit differently. The company now wants the site to support Multilanguage, English being the default and 2 additional languages. </p> <p>Being a static site what are my options now that it's already complete? The site is roughly a dozen or so pages and really the only area that gets updated is the news section. </p> <p>How would you approach this? Any feedback is greatly appreciated, thanks!</p> help discuss webdev