HTML is short for HyperText Markup Language. It is a computer language used to create websites. A link or hyperlink is a special text that’s “linked” to another page. This allows navigation through the web.
It is called HyperText because as what “hyper” connotes, you can go to any place on the Internet where links lead you in no particular sequence. Markup specifies the code for formatting, both the layout and style, within a document. Using tags, content is formatted into italics or bold, for example.
HTML is constantly evolving to meet the demands and requirements of the ever-growing Internet under the direction of the World Wide Web Consortium(W3C). The current version is now HTML5. Below are some useful HTML resources I’ve collected.
Quick, what’s the code for ©? No need to grab that book or search online, go to HTMLSymbols and Entity Code. It has a complete list of all HTML symbol entities and their equivalent names and numbers. They grouped the entities into tabs, and each entity has a description of what the symbol is used for.
Got an HTML5 website project? No need to start from scratch. HTML5 Boilerplate is a ready-to-use template. The template includes the latest version of jQuery and Normalize CSS to get you ahead of the task.
Use QuackIt’s HTML Table Generator.
As a home-based web developer, it is common to get a project that will test not just your skills but also your will to solve problems. Recently, I was assigned to rip off a specific site’s audio player built with HTML & CSS. But the code that runs the player is nowhere to be found. That really complicates what is otherwise just a few minutes’ worth of tasks.
HueBee is perhaps the simplest and user-friendliest color picker.
AreYouSure is a jQuery plugin that detects and alerts users to unsaved changes if they attempt to close the browser or navigate away from the page.
Here are JS based editors: SummerNote, Trumbowyg and MediumEditor.
jQuery.Payment, is specifically built for credit card and number formatting and validation. It formats the input as it is being typed! The strength of Formance.js is data formatting and validation. It is actually based on jQuery.Payment but the validation is extended to string inputs.
Wouldn’t it be nice if the email input is also checked for typos or misspellings? That’s what MailCheck exactly does and more. It also offers suggestions. See it live in action at KickStarter’s sign up form.
jQuery Validation, Validate.js, Parsely, and Validetta are general-purpose validators. The error notifications are displayed inline. Parsely, on top of the individual field’s errors, it also shows a bulk error message on top of the form. You can configure both Parsely and Validetta to show floating alerts.
jQuery.validationEngine, is a jQuery-dependent library and is my favorite. It doesn’t generate any conflicts and presents eye-pleasing error messages. Its documentation is also comprehensive. However, credit card validation is weak. Luckily, it can be integrated with third-party specialty scripts such as jQuery Credit Card Validator via the funcCall feature.
If you’re a BootStrap fan, Smoke is for you. Check the demo here.
ESLint, JSLint and JSHint are free JS code debuggers.
Google hosts JS libraries here. Other alternatives are CDNJS and jsDelivr.
Affiliate Disclosure: Post may contains affiliate links. If you use these links to buy something we may earn a commission. Thank You.