Understanding why Semantic HTML is important, as told by TypeScript

What a great technological analogy by Mandy Michael. A reminder that TypeScript…
makes use of static typing so, for example, you can give your variables a type when you write your code and then TypeScript checks the types at compile time and will throw an error if the variable is given a value of a different type.
In other words, you have a variable age that you declare to be a number, the value for age has to stay …
The post Understanding why Semantic HTML is important, as told by TypeScript appeared first on CSS-Tricks.

Link: https://medium.com/@mandy.michael/understanding-why-semantic-html-is-important-as-told-by-typescript-bd71ad41e6c4

Textarea Tag Busted

The textarea is an HTML tag mostly used for messages and comments. It is very similar to inputs, but, because it provides an option to have more than one line of text, it is not presented as input [type=”textarea"].
In this post, we’ll go over all the options for using this tag, along with some often asked questions about it.

Link: https://dzone.com/articles/textarea-tag-busted?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Develop Your First Google Chrome Extension Using HTML and jQuery

Chrome extensions are small programs (using HTML, JavaScript, jQuery), written basically to add additional functionality to the Chrome browser. You can download and find all Google Chrome Extensions in the Chrome Web Store (formerly the Google Chrome Extensions Gallery). As per Wikipedia, by February 2010 over 2,200 extensions had been published by developers.
If you check the Chrome web store, you will find a lot of Chrome extensions. You can check this out using this link.

Link: https://dzone.com/articles/develop-your-first-google-chrome-extension-using-h-1

The Big Bang of Web Development: Let’s Talk About Accessibility

I want to take a break from the code focused session to talk about an important topic – accessibility. I was only recently enlightened as to how important this is at a conference I attended in April. Before we get too deep into this, if you want to review the coding stuff (as I will mention it occasionally in this post), review these posts:
1: Starting at index.html

Link: https://dzone.com/articles/the-big-bang-of-web-development-lets-talk-about-ac?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Live Editing HTML and CSS With Chrome DevTools

Chrome DevTools is a powerful suite of web development tools built right into the Chrome browser. One of the most useful features of DevTools for web developers is the ability to live edit the HTML and CSS on a page. This functionality allows any developer, even those with weaker HTML and CSS knowledge, to quickly prototype and iterate on potential changes to a web page.
While working on Lucidchart, one of my recent projects was to add some check marks into the inputs where users fill in their billing information in order to convey immediate feedback when the users entered properly formatted and valid information. Even though I am more comfortable working in our backend code than I am with CSS and HTML, I was able to easily implement these check marks with the power of live editing.

Link: https://dzone.com/articles/live-editing-html-and-css-with-chrome-devtools?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev