
Emmet, шпаргалка сокращений. Шорткоды
Emmet — плагин, с которым быстрее писать HTML и CSS код при помощи различных команд. Здесь собраны основные сокращения и варианты их применения.
Emmet — плагин, с которым быстрее писать HTML и CSS код при помощи различных команд. Здесь собраны основные сокращения и варианты их применения.
Илья Бирман написал заметку, в которой затронул вопрос: а нужно ли, чтобы курсор менялся при наведении на кнопку? Правда, без собственного ответа. Я считаю, что курсор при наведении всегда должен меняться на руку с пальцем. И сейчас попробую обосновать свою точку зрения.
Три коротких видео, которые помогут разобраться в основных принципах работы с фотошопом для вёрстки.
Рассмотрим варианты, как сделать треугольник, который смотрит вниз, с помощью CSS, используя псевдоэлемент «after»
webTrip — шоу об истории Всемирной Сети и околотематических событиях.
В этом выпуске: рождение Веба и первого сайта, фотошоп-2, Джон Бардин — изобретатель транзистора и выход на экраны Терминатора-2.
Самые популярные форматы растровой графики — GIF, JPG и PNG. За счёт поддержки браузерами и малого веса.
Реализуйте эффект, чтобы строка таблицы изменяла форму при наведении курсора.
Гигиена кода — залог крепкой и надёжной вёрстки. Чеклист помогает не допускать банальных ошибок и освободить голову для решения сложных задач.
Пустые элементы в разметке плохо сказываются на доступности сайта. Их нужно наполнять контентом или удалять.
Сделайте, чтобы рамке с градиентом добавлялась анимация при наведении на элемент.
Инструкция по настройке существующих сниппетов под себя.
Повторите эффект, когда картинка выходит за рамки родительского блока
Селекторы объясняют браузеру, какие стили применить к элементу. Это основа CSS.
Box-shadow добавляет элементу одну или несколько теней
В этой задачке на прокачку нужно подсветить блоки без текста красным и добавить в них надпись.
Emmet — плагин, ускоряющий написание HTML и CSS кода. Статья поможет установить плагин для Sublime text.
Придумал новую задачку, по мотивам прошлой. Думаю, будет легко, но весело. Возникнут сложности — начните с первой 😉
Рассмотрим вёрстку блока с контентом на примере банки с водой: как правильно использовать отступы и не писать лишний код.
Задачка на прокачку — это небольшое упражнение на знание CSS. Времени на решение много не уйдёт, а размяться поможет. Главное условие — соблюдать ограничения. Надеюсь, вам понравится.
Короткая заметка о том, как настроить синтаксис для плагина «Emmet» в текстовом редакторе «Sublime».