npofopr
/ lazy-loading.html
Created Jan 31, 2020
— forked from droganaida/lazy-loading.html
Intersection Observer + custom lazy loading demo
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 { |
npofopr
/ Get UiKit 3 scss & css variables color
Last active Jun 11, 2019
Variables Theme use this with a basic uikit
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%; |
npofopr
/ BX Panel and fixed header
Created Apr 3, 2019
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'); | |
| } | |
npofopr
/ sw.js
Created Dec 29, 2018
— forked from ireade/sw.js
Handle broken images with the service worker
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"; | |
| } |
npofopr
/ nodejs-gulp-install.txt
Last active Dec 16, 2018
— forked from agragregra/nodejs-gulp-install.txt
Node.js + Gulp installation (Ubuntu) one line command
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 |
npofopr
/ Add_Open_Bash_context_menu.reg
Last active May 18, 2020
Добавление пункта "Открыть окно Bash здесь" для работы с Ubuntu shell в текущей папке Windows 10
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"> |
npofopr
/ Ад, Песнь пятая
Created Mar 12, 2018
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); | |
| /* Здесь ждет Минос, оскалив страшный рот; | |
| Допрос и суд свершает у порога | |
| И взмахами хвоста на муку шлет. (Ад, Песнь пятая) | |
| Данте Алигьери. Божественная комедия, перевод М. Лозинского */ |
npofopr
/ bootstrap-dropdown.js
Created Feb 24, 2018
— forked from dstaley/bootstrap-dropdown.js
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 | |
| */ |
npofopr
/ browse happy
Last active Feb 17, 2018
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