Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Writing
  • Case studies
  • Presentations and workshops

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.

Onboard users to accessible keyboard shortcuts

Accessible tooltips make keyboard shortcuts easy to discover when users need them, through natural use of web applications.

Published 4 September, 2023
Categorized as Portfolio Tagged accessibility, CSS, documentation, HTML, inclusive design

Add a visual “you are here”

Black boots standing on the ground in a painted circle with stenciled words: You Are Here

You are here indicators help us orient ourselves when visiting a website. I added a visual you are here to show the current location in navigation menus.

Published 24 December, 2021
Categorized as Portfolio Tagged accessibility, CSS, design system, inclusive design, navigation

Colour and contrast coding a form prototype

I used wireframes and flows to start coding a prototype form wizard. My artifacts aided our handover process. I levelled up my skills and mastery of tools.

Published 31 March, 2020
Categorized as Portfolio Tagged accessibility, CSS, design system, forms, HTML, JavaScript, prototyping, user interfaces

A small win to fix your LibCal interface

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

Published 7 December, 2019
Categorized as Portfolio Tagged accessibility, CSS, usability, user interfaces

Posts pagination

Page 1 Page 2 Older posts
  • LinkedIn
  • CodePen
  • GitHub
Vernon Fowler
Proudly powered by WordPress.