Resources & References #
A stash for helpful articles, references, documentation looked up along the way
Eleventy (11ty) #
- config input directory
- addPassthroughCopy
- change the output directory
- YAML Front Matter
- available data values
- permalinks
- inline css
- inline js
- 404 page
- filters
- frontmatter in .11ty.js files
- Debug 11ty with VS Code
- access templateContent from JS template
- reverse sort
- generate tag pages
- dynamic titles from pagination
- pagination with an object
- navigation links with active class
- apply default template to posts
- content dates
- ignores
- Add previous / next pages
- Nunjucks shortcode returns undefined when value is an int #856
Netlify #
- Netlify Config
- Netlify Config - Redirects
- Build
- Dev
- Asset Optimization / Post Processing
- Deploy Previews
- Build Hooks
- environment variables
- CLI (formerly dev)
- Redirects and rewrites
JAMStack #
Nunjucks #
- operators & logic
- check if variable in string
- inline if expression
- substring of string
- iterating with
for - sort array
- passing data to includes
- built in filters
- paired shortcode
- Debug nunjucks data object with
dumpfilter
Accessibility (A11y) #
- language codes
- link names
- semantic vs decorative icons
- aria-hidden
- label svg alt text
- FF a11y inspector
- semantic vs decorative icons
- SVG alt text and role
- Add
aria-labelto close button
Markdown #
- extended syntax - ids
- how to write lists inside a markdown table
- escape ordered list
- markdown-it-anchor
- markdown-it-checkbox
Highlight.JS #
Node / Node Package Manager (NPM) #
- run multiple scripts sequentially
- Node.js package.json main parameter
- Get all directories within directory nodejs
- Need to ZIP an entire directory using Node.js
Visual Studio Code (VS Code) #
- workspace recommended extensions
- debug on windows and mac
- add json schema definition
- How to create per workspace snippets in VSCode?
- How do I change Markdownlint settings in Visual Studio Code
Github #
- Community health guidelines
- Issue and pull request templates
- Setting guidelines for repository contributors
- Organizing members into teams
- Diff syntax highlighting
- Adding line comments & suggestions to a Pull Request
HTML #
JS #
- Strip HTML from Text JavaScript
- Native JavaScript or ES6 way to encode and decode HTML entities?
- Create object from Array
- Remove Array Duplicates in ES6
- Flatten Array in ES6
- Copy to clipboard in JavaScript?
- Check if element of array in another array
- Update window.location.hash without jumping the document?
- Get Closest Parent
Element.Closest- Vanilla JS - Detect Touch
- MDN - Touch Events
- How to Minify JSON #540
- Determine if element has scrollbar
CSS #
- remove 'x' from search input
- avoid page break inside row of table
break-inside- Chrome “Save as PDF” is cutting off text
- How to justify a single flexbox item
- simple tooltip
- How can I implement a spoiler quote with just CSS?
- Pure CSS: Accessible Checkboxes
Fonts #
Images #
- How to scale SVG
- optimize svg
viewBoxis case-sensitive- Brand colors - Stackoverflow
- Brand colors - Github
- Brand colors - Twitter
PWA #
- generate icons from svg
- manifest schema definition
- manifest.json
- service worker reader
- serving files from cache
- cache + network race
- cache, update & refresh