• Home
  • About
  • Projects
  • Blog
  • Notion
  • Snippets
Contact
Back to overview

Web features we might not know

Web
article cover
  1. Dialog
  2. Container Query
  3. Color Mix
  4. :focus-visible
  5. Array Last Element
  6. Deep Clone

Dialog

Loading Code Editor

Container Query

Loading Code Editor

Color Mix

Loading Code Editor

:focus-visible

accessibility friendly way handle focus for form inputs and buttons.

.btn:focus-visible {
  outline: 1px solid bisque;
}

.btn:focus:not(:focus-visible) {
  outline: none;
}

Array Last Element

arr.at(-1); // the last element

Deep Clone

const newObj = structuredClone(oldObj);

Staff Engineer in VMware

Learn, think, share, collaborate.
Make a progress every day.

Contact
guanghui-wang@foxmail.com
Contact
Sitemap
  • Home
  • About
  • Projects
  • Blog
  • Snippets
All rights reserved © Guanghui Wang 2022