Indy.Code() Sessions tagged css

CSS and Enhancing Accessibility

When we devlop, we code not only with the biasses of our own likes and dislikes, but also of our abilities and inabilities.

  • 4G connection and 1GB internet
  • Visual capabilites (size, color, weight)
  • Language
  • Familiarity with web conventions (good and bad)
  • Auditory availability (presence of sight, and proper environment)
  • Dexterity (presence of keyboard or mouse)

With a few small changes to the markup and styling of web pages, we can make for a more inclusive web - with wonderful UX benefits.

Speaker

Brendan Quinn

Brendan Quinn

Web Developer, NextGear Capital

Flexbox + CSS Grid = Awesome!

The traditional 'box' layout model was designed to layout documents, not apps. Many hours have been lost endlessly tinkering with the positioning of HTML elements, but the joy at achieving perfect alignment is short-lived. Everything looks great until the page is loaded on a mobile device, and it looks like you threw things on a page from across the room. There's a better way! In this talk I will teach you about the flexbox layout model and CSS grid. We will cover these concepts at a high level, discuss why they are a better approach, and I will show you how to use them effectively. Used in tandem, these widely supported techniques can make your pages responsive, more accessible, and easier to build.

Speaker

Scott McAllister

Scott McAllister

Developer Advocate Lead, Smartsheet