Верх страницы

Заметки в категории «Верстка»

В данной категории собраны сниппеты CSS, HTML, примеры верстки, инструмены, облегчающие процесс верстки макетов и много другое.

Twitter Bootstrap — самый популярный CSS-фреймворк. У него более 165к звезд и 79к форков на GitHub.

открытым исходным кодом, поддерживаемый товарищем по-имени Angel

1000.tech. Более современная альтернатива reset.css и normalize.css.

Calc из спецификации CSS — это функция, при помощи которой вы можете проводить вычисления, чтобы задавать значения CSS свойств. Вооруживщись calc, применим его к background-size.

спецификации HTML чётко указано, что вложенных ссылок нет и быть не может. Но, буквально на днях, Роман Комаров (разработчик интерфейсов в Яндексе) предложил поистине простой и вполне рабочий вариант решения данной проблемы.

jQuery-плагинов, роль которых — полная замена нативных checkbox и radio на смесь непонятных структур HTML и JavaScript.

Люк Хаас создал креативную коллекцию крутящихся прелоадеров, анимированных при помощи CSS3. Каждый «волчок» коллекции состоит всего из одного блока

с классом .loader и текстом «Loading…». Текст задан для экранных читалок и обратной совместимости со старыми версиями браузеров, не поддерживающих CSS3.

советует отключить эффекты страницы при наведении (игнорировать hover) во время прокрутки её пользователем.

проект» на GitHub, который, к счастью, не очень популярен. И его официальный сайт. Зацените.

Ексея Пантелеева, то советую сделать это прямо сейчас.

Сергей Чикуёнок вновь порадовал всех front-end разработчиков, запилив Emmet LiveStyle, — плагин для живого двунаправленного редактирования CSS нового поколения (браузер ↔ редактор).

делать потрясные штуки. IE теперь не тот.

Iconvault сделали потрясающий веб-шрифт для создания многослойных иконок погоды.

Главное преимущество данного шрифта — полная масштабируемость его символов, что позволяет с легкостью использовать его на любых устройствах и платформах.

очередной велосипед и решил поделиться своим вариантом решения данной проблемы.

Web Interface Design Tip: The Yellow Fade Technique».

Этот дизайнерский эффект, ставший не так давно достаточно популярным, был использован 37 signals в ситуации, когда новый контент добавлялся на страницу и к нему пытались привлечь внимание пользователей.

заявила, что IE10 более не поддерживает условные комментарии. С их стороны это очень рискованный шаг. На протяжении многих лет веб-разработчики использовали условные комментарии, хаки и комбинацию данных способов для отделения браузеров IE от всех остальных.

www-style.

утилиту Мэтта Керсли, которая показывает одну и ту же страницу во фреймах различного размера. Это полезно только для «живых» сайтов, которые уже есть в интернете, а что делать, если вы ведете разработку локально?

Давайте дружить
в Telegram

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы