Dev Resources
Dev Weekly Newsletter
6/28/24
Featuring
Weekly Tips From Your Leads!
Jeff
The latest breakdown of global website traffic reveals intriguing trends:
- Mobile devices dominate with approximately 58.54% of all web traffic.
- Desktop computers account for around 39.41% of web traffic.
- Tablets contribute about 2.05% to overall web traffic.
These figures underscore the critical importance of optimizing for mobile. While we typically design our websites on desktop platforms, it's absolutely essential to ensure the mobile version is engaging and user-friendly.
Even though tablets represent only 2% of web traffic, it's vital to double-check that this version is correctly formatted and visually appealing, ensuring all elements, including logos, are displayed properly. This attention to detail ensures a seamless experience across all devices.
Nick
Do you ever need to create a variation of a logo that is a different color than it’s original version? Let’s say you want to create a media slider that showcases the logos of different brands or products that a client offers, but you want it to match the style and color scheme that you have chosen for your site. Today I am going to show you how to quickly change the color of any logo using PhotoPea. Click here to view the tutorial!
Sophie
Websites appear slightly different depending on the devices we view them on. If you are working on a small to medium-sized monitor, simulate a larger monitor experience by setting your zoom to 80%.
This practice helps ensure that section elements, like buttons and titles, are correctly aligned. Sometimes, elements may appear aligned on our personal screens but are not actually correctly aligned. Using the zoom tool, you can cross-check that all site elements are placed where you really want them.
By setting your zoom to 80% during site building and when checking your published multiscreen link, you can prevent misalignments and create a site that looks great on various screen sizes.
Carissa
What's a favicon? If you look at your tab right now, you'll see a small icon towards the left edge. This little image is a small representation of the website, so it's important to pick a specific icon that fits the company's brand, service, and/or product. The key is to find an icon that is easily identifiable and relatable to the website you're creating. A favicon is a resource among developers looking to enhance the visual appeal and functionality of their site. If you're having a hard time finding the right icon, a great place to go is https://www.flaticon.com/. I am a loyal fan of this site and use it all the time to find an icon fast and easily! Click here for a step-by-step breakdown.