NigelOToole
I love to make great things for the web, developed using best practices with excellent usability, accessibility and performance.
London, UK
Pinned Repositories
angled-edges
Add a consistent angled edge to a full width element with this SASS mixin.
arrow-buttons
direction-reveal
Detects the direction a user enters or leaves an element allowing you to reveal or hide content based on this direction.
kapow
A Vue.js PWA using the Marvel API.
pixel-borders
A Sass mixin to create pixelated borders on elements.
priority-nav-scroller
Javascript plugin for the priority+ navigation pattern.
progress-tracker
A HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.
responsive-video-poster
Custom video placeholder with lazy load for better performance
share-url
Share a URL with Web Share, copy to clipboard or to social media
tiny-ui-toggle
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
NigelOToole's Repositories
NigelOToole/direction-reveal
Detects the direction a user enters or leaves an element allowing you to reveal or hide content based on this direction.
NigelOToole/progress-tracker
A HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.
NigelOToole/priority-nav-scroller
Javascript plugin for the priority+ navigation pattern.
NigelOToole/angled-edges
Add a consistent angled edge to a full width element with this SASS mixin.
NigelOToole/tiny-ui-toggle
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
NigelOToole/share-url
Share a URL with Web Share, copy to clipboard or to social media
NigelOToole/pixel-borders
A Sass mixin to create pixelated borders on elements.
NigelOToole/responsive-video-poster
Custom video placeholder with lazy load for better performance
NigelOToole/kapow
A Vue.js PWA using the Marvel API.
NigelOToole/arrow-buttons
NigelOToole/frend.co
Frend — A collection of accessible, modern front-end components.
NigelOToole/data-live
Simple data reactivity for DOM elements
NigelOToole/NES.css
NES-style CSS Framework | ファミコン風CSSフレームワーク
NigelOToole/sal
🚀 Performance focused, lightweight scroll animation library 🚀
NigelOToole/vanillalist
Handpicked Vanilla JavaScript Plugins Repository
NigelOToole/web.dev
The frontend, backend, and content source code for web.dev