Как стать автором
Обновить
36.65

HTML *

Стандартный язык разметки web-страниц

Сначала показывать
Период
Уровень сложности

Простой способ растянуть блок на всю высоту экрана, или CSS3 Viewport Units

Время на прочтение2 мин
Количество просмотров267K

В этой статье я познакомлю вас с появившимися в CSS3 единицами измерения vw, vh, vmin и vmax.
Читать дальше →

В чем разница между Brackets/Adobe Edge и COLT?

Время на прочтение1 мин
Количество просмотров5K
Разработчиков COLT постоянно спрашивают в чем разница между Bracket/Adobe Adge и COLT.

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

Спасибо!

Букет цветов на CSS3

Время на прочтение4 мин
Количество просмотров11K
Небольшая предыстория: 8 марта я разместил на своем блоге вот такой букет цветов. В течение недели уже несколько человек поинтересовались его реализацией — и до сегодняшнего дня отвечал достаточно кратко — с помощью border-radius, inear-gradient и transform.
Но если кому-то это было интересно, то почему бы не написать развернутый мануал?
Одним из требований было минимальное количество обьектов на один цветок — это позволит использовать любое количество цветов с незначительными изменениями кода. У меня получилось всего 5 обьектов, включая стебель и лист, но вы, если захотите, можете рисовать более сложные цветы.
Читать дальше →

TinyMCE 3.x: Подсчет количества слов и символов при редактировании контента

Время на прочтение2 мин
Количество просмотров5.8K
При использовании WYSIWYG редактора TinyMCE 3.x часто возникает потребность отображения статистики редактируемой статьи в реальном времени: отображение количества слов, символов и символов с пробелами.

Для чего это может требоваться?
Самое частое применение: создатели контента (копирайтеры, рерайтеры, контент-редакторы и т.д.) должны иметь возможность оценивать выполненный объем своей работы.

Плагин «из коробки» просто не работает для русского языка (не говоря о парсинге HTML-тегов). Поэтому было принято решение написания своего «велосипеда».
Что-нить получилось?

Модель строгости

Время на прочтение3 мин
Количество просмотров9.1K
Я помешан на порядке.

Вся информация должна быть разложена по полочкам — идеи, планы, подходы, методологии.

Меня пугают мысли о беспорядке — я стараюсь всё систематизировать и изложить в личные заметки, статьи или документации.

Но что делать, когда система не работает, ресурсы ограничены и специфика задачи не соответствуем идеальным понятиям? Под катом, я поделюсь своими мыслями о “Модели строгости”, касательно методологий разработки и многослойной системы организации CSS.
Читать дальше →

Кастомизация radiobutton без JS

Время на прочтение2 мин
Количество просмотров46K
Однажды, у меня возникла задача, сделать на форме сайта выбор одного из нескольких цветов. Казалось бы, нет ничего проще. Элемент radiobutton, как нельзя лучше, подходит для этой задачи, нужно только чуть-чуть его кастомизировать. Тут-то и начинаются проблемы. Дело в том, что отрисовкой элементов radiobutton и checkbutton управляет не браузер, а ОС. Соответственно, большинство свойств CSS (например, background-color) на них не действует.
Читать дальше →

Экосистемный подход к сборке веб-проекта с TeaCSS

Время на прочтение5 мин
Количество просмотров1.4K
В этой статье я расскажу как можно организовать процесс сборки фронтэнда «от и до».

Советую начать со вводной статьи, если кто не читал.

Там я рассказывал про TeaCSS как про надмножество CSS, и это была неправда. Точнее – полуправда. И таким он был во времена своего создания (откуда и название).

Сейчас – это декларативный метаязык для генерации контента, во многом черпающий вдохновение из QML, Lisp, Clojure, Nemerle.
Читать дальше →

Угадай фильм по трейлеру

Время на прочтение2 мин
Количество просмотров1.8K
Угадай фильм по трейлеру!
В поисках вдохновения в творениях небезызвестного конкурса для веб-разработчиков 10k.aneventapart.com впервые затронутого автором в прошлой статье, было замечено такое вот незамысловатое приложение. Краткий смысл, – по трейлеру фильма определить его год выпуска. Идея простая, интересная и отталкиваясь от неё можно придумать еще по крайне мере одно простенькое игровое приложение. Вам хочется подробностей и/или вы невнимательно прочли заголовок статьи? – Тогда, добро пожаловать под кат.
Читать дальше →

Решение проблемы importScripts() в Opera

Время на прочтение2 мин
Количество просмотров3.4K
Доброго всем времени суток! Буквально сегодня при использовании Web Workers столкнулся с проблемой в функции importScripts(), которая заключается в том, что Opera(использую версию 11.61) по каким-то своим внутренним причинам при повторном создании объекта Worker отказывается исполнять внутри него функцию importScripts()(проблема возникает только в опере, остальные браузеры ведут себя адекватно).
Читать дальше →

Создание Color Picker из изображения на HTML5

Время на прочтение4 мин
Количество просмотров4.1K
В данном туториале я покажу как получать Color Picker из изображения на HTML5 при помощи Canvas. Главная идея — нарисовать изображение на Canvas, получить перемещения и клики мышкой.
Прошу под кат
12 ...
98