How Relearning HTML Gave Me New Insights as a Web Developer

I’ve worked on websites for several years, both professionally and for side

projects. One day, I reflected on the fact that all of my web development

education had come from actually making websites. In most cases, I’d have a specific problem, Google how to solve it, and learn something new in the

process.

I wondered what I was missing by never learning HTML in a comprehensive way. Forget CSS and JavaScript. I’m just talking about raw HTML. It might seem silly to go back to such a basic aspect of web development after a decent amount of experience, but it’s easy to become overconfident with a skill just because you know enough to do a few useful things.

So I decided to relearn HTML and discover my unknown unknowns.

Experience

For context, I made my first website in middle school for a class project. We

learned basic HTML, and embedding an MP3 song felt like magic. But I didn’t touch web development again until college. I made a lightweight news aggregator called The Daily Lore that’s still running (I preserved the original version).

Since then, I’ve worked on two websites professionally, one website for a

nonprofit, this personal website, and a few small websites for side projects, such as Make a README.

Introduction to HTML5

I don’t consider myself to be a web development expert based on just that

experience, but I surely had far more knowledge than the typical student for Coursera’s Introduction to HTML5 course. I started the course expecting to know a lot of the content already, since it was designed for complete beginners with no programming backgrounds.

As I went through the material, I did in fact know a lot of it already, but it was still a good refresher for two points in particular: the importance of using semantic elements and what to think about in terms of accessibility.

I’ve always had a bad habit of using generic

<div>elements to make what I need, rather than semantic elements that represent specific content, like theheaderandfooterelements.

Accessibility was also something I had never considered in depth. I knew that images should have alt descriptions, and that was about it. One of the course’s key points is that using the appropriate semantic elements is important to making a site more accessible.

For example, people who use screen readers can jump around using heading elements (

<h1>through<h6>), so it’s important to use them and make sure they’re in the correct order. It’s wrong to use them only to make text bigger because their real purpose is to define the structure of the content. They’re like a table of contents

Instead of headings, we could use

<p>elements and alter their font sizes with CSS to create a website that looks identical, but it’d be less semantic and less accessible. There is more to web development than making websites look the way we want. It’s important to make the content_mean_what we want as well.

Accessibility isn’t just about improving how websites work with screen readers. We should think about font size, font style, and color contrast for people who have visual impairments or color blindness. We should consider that people who have hearing loss may have a harder time recognizing that audio or video is playing. We should make tab navigation work well for people who rely primarily on the keyboard, perhaps because they have a difficult time using a mouse. When we add animations, we should take care to avoid ones that make it more difficult for someone to actually use the website, such as animations that change the page layout in the middle of interactions. And we should consider when a page is overloaded with too much information or too many elements, making it hard for people to understand things or how to actually use the website.

It’s easy to forget about accessibility, but we should strive to make websites work well for as many people as possible. Accessibility also goes hand in hand with usability and search engine optimization. The course points out that improving one frequently means improving all the others.

1

Reading the Documentation

I have a friend who is probably the only person I know who has read the entire NFL rulebook (the 2020 version is 87 pages long). Watching football with him was fun because he was so good at understanding nuances to the game and weird situations. I figured there was a similar opportunity for me with HTML.

The strict equivalent would have been to read the HTML standard for every HTML element, but I decided to read the MDN documentation for every element instead since MDN has a lot of information about browser compatibility and using elements in practice. I read the entire page for each element, took notes, and made Anki cards for the bits that I wanted to commit to memory.

There were many deprecated elements that I only skimmed through, and I didn’t bother to take notes for those, but dozens of standardized elements and attributes were totally new to me.

I didn’t intend to come out of this experience as a master of HTML, and I still have to apply what I’ve learned (including to this website), but I find it useful just to be aware of what is available. Even though I can’t recall all the details about using a picture element, I know it exists now, and I can always look up the details later during implementation. It’s a categorical difference from not being aware of it at all and using a plain

<img>for all cases because I don’t know any better.

Observations

As I read the documentation, some things were particularly interesting to me, and I had some observations.

The address element is for contact information in general, not just physical mailing addresses.

The definition element represents the term that is being defined, rather than the definition itself.

There is a whole set of ruby elements that are primarily used to show the pronunciations of East Asian characters.

The track element provides a standard way to embed timed text tracks for video and audio. I had never heard of the WebVTT (Web Video Text Tracks) format before.

The Future of HTML

As I read through the documentation, it kept making me consider the question of how HTML should evolve. Browsers keep gaining more and more functionality, to the point that they are becoming more like operating systems. There’s even an experimental API for connecting to Bluetooth devices.

Wikipedia is the perfect website for what HTML was originally designed for:

mostly static documents that are connected through hyperlinks. But now we use the browser to deliver full applications, like Figma, which is a design tool that effectively runs C++ code in the browser by compiling it to WebAssembly.

#html #html5 #learning #accessibility

What is GEEK

Buddha Community

Top Responsive Web App Development Company in USA

