Skip to content

Instantly share code, notes, and snippets.

View YakovSPb's full-sized avatar

YakovSPb

2 followers · 5 following
View GitHub Profile
@YakovSPb
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
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
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
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
YakovSPb / marginfic-popup.js
Last active September 29, 2019 10:32
magnific-popup
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="Юрдис">
@YakovSPb
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
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
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
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">&times;</li>
@YakovSPb
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