Skip to content

Instantly share code, notes, and snippets.

View HarryAdney's full-sized avatar
🎯
Focusing

Dev HarryAdney

🎯
Focusing
0 followers · 7 following
View GitHub Profile
@HarryAdney
HarryAdney / service worker boilerplate
Last active January 6, 2022 11:38
serviceworker-boilerplate
// Core assets
let coreAssets = [];
// On install, cache core assets
self.addEventListener('install', function (event) {
// Cache core assets
event.waitUntil(caches.open(coreID).then(function (cache) {
for (let asset of coreAssets) {
cache.add(new Request(asset));
@HarryAdney
HarryAdney / font-sizing.md
Created December 18, 2021 13:07
font sizing

:root { --size-300: clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem); --size-400: clamp(0.88rem, 0.83rem + 0.24vw, 1rem); --size-500: clamp(1.09rem, 1rem + 0.47vw, 1.33rem); --size-600: clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem); --size-700: clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem); --size-800: clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem); --size-900: clamp(2.67rem, 2.07rem + 3vw, 4.21rem); --size-1000: clamp(3.34rem, 2.45rem + 4.43vw, 5.61rem); };

@HarryAdney
HarryAdney / htaccess.md
Last active December 13, 2021 15:56
htaccess

RewriteEngine On RewriteCond %{HTTPS} off [OR] RewriteCond %{HTTP_HOST} ^www. [NC] RewriteCond %{HTTP_HOST} ^(?:www.)?(.+)$ [NC] RewriteRule ^ https://%1%{REQUEST_URI} [L,NE,R=301]

@HarryAdney
HarryAdney / accesible-mega-menu.md
Last active May 29, 2020 13:00
From http://terrillthompson.com/tests/menus/accessible-mega-menu/test.html, based on Adobe's mega menu 
<title>Accessible Mega Menu Test Page</title>

	<!-- styles for Terrill's test pages -->
@HarryAdney
HarryAdney / accessible-accordian.html
Last active May 11, 2020 10:36
accessible accordian
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="https://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html">
<title>Accessible accordian</title>
<style>
.Accordion {
@HarryAdney
HarryAdney / index.html
Last active April 28, 2020 12:27
Accessible, css only navbar
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accessible, css only navbar</title>
</head>
<body tabindex="-1">
<header>
<h1>Steph's Sweet Shoppe</h1>
@HarryAdney
HarryAdney / Accessible collapsible menu list.html
Last active October 2, 2020 17:27
Accessible collapsible menu list
<!DOCTYPE html>
<html lang="en">
<head>
<!- https://www.w3.org/TR/2018/NOTE-wai-aria-practices-1.1-20180726/examples/listbox/listbox-collapsible.html -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accessible, collapsible menu list</title>
</head>
<body>
@HarryAdney
HarryAdney / index.html
Last active April 6, 2021 19:43
accessible navigation example
<!-- examples.anysurfer.be/dropdown/ -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Accessible Dropdown Menu with Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
@HarryAdney
HarryAdney / flexbox-nav.html
Last active April 7, 2021 17:39
Accessible navigation using Flexbox
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flexbox nav</title>
<style>
* {
box-sizing: border-box;
@HarryAdney
HarryAdney / htaccess boilerplate
Created February 22, 2020 11:59
htaccess boilerplate
#301 Redirects for .htaccess
#Redirect a single page:
Redirect 301 /pagename.php http://www.domain.com/pagename.html
#Redirect an entire site:
Redirect 301 / http://www.domain.com/
#Redirect an entire site to a sub folder
Redirect 301 / http://www.domain.com/subfolder/