HTML

Полезные источники.
https://tinypng.com/ — Сжатие изображений

чтобы убрать дефолтное расстояние между блоками, нужно дать им float
скрол с отступолм можно сделать паддаингом
iframe генирирует содержимое самостоятельно
если в блоке с свойством float вставить блок с элементами у которых свойство float первый блок по высоте не вырастет
filter: grayscale(100%); — серый фильтр на картинку
transform: scale(1.05) увеличение обьекта и уменьшение
&nbsp — неразрывный пробел
<pre> определяет блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один.
если шрифты не работают, то прогнать через http://www.font2web.com
background-size: auto 100%; — выставить картинку по высоте
:last-child — обращение к последнему элементу блока в css
backround-size: contain — занять всю площадь контейнера
ctr+клик — открыть в новой вкладке
alt — вывести меню в любой программе
Валидность кода — это словосочетание подразумевает написание HTML-кода сайта в соответствии с определенными стандартами, разработанными Консорциумом Всемирной Паутины — World Wide Web Consortium (W3C)

Фишки
ставь bootstrap до своих стилей, чтоб они мои не перебивали
list-style-type: none; — убрать маркеры в списке
Ctr+U — исходный текст сайта
чтобы сайт не своровали, для css пропиши путь http:// и скомпилируй в сжытый вид.
установить много шрифтов можно перетащив в панель управления шрифтов
если делаешь зависимость высоты по ::before то делай внутри блок со значением absolute top:0 bottom:0
span использовать только для выделения текста другим цвето или шрифиа, не использовать для отдельного текста с переносом
!!! поосторожней с z-index !!!
Чтобы при абсолютном позиционировании блок не уходил за пределы родительского блока нужно к родительскому элементу добавить относительное позиционирование «#hero .container { position: relative; }»
Марджином можно оттодвинуть левый или правый блок.
<meta name=»format-detection» content=»telephone=no»>

HTML
text-decoration:line-through; — перечеркнутый текст
&lt; — <
&gt; — >
<s> — перечеркнутый текст
span не самостоятельный элемент
noshade — hr без 3d эффекта
table>tr>td
• — маркер
ul>li
title — название
<a href=»#services(id блока к которому мы перейдем при нажатии)»></a> — переход к блоку на странице при нажатии
# = id
. = class
maxlenght=»» — максимальное количество символов в INPUT
required — обязательное поле для заполнения свойство INPUT
input type=»checkbox» — чекбокс
alt — Альтернативный текст добавляется через атрибут alt тега <img> и является обязательным согласно спецификации HTML и XHTML.

Браузер.
F12 — посмотреть код

Sumblime Text.
ctr+shift+s — сохранить как
alt — переход в строку меню
ctr+shift+/ — закоментировать блок стоящий рядом с курсором
ctr+shift+v — вставить текс с отступом
f11 — во весь экран
Ctr+pagedown/pageup — переход между вкладками
Ctr+w — закрыть вкладку
Ctr+n — создать вкладку
ctr+arrow — изменение числа с помощю выделения и стрелок верх и вниз(если вместо ctr использовать alt то число будет повышаться на 0.1, а shift+alt+arrow то на 10)
ctr+0 — переключиться на боковую панель
Ctr+Shift+стрелочки — выделение определенной части текста, если нажимать стрелки вертикально то текст переносится на другие строки
Shift+стрелочки — выделение частей слов
Ctr+стрелкивбок — перепрыгивать через слова
Переход по файлам — CTRL+P
schift-tab — одну табуляцию назат
f2 — переименовать
alt + tab — переключение между окнами
alt+schoft+p — open menu
плагин для путей к файлам
плагин для путей к css файлу со свойствами при наведении на класс в html на элемент
.box-& — вместо каждого раза и подкажды класс вставлять цифры
AutoFileName — плагин для автоматического заполнения путей
Ctr+schift+d — копировать строчку
Ctr+K+B — открыть/закрыть сайд бар
ctr+d — выделение однозначных элементов
ctr+y — противоположное ctr+z
alt+shift+№ — открытие несколько окон в сублимисе
alt+shift+8 — открытие 2 окyf в сублимисе горизонтально
ALT+F3 — Мгновенный поиск и замена
ctr+schift+p — вызвать пекэджконтрол
CTRL+F2 — Закладки ( переключаемся между ними c помощью «F2» или «Shift+F2».)
CTRL+D — Выделение текущего слова
CTRL+L — выделение строки

Windows.
WIN+пробел — поменять раскладку
CTR+arrowbottom — свернуть окно
Ctr+D — выделить текущее слово полностью
win+x — панель управления
WIN+Ctr+D — создать новый рабочий стол
WIN+Ctr+стрелка(вправо влево) — переключение между рабочими столами
WIN+Ctr+F4 — закрыть рабочий стол
WIN+TAB — переключение между рабочими столами
Ctr+shift+N — создание новой папки
Ctr+N — открытие той же папки
alt + tab — переклюючение окон

Photoshop.
полезно открывать макет на 100%, чтобы увидеть реальный размер в вебе
выгружай картинки с порезаннами границами(те что не видно) увеличить скорость загрузки сайта
параметры наложения — доп инструменты для элемента
Ctr+t — деформация элемента
вертикальное расстояние между буквами от 0 до 60 пуктов
две «ТТ» в символах — все буквы заглавные
штамп используется с alt
формат abr — загрузить кисти
Ctr+d прекратить работу с выделением
инструмент перемещения+группа в контекстном меню, при нажатии на элемент его слой находиться
изображение изменять по ширине без изменний пропорций можно с кнопкой schift, а также перемещение четко по оси x или y
через «окно» добавлять новые инструменты на панелб справа
Ctr+1 — 100%
Alt+F9 окно операций
Ctr+h — отключить сетку
Ctr+колесико — двигаться по горизонтали
Здравствуйте, по умолчанию фотошоп работает с pt (с пунктами), поменять на пиксели (px) можно в меню:Редактирование — Установки сновные.Там находите и выбираете — Единицы измерения и линейки заменяем pt на px : Линейки — пикс, Текст — пикс и жмем кнопку ок

{
  // Ayu
  "theme": "ayu-light.sublime-theme"
  "color_scheme": "Packages/ayu/ayu-light.tmTheme",
}

auto-save
Git
Terminal
AutoFileName
SideBarEnhancements
Emmet
Color Highlighter
CSS3
SublimeCodeIntel
Babel

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *