dazulu
Follow
๐ป
codepen.io/dazulu
https://www.linkedin.com/in/adriankpayne/
๐ ๐ค ๐ถ ๐ฎ
-
Life
- Hamburg
- https://www.codepen.io/dazulu
- @beets.irish
Pinned Loading
-
react-spoiler-tag
react-spoiler-tag PublicReact component to cover text you do not want visible until user interaction
-
Next_TypeScript_Boilerplate
Next_TypeScript_Boilerplate PublicApp skeleton with Next, TypeScript, ESLint, Prettier.
TypeScript
-
delete-form-submissions-netlify
delete-form-submissions-netlify PublicShowing an example of a project with a Netlify Function that deletes all verified form submissions when they are submitted.
JavaScript
-
Inclusive Web Design Summary
Inclusive Web Design Summary 1# Inclusive Web Design Summary
2This summary is an amalgamation of a few sources linked below and by no means an exhaustive authority. It should be treated as a developer guide and more detailed sources should be consulted when developing any web features. For example, the book and links mentioned below also include practical examples and more detail on ARIA roles and markup etc.
3- [Writing HTML with accessibility in mind](https://medium.com/alistapart/writing-html-with-accessibility-in-mind-a62026493412)
4- [Writing JavaScript with accessibility in mind](https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9)
5- [A11ycasts](https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g)
-
Lazy Person's Lazy Image Lazyloader
Lazy Person's Lazy Image Lazyloader 1# Lazy Person's Lazy Image Lazyloader
2_Though you could probably do it EVEN MORE lazily if you wanted #justsaying #doesntreallymatter._
34I mashed this in here from a Vue component where I had a little bit more going on with props etc. but the same end result. If I open up the devtools Network tab I can see the high resolution images loading in after the rest of the page. Big perf wins!
5
Something went wrong, please refresh the page to try again.
If the problem persists, check the GitHub status page or contact support.
If the problem persists, check the GitHub status page or contact support.