Pinboard (deaghean) https://pinboard.in/u:deaghean/public/ recent bookmarks from deaghean JS Functions 2022-06-22T13:36:46+00:00 https://jsfunctions.io/ deagheanjavascript https://pinboard.in/u:deaghean/b:a7413f28052e/ A Complete Guide To Accessible Front-End Components 2021-12-27T22:09:34+00:00 https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/ deagheanaccessibility https://pinboard.in/u:deaghean/b:0ace6b2a2fbe/ CSS { In Real Life } | Animating Underlines 2021-12-27T22:03:27+00:00 https://css-irl.info/animating-underlines/ deagheancss-effects https://pinboard.in/u:deaghean/b:caf6301f4a2c/ auto-vo 2021-12-27T22:02:20+00:00 https://github.com/AccessLint/auto-vo deagheanaccessibility https://pinboard.in/u:deaghean/b:2735dede8960/ LiebeHeide · LiebeFonts 2021-03-17T01:55:49+00:00 https://liebefonts.com/fonts/liebeheide deaghean typography https://pinboard.in/u:deaghean/b:178e57c5a238/ Simple CSS Line Hover Animations for Links —Codrops “Those little line animations are a perfect way to enhance a design and add subtle micro-interactions to a website.” 2021-02-14T14:49:31+00:00 https://tympanus.net/codrops/2021/02/10/simple-css-line-hover-animations-for-links/ deagheancss-effects svg https://pinboard.in/u:deaghean/b:87fbc0996b12/ RoughNotation 2020-09-17T18:13:03+00:00 https://roughnotation.com/ deagheanjavascript https://pinboard.in/ https://pinboard.in/u:deaghean/b:33bdac3a6a9c/ Creating an Accessible Range Slider with CSS | a11y with Lindsey 2020-05-17T22:50:46+00:00 https://www.a11ywithlindsey.com/blog/creating-accessible-range-slider-css/ deagheanaccessibility https://pinboard.in/u:deaghean/b:5f96e523dcc9/ Amelia Wattenberger 2020-05-17T17:34:25+00:00 https://wattenberger.com/blog/gauge deagheansvg https://pinboard.in/u:deaghean/b:f0e9865ab083/ Type Specimens 2020-04-03T12:11:29+00:00 https://typespecimens.io/ deagheantypography https://pinboard.in/ https://pinboard.in/u:deaghean/b:e7e7ff56793f/ Happy Hues 2020-01-26T14:56:15+00:00 https://www.happyhues.co/palettes/15 deagheandesign-inspiration https://pinboard.in/u:deaghean/b:d0fbfd0cf7c9/ Can I email… Support tables for HTML and CSS in emails 2019-09-17T11:55:25+00:00 https://www.caniemail.com/ deagheanhtml-email https://pinboard.in/u:deaghean/b:56b1e1211c24/ Introducing Hover: Hover - DockYard 2019-09-10T13:42:13+00:00 https://dockyard.com/blog/2019/02/14/introducing-hover-hover deagheancss-effects https://pinboard.in/ https://pinboard.in/u:deaghean/b:b10ec7c1cb20/ The Simplest Way to Load CSS Asynchronously | Filament Group, Inc. 2019-09-06T11:36:34+00:00 https://www.filamentgroup.com/lab/load-css-simpler/ deagheanperformance https://pinboard.in/u:deaghean/b:7a24970a702e/ Creating an SVG path drawing animation. 2019-09-02T17:18:22+00:00 https://www.cassie.codes/posts/creating-my-logo-animation/ deagheansvg css-effects https://pinboard.in/u:deaghean/b:1b6bdca1013b/ SHAPE UP 2019-09-02T15:20:36+00:00 https://basecamp.com/shapeup deagheanmanagement https://pinboard.in/u:deaghean/b:a5f32f75dccb/ Lazy load embedded YouTube videos - DEV Community 👩‍💻👨‍💻 2019-08-20T17:10:46+00:00 https://dev.to/haggen/lazy-load-embedded-youtube-videos-520g deagheanperformance https://pinboard.in/ https://pinboard.in/u:deaghean/b:9a9010a9f404/ How to test vanilla JS performance | Go Make Things 2019-07-28T13:25:25+00:00 https://gomakethings.com/how-to-test-vanilla-js-performance/ deagheanjavascript performance https://pinboard.in/u:deaghean/b:a06f208479ee/ Blog | a11y with Lindsey 2019-06-15T11:52:49+00:00 https://www.a11ywithlindsey.com/blog/ deagheanaccessibility https://pinboard.in/u:deaghean/b:ec828b4e8120/ Accessible Color Generator – Learn UI Design 2019-06-09T12:57:28+00:00 https://learnui.design/tools/accessible-color-generator.html deagheanaccessibility https://pinboard.in/u:deaghean/b:6ead666b9e47/ Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG 2019-06-09T12:54:42+00:00 https://zzz.dog/ deagheansvg https://pinboard.in/u:deaghean/b:1093dbbbe7dc/ A micro-animations library 2019-05-28T23:00:32+00:00 https://useanimations.com/#explore deagheancss-effects https://pinboard.in/u:deaghean/b:1563bb937a9b/ Sophisticated Partitioning with CSS Grid | Rob Weychert 2019-04-17T17:48:54+00:00 https://v6.robweychert.com/blog/2019/03/css-grid-sophisticated-partitioning/ deagheancss-grid https://pinboard.in/ https://pinboard.in/u:deaghean/b:d9b7d3e637b4/ Offline fallback page with service worker - Modern Web Development: Tales of a Developer Advocate by Paul Kinlan 2019-04-14T11:55:33+00:00 https://paul.kinlan.me/offline-fallback-page-with-service-worker/ deagheanservice-workers https://pinboard.in/u:deaghean/b:92b2e6718798/ Accessibility Insights 2019-03-13T03:11:19+00:00 https://accessibilityinsights.io/en/ deagheanaccessibility https://pinboard.in/u:deaghean/b:a18b78bfde27/ Security Checklist 2019-01-26T13:35:29+00:00 https://securitycheckli.st/ deagheansecurity https://pinboard.in/u:deaghean/b:cc936c94fe18/ The Flexbox Holy Albatross | HeydonWorks 2019-01-17T12:49:05+00:00 http://www.heydonworks.com/article/the-flexbox-holy-albatross deagheancss-flexbox https://pinboard.in/u:deaghean/b:9290bcbeee6f/ Handling broken images with the service worker —bitsofcode “A few years ago, I wrote about how we can use css to style broken images. The technique leveraged on the fact that any styling to the ::before or ::after pseudo-elements on the <img> element 2018-12-27T14:11:52+00:00 https://bitsofco.de/handling-broken-images-with-service-worker/ deagheanservice-workers https://pinboard.in/u:deaghean/b:4f39958b7c3e/ Cache API 101 —bitsofcode “A cache is a form of storage for “requests” and “responses”. When you visited this page, you made a request for /cache-api-101 . The response to that request was the HTML document you are viewing in your browser righ 2018-12-27T14:02:19+00:00 https://bitsofco.de/cache-api-101/ deagheanservice-workers https://pinboard.in/u:deaghean/b:c68c2a3ed36d/ Going Offline First (Video Series) —bitsofcode “You may have noticed that I recently updated this blog to allow for users like yourself to save an article to view offline.” 2018-12-27T13:42:45+00:00 https://bitsofco.de/going-offline-first/ deagheanservice-workers https://pinboard.in/u:deaghean/b:7b256eaacf22/ GitHub - GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time 2018-12-26T01:35:46+00:00 https://github.com/GoogleChromeLabs/quicklink deagheanperformance javascript https://pinboard.in/u:deaghean/b:f43f813b345a/ CSS and Network Performance – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts 2018-11-24T14:34:38+00:00 https://csswizardry.com/2018/11/css-and-network-performance/ deagheanperformance https://pinboard.in/u:deaghean/b:d6a3d8e872b7/ Service Workers | Build Progressive 2018-09-23T12:32:32+00:00 https://buildprogressive.github.io/service-workers.html deagheanservice-workers https://pinboard.in/u:deaghean/b:53f047ba8a06/ GRID: A simple visual cheatsheet for CSS Grid Layout 2018-08-13T16:54:47+00:00 http://grid.malven.co/ deagheancss-grid https://pinboard.in/u:deaghean/b:ab2684fc2d1f/ Nutrition Cards for Accessible Components A11Y Expectations 2018-08-04T12:07:48+00:00 https://davatron5000.github.io/a11y-nutrition-cards/#accordion deagheanaccessibility https://pinboard.in/u:deaghean/b:8e7efb501e5b/ The Accessibility of Styled Form Controls & Friends | a11y_styled_form_controls 2018-08-01T10:47:17+00:00 https://scottaohara.github.io/a11y_styled_form_controls/ deagheanjavascript accessibility https://pinboard.in/u:deaghean/b:283bc72014ae/ Service worker resources 2018-06-11T02:57:14+00:00 https://adactio.com/journal/13821 deagheanservice-workers https://pinboard.in/u:deaghean/b:f0707b71b337/ Custom List Number Styling 2018-06-10T20:07:40+00:00 https://css-tricks.com/custom-list-number-styling/ deagheancss-effects https://pinboard.in/u:deaghean/b:7831ad2d4a88/ ServiceWorker Cookbook 2018-06-10T14:18:43+00:00 https://serviceworke.rs/ deagheanservice-workers https://pinboard.in/u:deaghean/b:9ab6f201758c/ Design Patterns on CodePen 2018-06-10T12:31:44+00:00 https://codepen.io/patterns deagheandesign-inspiration https://pinboard.in/u:deaghean/b:7841052c292d/ Radial Gradient Recipes 2018-04-28T16:10:37+00:00 https://css-tricks.com/radial-gradient-recipes/ deagheancss-effects https://pinboard.in/u:deaghean/b:b9bd863691ad/ GitHub - alphagov/accessible-autocomplete: An autocomplete component, built to be accessible. 2018-04-28T12:01:37+00:00 https://github.com/alphagov/accessible-autocomplete deagheanjavascript accessibility autocomplete https://pinboard.in/u:deaghean/b:74d67abb0738/ Feature Queries Manager 2018-04-26T14:56:06+00:00 https://github.com/ireade/feature-queries-manager deaghean css-grid https://pinboard.in/ https://pinboard.in/u:deaghean/b:fac014436cf7/ Lazy Loading Images and Video  |  Web Fundamentals  |  Google Developers 2018-04-06T21:33:32+00:00 https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/ deagheanperformance https://pinboard.in/ https://pinboard.in/u:deaghean/b:8834c06fb659/ Animate a Container on Mouse Over Using Perspective and Transform | CSS-Tricks 2018-03-15T17:20:43+00:00 https://css-tricks.com/animate-a-container-on-mouse-over-using-perspective-and-transform/ deagheancss-effects javascript https://pinboard.in/ https://pinboard.in/u:deaghean/b:e011a5658550/ Parallax scrolling with CSS variables | basicScroll 2018-03-12T11:01:53+00:00 https://basicscroll.electerious.com/ deagheancss-effects javascript https://pinboard.in/u:deaghean/b:878cdd545393/ Shipping system fonts to GitHub.com · @mdo 2018-02-18T13:09:10+00:00 http://markdotto.com/2018/02/07/github-system-fonts/ deagheantypography https://pinboard.in/u:deaghean/b:c2b81cfd972b/ Keeping aspect-ratio with HTML and no padding tricks 2018-02-03T15:14:44+00:00 https://codeburst.io/keeping-aspect-ratio-with-html-and-no-padding-tricks-40705656808b deagheancss-effects css-grid https://pinboard.in/u:deaghean/b:4981e4864d75/ Meet the New Dialog Element 2018-01-13T12:18:41+00:00 https://keithjgrant.com/posts/2018/meet-the-new-dialog-element/ deagheanmodals https://pinboard.in/u:deaghean/b:0c6fdf9458eb/ A Content Slider 2017-11-23T12:30:30+00:00 https://inclusive-components.design/a-content-slider/ deagheancss-effects https://pinboard.in/u:deaghean/b:b7d25868c253/ Animista 2017-11-18T13:23:14+00:00 http://animista.net/ deagheancss-effects https://pinboard.in/u:deaghean/b:1ddc618a5840/ Inter UI font family 2017-11-04T20:57:53+00:00 https://rsms.me/inter/ deagheantypography https://pinboard.in/u:deaghean/b:02ee87e248c2/ ES2015+ cheatsheet 2017-11-04T20:56:59+00:00 https://devhints.io/es6 deagheanjavascript https://pinboard.in/u:deaghean/b:eed2295b76af/ sonar, a linting tool for the web 2017-10-02T05:31:43+00:00 https://sonarwhal.com/ deagheanlinting https://pinboard.in/u:deaghean/b:46c29ada8ea1/ GitHub - amitmerchant1990/essential-vanilla-javascript-functions: Essential Vanilla JavaScript Functions 2017-09-28T11:57:27+00:00 https://github.com/amitmerchant1990/essential-vanilla-javascript-functions deagheanjavascript https://pinboard.in/u:deaghean/b:c034f09bfa41/ plainJS - The Vanilla JavaScript Repository 2017-09-28T11:56:41+00:00 https://plainjs.com/ deagheanjavascript https://pinboard.in/u:deaghean/b:55bbf371f052/ CSS Grid PlayGround | Terminology | Mozilla 2017-09-27T20:23:12+00:00 https://mozilladevelopers.github.io/playground/ deagheancss-grid https://pinboard.in/ https://pinboard.in/u:deaghean/b:c7d794a43e93/ The Pudding 2017-08-01T12:40:41+00:00 https://pudding.cool/ deagheandata-visualization https://pinboard.in/u:deaghean/b:81c976f15702/ Prettier · Opinionated Code Formatter 2017-07-12T02:40:31+00:00 https://prettier.io/ deagheanlinting https://pinboard.in/u:deaghean/b:e6c28b79d38c/ Service Worker gotchas 2017-06-25T12:18:11+00:00 https://labs.kollegorna.se/blog/2017/06/service-worker-gotchas/ deagheanservice-workers https://pinboard.in/u:deaghean/b:8f147bb9cada/ A Gentle Introduction to Functional JavaScript: Part 1 2017-06-18T00:57:40+00:00 http://jrsinclair.com/articles/2016/gentle-introduction-to-functional-javascript-intro/ deagheanjavascript https://pinboard.in/u:deaghean/b:c6d5e4257a9a/ What delayed my portfolio redesign for 3 years and how I finally launched it 2017-06-17T19:40:53+00:00 http://radesign.in/what-delayed-my-portfolio-redesign-for-3-years-and-how-i-finally-launched-it.html?mc_cid=ae7d980d73 deagheanwriting-about-yourself https://pinboard.in/u:deaghean/b:6fd1507fd368/ Lost My Name Design System 2017-06-02T02:01:26+00:00 http://design-system.lostmy.name/ deagheandesign-systems https://pinboard.in/u:deaghean/b:bbee94530909/ An introduction to CSS Grid | Charlotte Jackson, Front-end developer 2017-05-31T11:36:57+00:00 http://www.lottejackson.com/learning/an-intro-to-css-grid deagheancss-grid https://pinboard.in/u:deaghean/b:095e70e0eff9/ HTTP/2 Server Push and Service Workers: The Perfect Partnership ◆ 24 ways 2017-05-28T20:14:24+00:00 https://24ways.org/2016/http2-server-push-and-service-workers/ deagheanservice-workers https://pinboard.in/u:deaghean/b:722dc6b6662f/ Modernizing our Progressive Enhancement Delivery | Filament Group, Inc., Boston, MA 2017-05-28T20:13:26+00:00 https://www.filamentgroup.com/lab/modernizing-delivery.html deagheanservice-workers performance https://pinboard.in/u:deaghean/b:8f48df5e442b/ Understanding JavaScript’s async await 2017-05-28T19:44:28+00:00 https://ponyfoo.com/articles/understanding-javascript-async-await deagheanjavascript https://pinboard.in/u:deaghean/b:0a20a914ee01/ The Service Worker Lifecycle  |  Web  |  Google Developers 2017-05-27T21:28:35+00:00 https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/lifecycle deagheanservice-workers https://pinboard.in/u:deaghean/b:5170ae5f3e12/ Hey, Hey, Cloud Four is a PWA! - Cloud Four 2017-05-27T21:27:12+00:00 https://cloudfour.com/thinks/hey-hey-cloud-four-is-a-pwa/ deagheanservice-workers https://pinboard.in/u:deaghean/b:121dc73f4e36/ A Complete Guide to CSS Grid | Codrops CSS Reference 2017-05-27T21:26:27+00:00 https://tympanus.net/codrops/css_reference/grid/ deagheancss-grid https://pinboard.in/u:deaghean/b:3957e1f24514/