Skip to content

Instantly share code, notes, and snippets.

View WesleySmits's full-sized avatar

Wesley Smits WesleySmits

View GitHub Profile
@WesleySmits
WesleySmits / .htaccess
Created June 3, 2025 15:02
.htaccess - How to set up a cookieless domain
# Use Mod_deflate to compress static files
<ifmodule mod_deflate.c="">
<filesmatch ".(js|css|ico|txt|htm|html|php)$"="">
SetOutputFilter DEFLATE
</filesmatch>
</ifmodule>
# Speed up caching
FileETag MTime Size
@WesleySmits
WesleySmits / .htaccess
Created June 3, 2025 14:17
.htaccess code to cache static resources
# Turn on Expires and set default to 0
ExpiresActive On
ExpiresDefault A0
# Set up caching on media files for 1 year (forever?)
ExpiresDefault A29030400
Header append Cache-Control "public"
@WesleySmits
WesleySmits / accessible-accordion-accordion.js
Last active May 1, 2022 08:21
Accessible Accordion: Custom Accordion Element
import { getAbsoluteHeight } from './utils.js';
class Curtain extends HTMLDetailsElement {
#summary = this.querySelector('summary');
#content = this.querySelector('.curtain__content');
#animation = null;
connectedCallback() {
@WesleySmits
WesleySmits / web-component-polyfill.html
Created May 1, 2022 07:49
Accessible Accordion: Polyfill for custom elements
<script src="//unpkg.com/@ungap/custom-elements/es.js"></script>
@WesleySmits
WesleySmits / accessible-accordion-basic-accordion-styling.css
Last active May 1, 2022 09:49
Accessible Accordion: Basic accordion styling
details {
--curtain-border-color: #334455;
--curtain-background-color: #223344;
--curtain-color: #ffffff;
max-width: 30rem;
border: 1px solid var(--curtain-border-color);
color: var(--curtain-color);
overflow: hidden;
}
@WesleySmits
WesleySmits / accessible-accordion-basic-styles.css
Last active May 1, 2022 07:47
Basic styles for accordion
body {
background: #001122;
}
p {
margin: 1rem 0;
}
p:first-child {
margin-top: 0;
npm install np -g
npm publish
touch readme.md