View lazy-loading.html
<html> | |
<head> | |
<title>Lazy loading by #Blondiecode</title> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<style> | |
body { | |
font-family: Arial, "Helvetica Neue", Helvetica, serif; | |
} | |
footer { |
View Get UiKit 3 scss & css variables color
/* | |
Variables Theme | |
use this with a basic uikit | |
Change [data-theme="default"] for body | |
https://gist.github.com/npofopr/af373c6d02958c913ad32f2d7b945996 | |
https://codepen.io/npofopr/pen/MdjZON | |
*/ | |
:root, [data-theme="default"] { | |
--primary: 266, 100%; |
View BX Panel and fixed header
$(document).ready(function() { | |
if ($("#panel").length != 0) { | |
$('.header').css('position','relative'); | |
$('.page-padding').css('padding-top','0'); | |
} else { | |
$('.header').css('position','fixed'); | |
$('.page-padding').css('padding-top','84px'); | |
} | |
View sw.js
self.addEventListener('install', (e) => { | |
e.waitUntil( | |
caches.open("precache").then((cache) => cache.add("/broken.png")) | |
); | |
}); | |
function isImage(fetchRequest) { | |
return fetchRequest.method === "GET" && fetchRequest.destination === "image"; | |
} |
View nodejs-gulp-install.txt
1. Simple: | |
sudo apt-add-repository -y ppa:brightbox/ruby-ng; sudo apt-get update; sudo apt-get -y install curl ruby2.5 ruby2.5-dev gcc make g++ libffi-dev; curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -; sudo apt-get install -y nodejs; | |
npm i -g rimraf npm-check-updates; | |
sudo chown -R $USER:$(id -gn $USER) /home/$USER/.config | |
3. Длинна командной строки (добавить PROMPT_DIRTRIM=3 в конец и сохранить файл): | |
sudo nano ~/.bashrc | |
PROMPT_DIRTRIM=3 |
View DNS prefetching preconnect
<!-- DNS preconnect --> | |
<meta http-equiv="x-dns-prefetch-control" content="on"> | |
<link rel="preconnect" href="//ajax.googleapis.com"> | |
<link rel="dns-prefetch" href="https://fonts.gstatic.com"> | |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"> | |
<link rel="dns-prefetch" href="https://use.fontawesome.com"> | |
<link rel="preconnect" href="https://use.fontawesome.com" crossorigin> | |
<link rel="preconnect" href="//cdnjs.cloudflare.com"> | |
<link rel="preconnect" href="//www.googletagmanager.com"> | |
<link rel="preconnect" href="//www.google-analytics.com"> |
View Ад, Песнь пятая
height: unset; | |
height: inherit; | |
height: There standeth Minos horribly, and snarls; | |
examines the transgressions at the entrance; | |
judges, and sends according as he girds him. (The Inferno, Canto V); | |
/* Здесь ждет Минос, оскалив страшный рот; | |
Допрос и суд свершает у порога | |
И взмахами хвоста на муку шлет. (Ад, Песнь пятая) | |
Данте Алигьери. Божественная комедия, перевод М. Лозинского */ |
View bootstrap-dropdown.js
/*! | |
* Bootstrap v3.3.5 (http://getbootstrap.com) | |
* Copyright 2011-2015 Twitter, Inc. | |
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
*/ | |
/*! | |
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3356eb28a4f746ca1528) | |
* Config saved to config.json and https://gist.github.com/3356eb28a4f746ca1528 | |
*/ |
View browse happy
<!-- BROWSE HAPPY BEGINS HERE --> | |
<style> | |
.browse-happy {display:block;width:768px;height:120px;background-color:#cd3c18;color: #fff !important;margin: 0;font-size: 16px;line-height: 1.4;color: #333;position: fixed;z-index: 9999;top: 50%;left: 50%;margin-top: -60px;margin-left: -384px;padding: 20px 40px;text-align: justify} | |
.browse-happy a {color: #fff; text-decoration: underline;text-decoration-skip:ink} | |
</style> | |
<!--[if lt IE 10]> | |
<div class="browse-happy"> | |
<div> | |
<p class="browse-happy__notice">Мы обнаружили, что вы используете <strong>устаревшую версию</strong> браузера Internet Explorer</p> | |
<p class="browse-happy__security">Из соображений безопасности этот сайт поддерживает Internet Explorer версии 10 и выше |
NewerOlder