About
Articles by Kevin
-
HTML Web Components - Progressive Enhancement and CSS Encapsulation/Scope Made Easy!
HTML Web Components - Progressive Enhancement and CSS Encapsulation/Scope Made Easy!
By Kevin Bonett
Activity
-
Please don't forget about keyboard only users! I am glad to see more sites and site templates striving to be more accessible. I’ve been noticing the…
Please don't forget about keyboard only users! I am glad to see more sites and site templates striving to be more accessible. I’ve been noticing the…
Liked by Kevin Bonett
-
Not all accessibility assessments are created equal. Many fail to deliver the necessary insights to help an organisation deliver an accessible…
Not all accessibility assessments are created equal. Many fail to deliver the necessary insights to help an organisation deliver an accessible…
Liked by Kevin Bonett
-
I’m happy to share that I’m starting a new position as Principal, Marketing Performance Management at OutSystems
I’m happy to share that I’m starting a new position as Principal, Marketing Performance Management at OutSystems
Liked by Kevin Bonett
Experience & Education
Publications
-
Expandable Sections Within a CSS Grid
CSS Tricks
Article explaining how I solved an interesting UI/UX problem in a simple, accessible way, leveraging the power of CSS Grid.
Projects
-
basher.biz
Personal website... powered by vanilla HTML/CSS and Astro.
-
Web UI Boilerplate & Component Library
Accessible UI boilerplate & component library for websites/webapps.
● Built with semantic HTML, CSS (Sass), vanilla JavaScript (TypeScript) and ARIA.
● Powered by Storybook.
● Bundled by Parcel.
● Live Storybook URL = https://basher.github.io/Web-UI-Boilerplate/ -
Geronimo Design System
-
Design system & UI component library that powers the front-end for nearly 2000 car dealership websites globally.
● Component library built from the ground up, using vanilla HTML/CSS/JavaScript & Storybook.
● Supports multiple themes & languages.
● Accessible, performant, mobile-optimised.
● Integrated with zeroheight, providing a single interface for component library, designs & documentation.Other creators -
Kingfisher eCommerce Web Platform UI Component Library & Style Guide
-
Extensive UI component library & style guide, powering the front-end for Kingfisher eCommerce websites - e.g. www.diy.com.
● Each component functions independently, both in terms of responsive layout and JavaScript behaviours, ensuring that it can be used anywhere on the website.
● In addition to it being a primary resource for all UI developers, the style guide also documents how digital merchandisers can configure the components via their admin interface, and how the rendered…Extensive UI component library & style guide, powering the front-end for Kingfisher eCommerce websites - e.g. www.diy.com.
● Each component functions independently, both in terms of responsive layout and JavaScript behaviours, ensuring that it can be used anywhere on the website.
● In addition to it being a primary resource for all UI developers, the style guide also documents how digital merchandisers can configure the components via their admin interface, and how the rendered components should look and behave in the browser.
● The style guide also facilitates easier UI design sign off as it provides a true representation of UI component rendering.
● The style guide is also multilingual.Other creators
Recommendations received
7 people have recommended Kevin
Join now to viewMore activity by Kevin
-
I’ve been making a lot of YouTube videos about Web Components lately. I generally like to do my instantiations in the constructor(). If you put…
I’ve been making a lot of YouTube videos about Web Components lately. I generally like to do my instantiations in the constructor(). If you put…
Liked by Kevin Bonett
-
Mmmm, new book smell. Couldn't be prouder to have helped as one of the reviewers of this book for Manuel Matuzović - it's honestly really very good!…
Mmmm, new book smell. Couldn't be prouder to have helped as one of the reviewers of this book for Manuel Matuzović - it's honestly really very good!…
Liked by Kevin Bonett
-
Today's accessibility pro-tip: Always test any changes that happen as part of responsive design. For example, if your navigation collapses into a…
Today's accessibility pro-tip: Always test any changes that happen as part of responsive design. For example, if your navigation collapses into a…
Liked by Kevin Bonett
-
What a great idea! If you can’t make it to Brighton, sign up to get the early access videos for free!
What a great idea! If you can’t make it to Brighton, sign up to get the early access videos for free!
Liked by Kevin Bonett
-
Can Web Developers "go on tour"? Let's find out! I'll be speaking in 3 locations this year: 💂 The Barbican Centre in #London for London Web…
Can Web Developers "go on tour"? Let's find out! I'll be speaking in 3 locations this year: 💂 The Barbican Centre in #London for London Web…
Liked by Kevin Bonett
-
Incredible feedback like that absolutely justifies the almost 18 months of work I put into this book. ❤️
Incredible feedback like that absolutely justifies the almost 18 months of work I put into this book. ❤️
Liked by Kevin Bonett
-
Just published a web dev article on dev.to - a guide to web components. While I was already familiar with React, I started exploring an…
Just published a web dev article on dev.to - a guide to web components. While I was already familiar with React, I started exploring an…
Liked by Kevin Bonett
Other similar profiles
-
Ronny Hendriks
Head of Accessibility @ Nomensa | Supporting your accessibility journey
Connect -
Danny Payne
Connect -
Marc Fielding
Connect -
Fabiana Lassandro
Connect -
Glenn Cahill 👋🏻
Seeking my next exciting role in Product / UI UX Design / Design Systems
Connect -
✨ Elly Loel
Connect -
Christopher Gascoyne
Connect -
Joe James
Connect -
Kae Anderson, CPACC
Connect -
Ryan Murphy
Connect
Explore collaborative articles
We’re unlocking community knowledge in a new way. Experts add insights directly into each article, started with the help of AI.
Explore MoreOthers named Kevin Bonett
-
Kevin Bonett
Development and Construction Project Management Consultant
-
Kevin Bonett
Director of Operations at Med-Lab Imaging
-
Kevin Bonett
External Liaison specialist
-
Kevin Bonett
Assistant Service Manager-Operations at Siemens Med/Lab Supply
8 others named Kevin Bonett are on LinkedIn
See others named Kevin Bonett