DEV Community

joedev090
joedev090

Posted on

2

Html Tags for frontend developers

Some web developers doesn't have enough time to check some useful html tags that can save us time in our applications.

  1. Datalist
  2. The "datalist" html element provides an autocomplete interface for "input" elements. It contains a set of elements that have an associated value.

    datalist resource

  3. Details
  4. The accordions are very common UI element in websites or applications when we need to show lot of data, such as a questions page. By using the "details" element alongside "summary", we can achieve the same effect without JavaScript. Clicking the summary will toggle the rest of the content.

    details resource

  5. ColorPicker
  6. When we want to add a colorPicker element, most of time we have implemented it with a Javascript library or Jquery (a little bit faster). In html we can use this type of input (type="color") to provide a user interface element that lets a user specify a color.

    input color resource

  7. Progress
  8. One of the more surprised for me is the "progress" element. It displays an indicator showing the completion progress of a task.

    progress bar resource

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay