Skip to content

Instantly share code, notes, and snippets.

@DmitriyRF
DmitriyRF / Tabs for site
Last active June 24, 2016 12:01
Табы для сайта
HTML:
<div class="wrapper">
<div class="tabs">
<span class="tab">Вкладка 1</span>
<span class="tab">Вкладка 2</span>
<span class="tab">Вкладка 3</span>
</div>
<div class="tab_content">
<div class="tab_item">Содержимое 1</div>
<div class="tab_item">Содержимое 2</div>
@DmitriyRF
DmitriyRF / .gitignore
Created June 12, 2016 15:13
Файл исключений для git
# Mobile Tools for Java (J2ME)
.mtj.tmp/
# Package Files #
*.jar
*.war
*.ear
# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
hs_err_pid*
# Sass temp file
.sass-cache/
@DmitriyRF
DmitriyRF / bootstrap media
Last active March 23, 2018 09:48
File for media sass
/**************************************************************************************
__ _ _ _ _ _ ____ _ _ ______ _ _ _ __
/ / ______ /\| |/\ _| || |_ | \ | | / __ \ | \ | || ____| _| || |_ /\| |/\ ______ \ \
/ /______|______|\ ` ' /|_ __ _| | \| || | | || \| || |__ |_ __ _|\ ` ' /|______|______\ \
< <|______|______|_ _|_| || |_ | . ` || | | || . ` || __| _| || |_|_ _|______|______|> >
\ \ |______|/ , . \|_ __ _| | |\ || |__| || |\ || |____ |_ __ _|/ , . \|______| / /
\_\ \/|_|\/ |_||_| |_| \_| \____/ |_| \_||______| |_||_| \/|_|\/ /_/
______ ______ ______ ______
@DmitriyRF
DmitriyRF / config.rb
Created June 17, 2016 06:02
Compass config
require 'compass/import-once/activate'
#User config
# Должен лежать в корневой папке !! ! !!
#После того как файл config.rb настроен и лежит в корневой папке вашего проекта, запустите командную строку и введите команду:
#compass init
#compass watch
# preferred_syntax – выбор синтаксис :sass или :scss . По-умолчанию, установлен :scss.
preferred_syntax = :sass
@DmitriyRF
DmitriyRF / README.txt
Last active July 18, 2016 11:00
Оптимальный redirect
Внизу приведён оптимальный способ перенаправления пользователя на другую страницу,
в том случае, например, если вы поменяли домен.
Работает практически в любом браузере.
Для того что бы скопировать/клониолвать/переместить с компьютера на github свой репозиторий нужно:
1. Создать репозиторий на github и смотришь его url по https или ssh
2. В папке с проектов запустить gitBash и прописать:
git init // Инициализация
git add . // Индексируешь
git commit -m "first commit" // Коммитишь или git commit -am "first commit"
git status // Проверяешь, что все нужные файлы проиндексированы, если попали ненужные изменения, сбрасываешь: git reset HEAD имя файла
git remote add <name> <url> // Добавляешь удаленный(дальний) репозиторий, где <name> - это какое-нибудь имя, например origin <url> - это https/ssh ссылка на репозиторий
// По умолчанию репозиторий называется origin, просмотреть их можно git remote -v.
------> git push -u origin master Потом можно это вставить
@DmitriyRF
DmitriyRF / Contents.markdown
Last active December 20, 2016 21:46
My Gist navigation

На данной страниице представлено краткое содержание всех сутей.

  1. [Конфигурация compass](https://gist.github.com/DmitriyRF/f62d3028d7c2e1d883329a73f10e1422)
  2. Конфигурационный файл для компилятора SCSS COMPASS
  3. [Файл media.css](https://gist.github.com/DmitriyRF/7731c2cbe85d1034b67025b224f41b58)
  4. Css файл для медиа запросов для разных разрешений экранов
  5. [Файл .gitignore](https://gist.github.com/DmitriyRF/a47664ef332cbf6470923fb449ef827a)
  6. Файл для игнорирования Git определенных фалов и не клонировании их на сервер GitHub
@DmitriyRF
DmitriyRF / .html
Last active October 12, 2016 19:24
Прелодер для сайта
<div class="loader">
<div class="loader_inner"></div>
</div>
@DmitriyRF
DmitriyRF / file.js
Created December 10, 2016 15:56
Плавающий блок, который фиксируется на экране в пределах двух областей
//Фиксация меню при прокрутке до уровня ------------+-------------------------+-------------------------+-------------------------+-------------
var h_hght = 225; // высота шапки
var h_mrg = 25; // отступ когда шапка уже не видна, т.е. от верхнего окна
var h_mnhght = 0; // максимальный отступ, т.е. нижний предел прокрукти блока, при "0" прокручивается до конца страницы
$(window).scroll(function(){
//отступ сверху
var top = $(this).scrollTop();
// элемент
var elem = $('#top_nav');
//высота элемента
@DmitriyRF
DmitriyRF / Index.html
Created February 13, 2017 20:30
Fain In Image плавная загрузка картинки, после загрузки страницы
<header id="image">
</header>
<script>
var rand = Math.random() * 6;// Создаем цифру от 1 до 6
rand = Math.floor(rand);// Округляем до целого
var img = new Image(); // Создает новый элемент изображения
img.onload=function(){//действия после загрузки фото
image.style.backgroundImage = 'url(img/bg-'+rand+'.jpg)';