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 1203 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 1203 7
Last post

Popular Frontend topics Top

First poster: bot
Frontend>Blogs/Talks

A WebAssembly Powered Augmented Reality Sudoku Solver
A WebAssembly Powered Augmented Reality Sudoku Solver. An Augmented Reality Sudoku solver using the WebAssembly build of OpenCV (a C++ ...
blog.scottlogic.com
/wasm
0 1026 0
New
First poster: bot
Frontend>Blogs/Talks

Acrobat on the Web Powered by WebAssembly
PDF documents are a major part of our digital lives and, in an era where we spend most of our time working inside a web browser, enhancin...
dzone.com
#web/wasm#pdf#adobe
0 993 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 1684 3
New
First poster: bot
Frontend>Blogs/Talks

HTML over the wire (2020)
You can write fast, modern, responsive web applications by generating your HTML on the server, and delivering that (with a little help) d...
m.signalvnoise.com
/ruby/rails/html
0 1135 0
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 1101 0
New
First poster: bot
Frontend>Blogs/Talks

Is WebAssembly magic performance pixie dust?
Add WebAssembly, get performance. Is that how it really works? The incredibly unsatisfying answer is: It depends. It depends on oh-so-ma...
surma.dev
#performance/wasm/assemblyscript
0 1035 0
New
First poster: bot
Frontend>Blogs/Talks

Everyone Has JavaScript, Right?
View in full here: https://kryogenix.org/code/browser/everyonehasjs.html This thread was posted by one of our members via one of our ne...
kryogenix.org
/js
2 835 0
New
First poster: bot
Frontend>Blogs/Talks

Old CSS, New CSS (2020)
I first got into web design/development in the late 90s, and only as I type this sentence do I realize how long ago that was. And boy, i...
eev.ee
#css
0 741 0
New
StuntProgrammer
Frontend>Blogs/Talks

Retry XMLHttpRequest Carefully
It’s rare to see a web app that doesn’t use XMLHttpRequest (or fetch, the new API with comparable capability). XMLHttpRequest (which we c...
lofi.limo
#blog-post
5 783 0
New
First poster: OvermindDL1
Frontend>Blogs/Talks

Tailwind is a Leaky Abstraction
I have to admit: as I’ve watched Tailwind enthusiastically adopted by more and more of the frontend community, I’ve remained skeptical. B...
jakelazaroff.com
/tailwind
29 1102 12
New

Other popular topics Top

AstonJ
General Dev>Code Editors

Onivim 2 Code Editor
Thanks to @foxtrottwist’s and @Tomas’s posts in this thread: Poll: Which code editor do you use? I bought Onivim! :nerd_face: https://on...
#code-editors/onivim/revery
88 5364 32
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 3675 3
New
AstonJ
General Dev>Dev Chat

Languages Without Garbage Collection
Continuing the discussion from Thinking about learning Crystal, let’s discuss - I was wondering which languages don’t GC - maybe we can c...
#garbage-collection
21 4800 7
New
Margaret
General Dev>Dev Chat

PragProg’s Medium Posts
Hello everyone! This thread is to tell you about what authors from The Pragmatic Bookshelf are writing on Medium.
#pragprog#blog-post
1143 25883 760
New
Maartz
General Dev>Dev Chat

Roc Language - a new purely functional programming language built for speed and ergonomics
Hi folks, I don’t know if I saw this here but, here’s a new programming language, called Roc Reminds me a bit of Elm and thus Haskell. ...
#programminguages#functional-programming
49 4462 14
New
AstonJ
General Dev>Code Editors

Doom-Emacs: Can't find emacs in your PATH
If you get Can't find emacs in your PATH when trying to install Doom Emacs on your Mac you… just… need to install Emacs first! :lol: bre...
#macos/emacs#doom-emacs
4 4891 0
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Jamis Buck (Author) Interview and AMA!
Author Spotlight Jamis Buck @jamis This month, we have the pleasure of spotlighting author Jamis Buck, who has written Mazes for Prog...
#author-spotlight/ruby/book-the-ray-tracer-challenge/book-mazes-for-programmers
21 5598 9
New
First poster: CommunityNews
AI>In The News

How to fix the eyes in AI-generated images
aidemos.info
0 3038 0
New
CommunityNews
General Dev>In The News

Review of Linux on Minisforum V3 AMD Ryzen Tablet
A Brief Review of the Minisforum V3 AMD Tablet. Update: I have created an awesome-minisforum-v3 GitHub repository to list information fo...
mudkip.me
#linux#review#amd
0 1782 0
New
sir.laksmana_wenk
Game Dev>Questions

I want to learn how make a game, but where should I start?
I’m able to do the “artistic” part of game-development; character designing/modeling, music, environment modeling, etc. However, I don’t...
#game-dev
14 1353 8
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.

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'll 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.

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'll 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