YakovSPb’s gists

YakovSPb / animate.js

Last active September 29, 2019 17:32

animate.css

	https://daneden.github.io/animate.css/ - анимация CSS

	1. npm install animate.css --save
	2. $("h2").animated("fadeInRight");


	// ВТОРОЙ ВАРИАНТ
	bower install aos --save
	'app/libs/aos/dist/aos.js',
	@import "../libs/aos/dist/aos.css" // Теперь необходимо казывать расширение .css

YakovSPb / font-awesome.js

Last active January 14, 2020 11:15

font-awesome

	https://fontawesome.com/icons?d=gallery
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


	1.bower i Font-Awesome#4.5.0
	https://github.com/shwinp/font-awesome-4.5.0


	2. В libs.sass пишем
	@import "../libs/font-awesome/css/font-awesome.min.css"

YakovSPb / github.js

Last active October 10, 2020 09:29

github

	Php Storm
	========================
	1. Выбираем VHS > Enable Version COntrol Integration
	2. В корне папки проекта создамем файл .gitignore и пишем в нем .idea (исключения)
	3. Добавляем всю папку в git crl+alt+a (файлы становятся зелеными)
	4. Создаем репозиторий VHS > Import intro Version Control > Share project on GitHub

	Sublie Text
	=====================
	Устанавливаем пакет Sublime Text Git

YakovSPb / gists.js

Created January 28, 2019 15:07

gists

	1. пишем ключ токена SublimeText>Settings>Gist>Setting User
	{
	""
	}


	2. пишем SublimeText>Settings>Gist>Key Bindings - User

	[
	{ "keys": ["alt+shift+f"], "command": "reindent" },

YakovSPb / marginfic-popup.js

Last active September 29, 2019 10:32

magnific-popup

YakovSPb / all

Last active January 30, 2019 09:51

build and deploy

	<!DOCTYPE html>
	<html lang="ru" xmlns="http://www.w3.org/1999/html">

	<head>
	<script src="libs/mmenu/js/jquery.mmenu.min.js"></script>
	<meta charset="utf-8">

	<title>Bakery</title>
	<meta name="description" content="">

YakovSPb / fotorama.js

Created January 28, 2019 15:15

fotorama

	1. bower i fotorama --save

	2. Подключаем стили
	@import "../libs/fotorama/fotorama.css"

	3. Скрипт
	'app/libs/fotorama/fotorama.js',

	4 <div class="section-gallery fotorama" data-nav="thumbs" data-thumbwidth="110.5" data-thumbheights="66" data-thumbborderwidth="4" data-thumbmargin="10" data-width="100%">

YakovSPb / equalHeihgts

Created January 28, 2019 15:24

equalHeights - одинаковая высота

	1. bower i equalHeights

	2. В gulpfile.js
	'app/libs/equalheights/equalheights.js',

	3. В common.js
	$(".service-item h4").equalHeights();

YakovSPb / mmenu.js

Last active October 23, 2020 16:25

mmenu - меню

	//1 БЫСТРОЕ МЕНЮ
	//БЫСТРОЕ МОБИЛЬНОЕ МЕНЮ//

	HTML
	<a class="gumburger"><i class="fa fa-bars"></i></a>

	делаем дубликат меню ul и добавляем класс m-menu перед body
	и делаем первым в списке пункт
	<li class="close-menu">×</li>

YakovSPb / preloader.js

Last active April 10, 2020 19:02

preloader

	1. После body пишем
	<div class="preloader"><div class="pulse"></div></div>

	2. Пишем стили

	@mixin opacity($opacity)
	opacity: $opacity / 100
	filter: alpha(opacity=$opacity)
	.pulse
	position: relative

	1. В папке проекта в комстроке пишем bower i magnific-popup
	@import "../libs/magnific-popup/dist/magnific-popup.css" // Теперь необходимо казывать расширение .css
	'app/libs/magnific-popup/dist/agnific-popup.min.js',

	2. Подключаем
	3. <div class="hidden">
	<form class="popup-form callback zoom-anim-dialog" id="callback">

	<!-- Hidden Required Fields -->
	<input type="hidden" name="project_name" value="Юрдис">