Skip to content

Instantly share code, notes, and snippets.

@matuzo
matuzo / snippets.json
Last active November 11, 2022 21:02
My VS Code Emmet abbreviations
{
"html": {
"snippets": {
"nav": "nav[aria-label='${1:Main}']>ul>(li>a[aria-current='page']{${1:Current Page}})+(li*3>a{${0:Another Page}})",
"img:l": "img[width height loading='lazy']",
"preload": "link[rel=preload href as]",
"page": "header>h1^main+footer{${0:©}",
"meta:vp": "meta[name=viewport content='width=device-width, initial-scale=1.0']",
"meta:utf": "meta[charset=${charset}]",
"style": "style>{\\* { box-sizing: border-box; \\}}+{\n${1:*}:focus \\{${2: outline: 2px solid red; }\\} }+{\n${0}}",
@matuzo
matuzo / boilerplate.html
Last active August 8, 2023 09:55
My current HTML boilerplate
<!-- Line by line explanation: https://www.matuzo.at/blog/html-boilerplate/ -->
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Unique page title - My Site</title>
<script type="module">