Вложенные ссылки в HTML

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

Исправляем css hover эффект на тач-устройствах

При создании каскадного меню сайта, реализованного при помощи ненумерованного списка, с вложенным тегом <ul>, которое должно было появляться при наведении на родительский <li>, столкнулся с тем, что псевдокласс hover дико переглючивает на iPad, отчего меню совсем перестает работать.

HTML6

Блуждая по просторам интернета, я нашел очень активный и интересный «проект» на GitHub, который, к счастью, не очень популярен. И его официальный сайт. Зацените.

Треугольник на чистом CSS

Для того, чтобы сделать треугольник на чистом CSS достаточно использовать всего один блок <div> и пару строк стилей.

CSS: Текст поверх линии

Очень часто дизайнеры требует от верстальщиков писать текст поверх линии на неоднородном фоне.

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

Если вы вдруг получили такую ошибку при отправке формы — проверьте, не названа ли кнопка отправки формы submit.

CSS анимация для «техники жёлтого затухания»

Не думаю, что я первый, кому пришла в голову эта идея, но всё же задокументирую её.

Если вы не знакомы с этой техникой, прочтите статью «Web Interface Design Tip: The Yellow Fade Technique».

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

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

Emmet — набор инструментов для веб-разработчиков

Emmet (ранее известный как Zen Coding) — это набор инструментов веб-разработчика, который упрощает рабочий процесс по написанию CSS и HTML кода. Он раскрывает аббревиатуры. Начать его изучение стоит с синтаксиса аббревиатур и доступных действий. Уже сейчас есть множество плагинов для популярных редакторов.

Отзывчивый веб-дизайн (Responsive Web Design или сокращенно RWD) имеет ряд преимуществ перед обычным дизайном:

  • Сайт одинаково хорошо выглядит практически на любом устройстве при любом разрешении экрана и любой ориентации дисплея;
  • Одна верстка вместо нескольких вариантов сайта под разные устройства (Mobile, PDA, iPone, iPad);
  • Это простая и веселая технология — все крутые парни используют ее.

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