Untitled

[stefindub]

Sustainable Web Design, An Excerpt

Climate change is a daunting problem to face, but in this excerpt from Sustainable Web Design, Tom Greenwood provides clear guidance on how we can track and moreover address the carbon footprint of…

Might not be the most impactful cause of climate change, but it is worth reading an article about an almost untouched topic: how to achieve Sustainable Web Design? One of the main aspects to look after is page weight - which most certainly does not only positively affect a website’s carbon footprint by reducing it, but along with that it also has a major impact on SEO ranking, and user experience.   “reduced data transfer translates to energy efficiency, a key factor to reducing carbon emissions of web products.”

[stefindub]

13 Reasons Your Website Can Have a High Bounce Rate

Visitors leaving your website? Learn 13 things that could be causing this and five tips to help reduce your high bounce rate.

Bad or obnoxious UX as a reason for high bounce rate Improving usability, or constantly looking after how good user experience is also a business move. A better user experience means converting more, maintaining customer’s attention, and increasing the permanence on a website. As also reported by search engine journal, one of the factors contributing to high bounce rates is bad user experience.  That is the reason why creating a usable website, which is intuitive and which minimizes users’ frustration during their browser experience is much more than a kind gesture, as it also translates into better revenue.

[stefindub]

HTML: A good basis for accessibility - Learn web development | MDN

You should now be well-versed in writing accessible HTML for most occasions. Our WAI-ARIA basics article will help to fill gaps in this knowledge, but this article has taken care of the basics. Next up we'll explore CSS and JavaScript, and how accessibility is affected by their good or bad use.

Semantic HTML makes code more intuitive for search engines, easier to understand to accessibility devices, and easier to maintain to web developers.

Moreover, pages are lighter in file size than non-semantic code. 

Last but not least, the code is easier to make responsive

[stefindub]

A Technical SEO Guide to Lighthouse Performance Metrics

Find everything you need to know about Lighthouse: what it is, why it matters for Core Web Vitals, and how to use it for performance testing.

Good development = Good SEO = increased revenue

[stefindub]

Designing Inclusive Content Models

You may not realize it, but your site might be actively discouraging user engagement because your content models are shaped by bias. Daniel Carter and Carra Martinez are here to help you to underst…

[stefindub]

Webmaster Guidelines | Google Search Central  |  Google Developers

Follow Google's Webmaster Guidelines, including quality and SEO guidelines, designed to help Google better find, index, and rank your site.

Good code = good positioning in search results

How a clearly structured page has the requirements suggested to comply with Advanced SEO’s guidelines. 

A good design should never only aim at search engines, because a user centered design also makes Google happy. But ensuring good code and good information architecture also means better ranking, so that is a win-win situation. As an example of properly structured code: “Ensure that your <title> elements and alt attributes are descriptive, specific, and accurate.“ and about good Information Architecture:

“Make your site's important content visible by default. Google is able to crawl HTML content hidden inside navigational elements such as tabs or expanding sections. However, we consider this content less accessible to users, and recommend that you make your most important information visible in the default page view.” “Design your site to have a clear conceptual page hierarchy.“

[stefindub]

Learn CSS Flexbox by Building 5 Responsive Layouts

Here's a practical guide to help you learn CSS Flexbox in 2021 by building 5 responsive layouts. Let's dive right in.🥇 Table of Contents Flex-Box Architecture Setup Level-1 Level-2 Level-3 Level-4 Level-5 Conclusion You can check out the Figma design here You can also watch this tutorial on my YouTube

Especially important considering the Google Mobile-First Index revolution

[stefindub]

Webmaster Guidelines | Google Search Central  |  Google Developers

Follow Google's Webmaster Guidelines, including quality and SEO guidelines, designed to help Google better find, index, and rank your site.

Alt attributes on image tags: for a more inclusive web, but it also has positive repercussions on SEO rankings. One of the factors listed in the guidelines is: “Ensure that your pages are useful for readers with visual impairments, for example, by testing usability with a screen-reader.“

[stefindub]

What are screen readers and how they enable blind people to surf the internet? - accessiBe

What are screen readers and how they enable blind people to surf the internet?

Are you ready to let go   7+ millions people because of bad accessibility of a website?

It is interesting to check out a website on a different perspective https://www.nvaccess.org/download And not so different, because people who only in the US rely on an assisted browsing experience device are a lot. “Almost 7.3 million Americans rely on this device for fully accessing the web. Screen readers play an essential role in conveying all the information that sighted users see, through a format that non-visual users are able to consume, such as text-to-speech and Braille.”

[stefindub]

How My Musical Training Has Helped Me Learn How to Code

You might be thinking to yourself, what does music have to do with learning how to code? Well, as a professional oboist, I have noticed a lot of parallels between studying music and studying programming. Both require a lot of focus, discipline, and perseverance to become great. Here are some

[stefindub]

Goodbye Flash

“Adobe will block Flash content from running in Flash Player beginning 12 January 2021, Adobe strongly recommends all users immediately uninstall Flash Player to help protect their systems.”

https://www.adobe.com/ie/products/flashplayer/end-of-life.html

[stefindub]

36 Inspiring Quotes On Typography That Every Designer Should Live By

Los Angeles-based graphic designer Bill Dawson has designed a wonderful collection of posters featuring typography quotes from famous designers and type

[stefindub]

Nearly there! I have almost completed the Responsive Web Design Certification in FreeCodeCamp https://www.freecodecamp.org

[stefindub]

If we think that what happens on our website is volatile, and can be easily forgotten, this is a website is a repository which records everything that happened in the website’s history

[stefindub]

Top 5 Web Design Agencies in the World — October 2020

Hire the best web design agency. Explore our list of the top website design companies to find the best web design firm in the world.

"Never Settle For Second Best”