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

AstonJ
Frontend>Blogs/Talks

The Stimulus 2.0 Tutorial
By @kobaltz Here’s a related thread about StimulusReflex - an exciting new way to build modern, reactive, real-time apps with Rails.
forum.devtalk.com
/js#stimulus
0 1281 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: AstonJ
Frontend>Blogs/Talks

JavaScript Rising Stars 2020
Welcome to the 5th edition of the JavaScript Rising Stars, our annual round-up of the JavaScript landscape! The concept is the same as b...
risingstars.js.org
/js
3 1594 2
New
First poster: bot
Frontend>Blogs/Talks

A Model for Reasoning About JavaScript Promises (2017)
In JavaScript programs, asynchrony arises in situations such as web-based user-interfaces, communicating with servers through HTTP reques...
franktip.org
/js
0 1325 0
New
First poster: dimitarvp
Frontend>Blogs/Talks

The future of web software is HTML over WebSockets
The future of web-based software architectures is already taking form, and this time it’s server-rendered (again). Papa’s got a brand new...
alistapart.com
/elixir/phoenix#web/html#websockets
14 1999 3
New
First poster: bot
Frontend>Blogs/Talks

On OCaml and the JS platform
ReScript, née BuckleScript, is a state-of-the-art compiler that used to target OCaml (and Reason), but is fast moving away from its paren...
anmonteiro.com
/ocaml
2 1345 0
New
First poster: bot
Frontend>Blogs/Talks

_hyperscript: A jQuery and JavaScript Alternative
VanillaJS v. jQuery v. hyperscript Below are comparisons of how to implement various common UI patterns in vanilla javascript, jQuery an...
hyperscript.org
/js#jquery
0 1299 0
New
First poster: AstonJ
Frontend>Blogs/Talks

An animated & interactive guide to building Tetris in ClojureScript
;; This is an animated & interactive guide to ;; building a game in ClojureScript, because ;; I find the design patterns very intere...
shaunlebron.github.io
#guide
6 1085 2
New
First poster: bot
Frontend>Blogs/Talks

How JavaScript Works: the evolution of graphics
In this article, we will look at the fascinating evolution of graphics in browsers from the prehistoric days of the early browsers. We wi...
blog.sessionstack.com
/js
0 1287 0
New
First poster: bot
Frontend>Blogs/Talks

Pure CSS device fingerprinting
CSS Fingerprinting is a technique of tracking and gathering information on site visitors. This method exploits the nature of CSS to track...
csstracking.dev
#css
0 1094 0
New

Other popular topics Top

Rainer
Community>Journals

Programming Erlang Book Club
My first contact with Erlang was about 2 years ago when I used RabbitMQ, which is written in Erlang, for my job. This made me curious and...
/erlang/book-programming-erlang-2nd-edition#book-club
195 6815 95
New
PragmaticBookshelf
Game Dev>Learning Resources

Hands-on Rust: Effective Learning through 2D Game Development and Play
Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters...
pragprog.com
#pragprog/rust#published-book/book-hands-on-rust
117 10879 30
New
AstonJ
Backend>Questions

Erlang's not installing on macOS Big Sur "You are natively building Erlang/OTP for a later version of MacOSX than current version"
Just done a fresh install of macOS Big Sur and on installing Erlang I am getting: asdf install erlang 23.1.2 Configure failed. checking ...
#macos/erlang#big-sur#asdf
10 6212 8
New
AstonJ
General Dev>Hardware

BIIP MT3 Extended 2048 Custom Keycap Set (Drop)
This looks like a stunning keycap set :orange_heart: A LEGENDARY KEYBOARD LIVES ON When you bought an Apple Macintosh computer in the e...
/keyboards#apple#keycaps#mechanical-keyboards
14 6713 7
New
AstonJ
Backend>Chat

Rails console using 100% CPU in dev (fix)
If you are experiencing Rails console using 100% CPU on your dev machine, then updating your development and test gems might fix the issu...
/ruby/rails
3 4188 3
New
foxtrottwist
General Dev>Dev Chat

Warp—The blazingly fast, Rust-based terminal
A few weeks ago I started using Warp a terminal written in rust. Though in it’s current state of development there are a few caveats (tab...
/rust#terminal
52 6785 22
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Bruce Tate (Author) Interview and AMA!
Author Spotlight: Bruce Tate @redrapids Programming languages always emerge out of need, and if that’s not always true, they’re defin...
/elixir/ruby/phoenix/book-seven-more-languages-in-seven-weeks/book-seven-languages-in-seven-weeks#liveview/book-programming-phoenix-liveview
54 5678 23
New
First poster: AstonJ
General Dev>In The News

Jan: An open source alternative to ChatGPT that runs on the desktop
Jan | Rethink the Computer. Jan turns your computer into an AI machine by running LLMs locally on your computer. It’s a privacy-focus, l...
jan.ai
#desktop#chatgpt
4 5652 4
New
AstonJ
Backend>Questions

Psql: error: connection to server on socket "/tmp/.s.PGSQL.5432" failed: No such file or directory
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
#macos/rails/postgresql
1 5553 1
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 8
Get the comprehensive, insider information you need for Rails 8 with the new edition of this award-winning classic. Sam Ruby @rubys ...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-8
12 7404 7
New
Back to top

Sponsor Spotlight

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

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!"

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!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap