clubmate.fi

A good[ish] website

Web development blog, loads of UI and JavaScript topics

HomeCategoriesTags

Posts filed under the category UI components

  • Highly reusable tabs with compound components
  • Accessible tabbed navigation with React
  • Perfect iframe React component
  • Simplest way to style list bullets with Unicode characters
  • How to make a sortable data table using React
  • Filterable list with React
  • How to resize HTML elements: with few lines of CSS, using a React hook, or with pure JavaScript
  • Make any HTML element editable with contenteditable attribute
  • Accessible and modern React icon component
  • How to handle icons in a React in 2021 | The technological singularity
  • Strip all styling from a button and make it look like text
  • Visually hidden text, only visible to screen readers
  • Sticky footer done with simple CSS
  • How to make form element label clickable
  • 100% height columns & fixed width sidebar: pure CSS solutions to common fluid layout problems
  • Sass mixin to make a button element look like a normal link
  • 100% height sidebars without images, unsemantic HTML elements, or flexbox
  • Fluid multi column layout revisited
  • Fluid multi column layout where sidebar and margins stays fixed width, without JavaScript
  • How to do a back link with JavaScript (and PHP)
All categories
  • © 2022 Antti Hiljá
  • About
  • All rights reserved yadda yadda.
  • I can put just about anything here, no one reads the footer anyways.
  • I love u!