Frontend>Blogs/Talks

HTML Tips (2020)

CommunityNews

CommunityNews

HTML Tips (2020)

In this article, I will share with you some very useful HTML tips . Enjoy!
** Post will be updated regularly with new tips!*

  1. The loading=lazy attribute
  2. Email, call, and SMS links
  3. Ordered lists start attribute
  4. The meter element
  5. HTML Native Search
  6. Fieldset Element
  7. Window.opener
  8. Base Element
  9. Favicon cache busting
  10. The spellcheck attribute

Read about the rest here:

This thread was posted by one of our members via one of our news source trackers.

7 comments
/html
30 1499 7

Most Liked

AstonJ

AstonJ

Good point! Maybe it would be a good idea if the author included a note about compatibility with each item in the list as well. Modern browsers are usually quite good (tho Safari is becoming a bit like IE!)

4
Post #5
OvermindDL1

OvermindDL1

According to:
https://caniuse.com/datalist

It works in the TR of Safari, so “soon” I guess, and it “works” in firefox in certain contexts right now, but not other contexts.

4
Post #7
GermaVinsmoke

GermaVinsmoke

Yeah, the datalist tag in #5 doesn’t work in Firefox and Safari.

3
Post #6

Where Next?

View thread on forum
html
Home Frontend>Blogs/Talks
/html
30 1499 7
Last post

Popular Frontend topics Top

First poster: bot
Frontend>Blogs/Talks

Two ways you can take advantage of types in JavaScript (without TypeScript)
Two ways you can take advantage of types in JavaScript (without TypeScript) - The Blinking Caret. This blog post describes how you can e...
blinkingcaret.com
/typescript/js
0 1085 0
New
First poster: bot
Frontend>Blogs/Talks

Stork Turns One: Building a search tool for static sites with Rust and WebAssembly
Stork Turns One: Building a search tool for static sites with Rust and WebAssembly • jameslittle.me. Stork, my web search side project, ...
jameslittle.me
/rust/wasm
0 1130 0
New
First poster: bot
Frontend>Blogs/Talks

WebAssembly Search Tools for Static Sites
The challenge of searching static websites is effectively a solved problem with brilliant, yet widely unadopted, solutions. These projec...
healeycodes.com
/wasm
0 1045 0
New
First poster: bot
Frontend>Blogs/Talks

Solving the Tower of Hanoi with recursive Svelte templates
The Tower of Hanoi is a classic mathematical puzzle that is often used as an introduction to recursion. We can express a solution to this...
geoffrich.net
/svelte
0 1367 0
New
First poster: bot
Frontend>Blogs/Talks

Why we chose Elm for Humio’s web UI
Humio software engineers Thomas Anagrius and Jeroen Engels sat down to talk about why they got involved with Elm for web-based front-end ...
humio.com
/elm#web
0 1245 0
New
First poster: bot
Frontend>Blogs/Talks

The Suspense is Killing Me: Part 1
If you are a long-time React user, you might be wondering for the past few years about when Concurrent Mode/Suspense will ship. The plans...
blog.6nok.org
/react
0 1172 0
New
First poster: bot
Frontend>Blogs/Talks

ES2021 Features
ES2021 features list as approved by the Ecma General Assembly Logical Assignment Operators (&&= | Numeric Separators (1_000) ...
h3manth.com
/js
0 1486 0
New
AstonJ
Frontend>Blogs/Talks

Learn CSS Grid and Flexbox - the easy way
I can’t remember who was asking about CSS tuts now… but these just showed up on my YouTube feed and look pretty good/up to date :023:
youtube.com
#css#video#flexbox
18 1917 7
New
First poster: bot
Frontend>Blogs/Talks

Why your website should work without JavaScript
Why in 2021 would you bother making a website without js? While researching this post I found two really great sources of information. S...
endtimes.dev
/js
0 973 0
New
mssantosdev
Frontend>Blogs/Talks

Creating a Frontend Style Guide with Phoenix Components
Our take on how to build a frontend style guide with Phoenix Components, Atomic Design and plain CSS, with focus on reusability and code ...
readyforproduction.dev
/elixir/phoenix#blog-post
2 929 0
New

Other popular topics Top

PragmaticBookshelf
Hybrid>Learning Resources

Programming Flutter
Instantly view the changes you make to an app with stateful hot reload, and define a declarative UI in the same language as the app logic...
pragprog.com
#pragprog/book-programming-flutter#published-book/flutter
11 4501 1
New
PragmaticBookshelf
Backend>Learning Resources

Web Development with Clojure, Third Edition
Stop developing web apps with yesterday’s tools. Today, developers are increasingly adopting Clojure as a web-development platform. See f...
pragprog.com
#pragprog#web-development/clojure#published-book/book-web-development-with-clojure-third-edition
5 4584 1
New
AstonJ
General Dev>Hardware

Planck vs Preonic vs Subatomic (Keyboards)
I ended up cancelling my Moonlander order as I think it’s just going to be a bit too bulky for me. I think the Planck and the Preonic (o...
/keyboards#mechanical-keyboards#ortholinear#planck#preonic
105 17596 47
New
AstonJ
General Dev>Dev Chat

How fast do you type? Check your WPM here!
Do the test and post your score :nerd_face: :keyboard: If possible, please add info such as the keyboard you’re using, the layout (Qw...
typing-speed-test.aoeu.eu
/keyboards
82 7682 31
New
dimitarvp
macOS>Chat

My thoughts on macOS vs Linux
Small essay with thoughts on macOS vs. Linux: I know @Exadra37 is just waiting around the corner to scream at me “I TOLD YOU SO!!!” but I...
#macos#linux
166 9730 69
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Mike Riley (Author) Interview and AMA!
Author Spotlight Mike Riley @mriley This month, we turn the spotlight on Mike Riley, author of Portable Python Projects. Mike’s book ...
#author-spotlight/python#iot/book-portable-python-projects#internet-of-things
62 7035 19
New
First poster: CommunityNews
AI>In The News

How to fix the eyes in AI-generated images
aidemos.info
0 4508 0
New
PragmaticBookshelf
Backend>Learning Resources

Programming Ruby 3.2 (5th Edition)
Programming Ruby is the most complete book on Ruby, covering both the language itself and the standard library as well as commonly used t...
twitter.com
#pragprog/ruby/rails#published-book/book-programming-ruby-3-2-5th-edition
28 8550 13
New
PragmaticBookshelf
Backend>Learning Resources

Advanced Functional Programming with Elixir
Use advanced functional programming principles, practical Domain-Driven Design techniques, and production-ready Elixir code to build scal...
joekoski.com
#pragprog/elixir#published-book#functional-programming/book-advanced-functional-programming-with-elixir
43 4989 22
New
CommunityNews
Game Dev>In The News

Grand Theft Auto: Vice City | DOS games in browser
Open-source implementation of the classic GTA engine now running directly in your browser. Experience the reVC technology demo on DOS.Zon...
dos.zone
#games#browser
0 173 0
New
Back to top

Sponsor Spotlight

EEF

Supporting innovation across the BEAM ecosystem.

Latest in HTML

HTML Portal ❯

Frontend>Blogs/Talks

Frontend Blogs/Talks ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap