npofopr’s gists

npofopr / lazy-loading.html

Created January 31, 2020 07:17 — forked from droganaida/lazy-loading.html

Intersection Observer + custom lazy loading demo

	<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 June 11, 2019 07:55

Variables Theme use this with a basic uikit

	/*
	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 April 3, 2019 08:48

	$(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 December 29, 2018 08:06 — forked from ireade/sw.js

Handle broken images with the service worker

	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 December 16, 2018 21:04 — forked from agragregra/nodejs-gulp-install.txt

Node.js + Gulp installation (Ubuntu) one line command

	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 13:14

Добавление пункта "Открыть окно Bash здесь" для работы с Ubuntu shell в текущей папке Windows 10

	Windows Registry Editor Version 5.00

	; Created by:Shawn Brink
	; Created on: August 13th 2016
	; Tutorial: http://www.tenforums.com/tutorials/60125-open-bash-window-here-context-menu-add-windows-10-a.html



	[HKEY_CLASSES_ROOT\Directory\Background\shell\Bash]
	@="Открыть окно Bash здесь"

npofopr / DNS prefetching preconnect

Last active September 16, 2024 07:03

Common Prefetch Links

	<!-- 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 March 12, 2018 09:42

	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 February 24, 2018 15:55 — forked from dstaley/bootstrap-dropdown.js

npofopr / browse happy

Last active February 17, 2018 20:17

	<!-- 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 и выше

	/*!
	* 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
	*/

Vladislav Altyncev npofopr