Tag: CSS

Controlling layout and typography. Responsive and multi-device design. Separating presentation from structure and behavior. Media queries and beyond. Types of web layouts. CSS3 animations. Replacing JavaScript with CSS3. Crafting a print style sheet. CSS support: browser bugs and workarounds. CSS in networked devices, mobile and otherwise. Showing and hiding elements, replacing text with images. Sass and Less and more.

Portfolio

Coloured form controls in data tables with sticky headers

Post author By Vernon
Post date 31 May, 2020
No Comments on Coloured form controls in data tables with sticky headers

I prototyped form controls in data tables. Each body row contains input and select controls labelled by text in a sticky column header.

Tags accessibility, CSS, forms, HTML, inclusive design, JavaScript, prototyping, responsive, user interfaces

Portfolio

A small win to fix your LibCal interface

Post author By Vernon
Post date 7 December, 2019

It’s a small win to fix the interface in your library room booking software. Add stripes to help sighted users distinguish their booking.

Tags accessibility, CSS, usability, user interfaces

Portfolio

Upgrading form validation messages

Post author By Vernon
Post date 30 November, 2019
1 Comment on Upgrading form validation messages

Red colour #D4351C on a white backround gives sufficient contrast ratio to pass Level AA compliance with WCAG Contrast (Minimum)

Our registration form wizard used a mix of inaccessible default browser error messages and ambiguous custom form validation messages in red text.

Tags accessibility, CSS, forms, HTML