Skip to content

Instantly share code, notes, and snippets.

View thedaviddias's full-sized avatar
👋
Building something new...

David Dias thedaviddias

👋
Building something new...
View GitHub Profile
@thedaviddias
thedaviddias / .babelrc
Created February 13, 2017 12:24 — forked from dengjonathan/.babelrc
Webpack/ Babel/ Express Env for React
{
"plugins": ["react-hot-loader/babel"],
"ignore":[]
}
@thedaviddias
thedaviddias / Preload CSS - Not blocking CSS.html
Last active January 17, 2025 15:27
Preload CSS and don't block the DOM with your CSS file request.
<link rel="preload" href="css/global.min.css" as="style" onload="this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="css/global.min.css"></noscript>
<script>
/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
!function(a){"use strict";var b=function(b,c,d){function j(a){if(e.body)return a();setTimeout(function(){j(a)})}function l(){f.addEventListener&&f.removeEventListener("load",l),f.media=d||"all"}var g,e=a.document,f=e.createElement("link");if(c)g=c;else{var h=(e.body||e.getElementsByTagName("head")[0]).childNodes;g=h[h.length-1]}var i=e.styleSheets;f.rel="stylesheet",f.href=b,f.media="only x",j(function(){g.parentNode.insertBefore(f,c?g:g.nextSibling)});var k=function(a){for(var b=f.href,c=i.length;c--;)if(i[c].href===b)return a();setTimeout(function(){k(a)})};return f.addEventListener&&f.addEventListener("load",l),f.onloadcssdefined=k,k(l),f};"undefined"!=typeof exports?exports.loadCSS=b:a.loadCSS=b}("undefined"!=typeof global?global:this);
/*! loadCSS rel=preload po
@thedaviddias
thedaviddias / index.html
Created October 25, 2017 06:37
[Front-End Checklist] - Doctype
<!-- Doctype HTML5 -->
<!doctype html>
@thedaviddias
thedaviddias / index.html
Created November 6, 2017 08:29
[Front-End Checklist] - Charset
<!-- Set character encoding for the document -->
<meta charset="utf-8">
@thedaviddias
thedaviddias / index.html
Created November 6, 2017 08:32
[Front-End Checklist] - X-UA-Compatible
<!-- Instruct Internet Explorer to use its latest rendering engine -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
@thedaviddias
thedaviddias / index.html
Last active December 11, 2017 13:22
[Front-End Checklist] - Viewport
<!-- Viewport for responsive web design -->
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
@thedaviddias
thedaviddias / index.html
Created November 6, 2017 08:38
[Front-End Checklist] - Title
<!-- Document Title -->
<title>Page Title less than 55 characters</title>
@thedaviddias
thedaviddias / index.html
Created November 6, 2017 08:44
[Front-End Checklist] - Description
<!-- Meta Description -->
<meta name="description" content="Description of the page less than 150 characters">
@thedaviddias
thedaviddias / index.html
Created November 6, 2017 08:47
[Front-End Checklist] - Favicons
<!-- Standard favicon -->
<link rel="icon" type="image/x-icon" href="https://example.com/favicon.ico">
<!-- Recommended favicon format -->
<link rel="icon" type="image/png" href="https://example.com/favicon.png">
@thedaviddias
thedaviddias / index.html
Last active December 11, 2017 13:24
[Front-End Checklist] - Apple Touch Icon
<!-- Apple Touch Icon (at least 200x200px) -->
<link rel="apple-touch-icon" href="/custom-icon.png">
<!-- To run web application in full-screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Status Bar Style (see Supported Meta Tags below for available values) -->
<!-- Has no effect unless you have the previous meta tag -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">