By Responsible Web Applications - 2021-02-16

Description

HTML and CSS Tips and Tricks for creating applications that are both responsive and accessible out of the box

Summary

  • The title for this page came from a slip of my tongue.
  • For this, I like to use a wrapper around tables and code examples which make them able to be scrolled horizontally when there is not enough space for them in the current layout.
  • In this case, the large table is shown within a container that fits within the viewport, and the user can scroll within that container in order to view all of the contents.
  • Setting focus correctly As long as you are writing only HTML and CSS, there isn't any good reason why you would want to mess with the focus within your webpage, because the semantics and structure of HTML is very well designed.

 

Topics

  1. UX (0.3)
  2. Frontend (0.22)
  3. Backend (0.08)

Similar Articles

A Complete Guide to Flexbox

By CSS-Tricks - 2020-12-03

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and ...

Grid vs. Flexbox

By DEV Community - 2021-02-21

Introduction: as we know that now a day how flex and grid become very important to design... Tagged with css.

An Interactive Guide to CSS Transitions

By joshwcomeau - 2021-03-06

This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.

By CSS { In Real Life } | A Utility Class for Covering Elements - 2020-12-11