Skip to content

Instantly share code, notes, and snippets.

Avatar

Marco Pontili marcop135

View GitHub Profile
@marcop135
marcop135 / index.html
Created Jun 6, 2022
Redirection via meta and javascript
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv = "refresh" content = "1; url = https://example.com" />
</head>
<body>
<script>
window.location.href = 'https://example.com';
</script>
@marcop135
marcop135 / index.html
Last active Feb 9, 2022
BS5 + FA4 + Vue3 CSS/JS minified/concatened HTML template via JSDelivr CDN (add SRI and crossorigin in production)
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HMTL template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/npm/bootstrap@5/dist/css/bootstrap.min.css,npm/font-awesome@4/css/font-awesome.min.css">
</head>
<body>
<div class="container">
@marcop135
marcop135 / git-commit-emoji.md
Last active Apr 30, 2021
Git commit categories in emoji
View git-commit-emoji.md

chore = 🔧

enhancement =

bugfix = 🐛

...

@marcop135
marcop135 / index.html
Last active Apr 15, 2021
Find global object available in any JS environments (web browsers, Node.js, web workers, etc.) — or use globalThis
View index.html
<!doctype html>
<html>
<head>
<title>What's the global object available?</title>
<script>
var getGlobal = function () {
if (typeof window !== 'undefined') {
return window; // Client-side JavaScript
}
@marcop135
marcop135 / index.html
Last active Apr 22, 2021
bullframe.css light/dark HTML template via CDN (add SRI and crossorigin in production)
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HMTL template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- light -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css@3/dist/css/bullframe.min.css">
<!-- dark
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css@3/dist/css/bullframe-dark.min.css">
@marcop135
marcop135 / index.html
Last active Jun 23, 2021
[classless] bullframe.css classless IE10+ light/dark HTML template via CDN (add SRI and crossorigin in production)
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HMTL template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- light -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css@3/dist/css/bullframe-classless-ie10+.min.css">
<!-- dark
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css@3/dist/css/bullframe-classless-dark-ie10+.min.css">
@marcop135
marcop135 / index.html
Last active May 3, 2021
[legacy] bullframe.css light/dark HTML template via CDN (add SRI and crossorigin in production)
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>HMTL template</title>
<!-- light -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css@3/dist/css/bullframe.min.css">
<!-- dark
@marcop135
marcop135 / index.html
Last active May 10, 2021
[fast] jQuery Slim, BS 5 and Vue.js 2 minified/contatened HTML template via CDN (add SRI and crossorigin in production)
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HMTL template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
@marcop135
marcop135 / index.html
Last active Feb 9, 2022
BS5 + FA4 + Vue2 CSS/JS minified/concatened HTML template via JSDelivr CDN (add SRI and crossorigin in production)
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HMTL template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/npm/bootstrap@5/dist/css/bootstrap.min.css,npm/font-awesome@4/css/font-awesome.min.css">
</head>
<body>
<div class="container">
View ie-css-hacks.md

IE 6

* html .ie6 {property:value;}

or

.ie6 { _property:value;}

IE 7