AppClues Infotech is a well known web application development company. We help you to redefine your technological environment in this constantly changing digital age and competitive scenario. We specialize in developing customer centric web applications and provide you with enhanced web app development services as well as modern app marketing services which are focused to drive effectiveness and efficiency to your business.

We have team of creative website developers, designers, testers and quality engineers help businesses to operate their day-to-day activities actively. We serve superb app design & development services with great ease and awareness. With our responsive website design services, we provide user-friendly experience across all platforms (desktop, tablet, mobile).

Want A Beautiful Web App? We build 100% Responsive, Mobile Friendly, Professionally designed websites Loved By Clients & Google.

For more info:
Website: https://www.appcluesinfotech.com/
Email: info@appcluesinfotech.com
Call: +1-978-309-9910

#top responsive web app development company in usa #top web development companies in united states #best web development company usa #web application development company usa & india #web app development company in new york #top web app development company

Develop An Unique Web App for your Firm

Web app represents the particular firm or organization for which it is developed. With the help of a web app, the firm owner can promote and increase their business by reaching more and more customers for their website or web app.

Every firm or organization must have its own web app to represent their company, what they do, what they provide users feedback, and a lot more. If you have your web app then users can know your company deeply and they can also show interest in your company.

To develop a unique web app contact Nevina Infotech that is the best web application development services provider company, that can help you to develop the web app for your firm as per your requirement.

#web application development company #web application development services #web app development company #custom web application development company #web app development services #web application development agency

Find the best web app development company for your Startup

A web app is the best way to promote their business for startups. You can’t verbally go and tell everyone to visit your company, but your website or web app can do that. A web app can represent your company, and the visitors who are visiting your website or web app will get knowledge about your firm. Doing this can help you to increase your customer rate.

Nevina Infotech is the best web app development company to choose for developing your web app for your startup. We have a great team of web developers to work with. Our developers are dedicated and enthusiastic in their work.

#web application development company #web application development services #web app development company #custom web application development company #web app development services #custom web application development services

Best Web Development Institute in Delhi - Online Course

If you want to pursue a career in Web Development, then you must opt for a Web Development course in Delhi. The Best Web Development Institute in Delhi is offered by Web Development colleges or institutions. They are designed to give you the necessary training to start a Web Development company or a web design business. These courses are generally provided by Techstack and other institutes in Delhi like APTRON, ADMEC, Next G Education etc. contact them and get the best online training in India. These institutes offer the basic courses with advanced level of courses.

Their courses help you learn Web Development and web marketing. The Best Web Development Institute in Delhi will enable you to understand the basic requirements of web design and Web Development. You can also enhance your web design skills through these Web Development courses in Delhi. The Web Development training in Delhi from an experienced Web Development institute in India will teach you Web Development principles and methods through their live projects. This course in Delhi from an institute of good repute has a host of practical, theoretical and educational lessons which can be followed closely. These Web Development training institutes in Delhi can be followed up with classroom learning.

Best Web Development Institute in Delhi:

The institute, which you select for training in Delhi can decide the schedule of classes. Some Web Designing institutes provide you with the opportunity of choosing a particular institute for online training also. In this case, you would be able to find Web Development courses in Delhi conducted by that institute. The course work of these institutes is generally taught in a classroom setting. Most of these institutes conduct both classroom sessions and web-based courses.

You can take Web Development training in Delhi from an institute which offers you real world-class online training. The Techstack Academy conducts its Web Development training in a traditional manner. Students can create their own applications using the modern lab environment provided at the best institute. Many institutes conduct their web-based online course in a modern lab setup. They have a number of modern labs where students can interact with their teachers and fellow students of the same institute. This interaction helps the students identify and grasp concepts in an easy manner.

In the Web Development training in Delhi from an institute of good repute, students can choose between Web Development with live projects, web design and Web Development with prototypes with manual coding. The students can choose the best course for them depending on their goals and preferences.

Also Read: Web Development Course in Delhi (#1 Best Training Institute)

With regard to Web Development training in Delhi, the first step that the students have to take is to register themselves at the Best Web Development Institute in Delhi of their choice. Once they are registered, they can choose the course of their choice. Some of these training centers offer intensive training while some do not offer any specialised training and hence students can easily find an online training institute in Delhi NCR also that suits their needs.

In order to get a web designing course in Delhi, one has to follow certain rules. First of all, the students need to contact the Web Development training centre in Delhi and register themselves for the course. The Best Web Development Institute in Delhi may conduct an interview process or conduct a web-course interview. The institute needs to understand the skills that the student possesses. Students can look forward to a bright career in web designing courses in Delhi as they can secure a number of jobs after completing their courses.

#web designing course in delhi #web development institute in delhi #web development training in delhi #web development course #web development institute #best web development institute in delhi

Get the best web app that can fulfil your business needs

A web app is a type of app that can help you to represent your business. A web app is everything you need for your company’s growth because you can promote your business with its help. With its use, you can show the customers what products you have and come to know about your firm.

You can hire Nevina Infotech to develop your web app for your business. We are the most famous company for developing web apps because we also provide web application development services. We have a great team to work with to build your web app.

#web application development company #web application development services #web app development company #custom web application development company #web app development services #web application development agency