Skip to content

Instantly share code, notes, and snippets.

View pisotskiy-evgenii's full-sized avatar

Yevhenii Pisotskyi pisotskiy-evgenii

View GitHub Profile
@pisotskiy-evgenii
pisotskiy-evgenii / index.html
Created October 15, 2017 23:36
HTML tamplate for Bootstrap(ready to use)
<!DOCTYPE html>
<!--Для корректного отражения в последних версиях браузера InternetExplorer-->
<!--[if lt IE 7]><html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html lang="ru" class="lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html lang="ru" class="lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--><!--<![endif]-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@pisotskiy-evgenii
pisotskiy-evgenii / media.css
Created October 15, 2017 23:33
Media Query BOOTSTRAP grid(сетка) v3.3.7
/*При создании адаптивной разметки необходимо определиться
с основными контрольными точками.
Например, 576px, 768px, 992px и 1200px.
Эти точек может быть больше или меньше в зависимости от
реализуемого макета. Эти точки должны определять изменения
в верстке. Т.е. до 576px должна быть одна разметка,
при 576px и выше другая, при 768px и больше тоже другая
и т.д.*/
/*
Использовать в этом файле можно только один из вариантов.
@pisotskiy-evgenii
pisotskiy-evgenii / doc_descr.txt
Created October 14, 2017 15:10
Wordpress (подготовка перед натяжкой)
Axxon - WebDesign (смотри с 22 урока и до конца)
https://www.youtube.com/watch?v=-jonfg3fo5M&list=PLzGX_ggMZ5EyRBceudiD1FoPO2UHIhV7j&index=22
Glo Academy
https://www.youtube.com/watch?v=u_3BfxwkjWw - 1 часть(без 2й части ничего не делай)
https://www.youtube.com/watch?v=AiPkeBWwI3s - 2 часть
Уроки веб-разработки
https://www.youtube.com/watch?v=xmJkgbiBBUQ&list=PLcVuGt1dXgc3PQhr1Lg-BGh3X3svQl0ze (6 уроков)
@pisotskiy-evgenii
pisotskiy-evgenii / index.txt
Created October 7, 2017 07:15
Photoshop-быстрое получение картинкок макета
Photoshop - быстрое получение картинок для верстки
1)выбираем инструмент "перемещение" (слева 1-й сверху)
2)зажимаем Alt и левой мышкой по нужной картинке
3)справа в слоях нажимаем на "глазик"" и смотрим тот ли слой выбрался
4)если тот, то возращаем "глазик" и правой мышкой по имени слоя
5)выбираем пункт "Преобразовать в смарт объект"
6)снова правой мышкой по томуже имени слоя
7)выбираем пункт "Растровать слой"
8)выбираем инструмент "пунктиный квадрат" (слева, 2-й сверху)
9)выделяем картинку
@pisotskiy-evgenii
pisotskiy-evgenii / menu.html
Created October 6, 2017 07:25
Menu httml+css
<!--Блок меню разместили в конце для поисковой оптимизации -->
<div id='topmenu'>
<ul>
<li class='active'><a href="index.html">Главная</a></li>
<li><a href="pilomateriali.html">Пиломатериалы</a>
<ul>
<li><a href="doska.html">Доска</a></li>
<li><a href="vagonka.html">Вагонка</a></li>
<li><a href="brusok.html">Брусок</a></li>
<li><a href="block-house.html">Блок-хаус</a></li>