CategoryFront end

Мысли о PostCSS

«А нафиг оно нужно?», — спросите вы.
«А хрен его знает», — отвечу я вам.

Главное назначение PostCSS — дать хипстоте возможность выпендриться перед коллегами. «Я не на препроцессорах, а на постпроцессорах».
А то, что теперь ты не видишь что за ересь передают с расширением .css. Нужно будет угадывать каких модулей наподключал в PostCSS очередной верстала — это тоже никого не волнует. А там может быть скобкота и неподдерживаемые свойства CSS4, может быть арабская вязь или вообще код на мунспике.

Да, есть в PostCSS и плюсы. Например, autoprefixer — вещь, позволившая выкинуть Compass (для которого нужен медленный Ruby Sass). И на этом плюсы в принципе заканчиваются.

Автор PostCSS толканул речь как это круто, создает конкуренцию — сидите пилите плагины на JS к PostCSS. Но нафиг это нужно. Это такой же довод в пользу Ruby Sass – что в случае чего можно залезть в код и переделать компилятор под себя. Но этот случай так и не настал, а на сцену вышел Libsass, в код которого никто не полезет. Сами же авторы Sass уперлись в потолок для реализации на Ruby и объявили о переходе на Dart.

Кто хочет посмотреть что за зверь PostCSS, добро пожаловать под кат (два видео).
Continue reading

Разница между <i>, <em>, <strong> и <b> в HTML5

  • Используйте <em> чтобы обозначить акцент или ударение (emphasis or stress).
  • Используйте <strong> чтобы обозначить важность (importance).
  • Используйте <mark> чтобы обозначить значимость (relevance).
  • Используйте <cite> чтобы разметить имя работы, например книги, игры или песни (book, play, or song).
  • Используйте <dfn> чтобы разметить определение термина. (the defining instance of a term).
  • Тег <b> не передает семантического значения, используйте его только в тех случаях, когда другие теги не походят. Тоже самое относится к <i>.

Заметка двухгодичной давности, но многие разработчики до сих пор не понимают разницы.

Jade — препроцессор HTML

Пересмотрел свое отношение к препроцессорам HTML вроде HAML, Slim, Jade.
Continue reading

Кодировка Windows-1251 никак не умрет

Уже столько лет UTF-8 шагает по планете, но постоянно встречаются умственно отсталые проекты на Windows-1251. Как правило, все остальное у данных сайтов тоже плохо.

Посмотрим на график использования кодировок с 2010 по 2016 год.
Как видим, использование ISO-8859-1 снизилось в 4 раза. Windows-1252 – в 3,5. Но Windows-1251 только в два раза занимает “почетное” третье место со своими 2% во всем мире.
Доколе?

Если в исходном коде страницы (ctrl+U) есть строка, содержащая windows-1251:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
или
<meta charset="windows-1251">

Значит ваш сайт тоже использует устаревшую кодировку. Пора перекодировать все страницы если у вас статичный сайт, либо менять кодировку с сопоставлением в базе данных и в самом движке.

Источник данных

Цитата дня

VCS усложняют разработку. ZIP — выбор настоящих программистов! Просите архив, потом выложите ссылку на архив со своими правками, там, глядишь, еще кто подтянется.

Если кто не понял, это сарказм. Довольно печально, что в 2015, а не в 2005 некоторые все еще так думают.

[Решение] Sublime Text загружает процессор

Заметил, что при добавлении объемных проектов, Sublime начинает сильно грузить процессор, причем несколькими процессами в диспетчере задач. Сильнее чем некоторые 3D-игры: компьютер превращается в печку.

К счастью решение нашлось. Нужно отключить индексацию файлов для быстрого поиска через Ctrl+P.

Continue reading

Как начать использовать SVG прямо сейчас

Довольно часто сталкиваюсь с проектами, где для оформления элементов дизайна страниц неразумные разработчики все еще используют растровые изображения. Шел 15-й год XXI века, а мы по-прежнему видим тяжеловесный растр вместо средств CSS и вектора в SVG. Ретина-дисплей? — Нет, не слышал. Стала очевидна необходимость еще раз разжевать что такое SVG и почему его нужно использовать.

Continue reading

Как сделать адаптивность для IE8

Для создания адаптивности используются медиа-запросы CSS. Но, как известно, в Internet Explorer 8 они не поддерживаются.

Как я писал ранее, крайне не рекомендуется поддерживать старинные IE вообще. Но любителей Эксплорера в XP по-прежнему больше, чем любителей оного в Windows 7 и 8, что видно по статистике использования.
Так почему бы не сделать поддержку мягкого отказа для IE8 с минимальными трудозатратами?
Continue reading

Вышел Dreamweaver 2014.1

Извлечение assets картинок из PSD-файлов.
Теперь уменьшится количество рукожопов из Muse или напротив увеличится?
Continue reading

Немного о использовании условных комментариев [if IE]

Задача №1: подключить стили для IE 9

Не все знают, но конструкция вида

<!--[if IE]>
<link href="ie.css" rel="stylesheet">
<![endif]-->

не работает начиная с 10-й версии Internet Explorer. В нём отключены условные комментарии, чтобы он внешне походил на нормальный браузер.
Для новых IE, при желании, можно определить версию через user-agent в PHP или средствами JavaScript. Однако и эту возможность в будущем Microsoft обещают убрать.
Continue reading