Juan Olvera

Front-end Web Developer at adWhite, CSS junkie, JavaScript hipster and Python wannabe
Find me on:

Recent Posts

What Are Alt Tags?

Rule number one for alt tags: they are not alt tags, they are alt attributes, also called alt text. A tag is an HTML element, for example, `<img src=“logo.jpg”>` and along with the alt attribute it looks like this: `<img src=“logo.jpg” alt=“adWhite’s logo”>`. 

The alt attribute helps to explain what the image is about to people who can’t see it. For example, when a visually impaired person is using a website, a screen reader can read out loud the alt attribute, giving the user context about the image.

Search engines use the alt attribute for the same purpose. That’s why some people recommend including keywords in the alt attribute. But be aware: the use of keywords that convey no context in the image in alt attributes can hurt the SEO instead of improving it. This is called keyword stuffing.

Life Without Google & Chrome

It’s been almost three years since I switched entirely to Firefox and two years since I made DuckDuckGo my default search engine in all my browsers. 

It wasn’t easy and the change happened in phases. 

I started using Google Chrome the day the beta version was released to test it. I soon became an advocate of its use. It wasn’t an easy change. My bank website didn’t work and required me to use Internet Explorer. Similar useful websites didn't work well with the new browser either. However, people started using it because it was the best out there, even better than Firefox … at the time.

However, in recent years with the increase of privacy awareness, and knowing how Google interconnects all products and shares personal data, I decided to look for an alternative. I didn't think I needed a complete replacement but something that could let me switch over if I wanted to.

Even though I know people find it a fair trade to give their data in exchange for the benefits that Google provides with their services (Gmail, Google Maps, Google Analytics), I prefer to keep my private life private.

3 Main Types of Websites: Which is Right for You?

The web we see on our screens will be always rendered the same way, with HTML, CSS and JavaScript. Even when we use different languages in the back-end like PHP, Node or Python, everything renders into the same HTML, CSS, JavaScript combo.

But with the modernization of these tools there are new ways to create websites. The most popular methods to build websites are:

  • Static websites. The same as always, writing HTML, CSS and JavaScript using a text editor.

  • CMS. A prebuilt set of tools that helps us to write, structure and present the content the way we want with less technical knowledge.

  • Site builders. This is a tool for people who can’t code. Users can drag and drop components and create a basic layout in hours, sometimes even minutes.

Website links and buttons: what’s the difference?

One of the more often misused elements of the web is, ironically, the foundation of the web itself.

When we create web products, we want to make them easy for everybody to use. At the same time, we want to draw the user’s attention so they can act on something that could benefit the owner of the website. For example, we might style a link like a button to grab more attention and redirect the user to a landing page after clicking it.

Often the means we use to accomplish such actions diminish the results of the original goal.

Our favorite Mac (macOS) Productivity Tools

As a developer at adWhite, I spend a lot of time working on my Mac and it's hard not to start making a mental list of things I'd like to improve on that would make my daily tasks go smoother and more efficiently. Operating systems do a great job to provide basic tools for computer shortcuts and streamlining basic tasks, but as your needs grow, you need more specialized tools.