This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*При создании адаптивной разметки необходимо определиться | |
с основными контрольными точками. | |
Например, 576px, 768px, 992px и 1200px. | |
Эти точек может быть больше или меньше в зависимости от | |
реализуемого макета. Эти точки должны определять изменения | |
в верстке. Т.е. до 576px должна быть одна разметка, | |
при 576px и выше другая, при 768px и больше тоже другая | |
и т.д.*/ | |
/* | |
Использовать в этом файле можно только один из вариантов. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 уроков) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Photoshop - быстрое получение картинок для верстки | |
1)выбираем инструмент "перемещение" (слева 1-й сверху) | |
2)зажимаем Alt и левой мышкой по нужной картинке | |
3)справа в слоях нажимаем на "глазик"" и смотрим тот ли слой выбрался | |
4)если тот, то возращаем "глазик" и правой мышкой по имени слоя | |
5)выбираем пункт "Преобразовать в смарт объект" | |
6)снова правой мышкой по томуже имени слоя | |
7)выбираем пункт "Растровать слой" | |
8)выбираем инструмент "пунктиный квадрат" (слева, 2-й сверху) | |
9)выделяем картинку |