Хабрахабр: Web-разработка / Блог / Захабренные Голосов: 1 Адрес блога: http://habrahabr.ru/blog/webdev/ Добавлен: 2008-06-12 19:52:21 блограйдером ZaiSL

[Перевод] CSS-препроцессоры против постпроцессоров

2014-09-07 19:17:39 (читать в оригинале)


CSS-препроцессоры прекрасны, они сделали революцию в мире интернет-вёрстки. Создание кросс-браузерного CSS стало гораздо проще, потому что все вендорные префиксы и хаки можно завернуть в примеси, заглушки или что у вас там. До сих пор этого вполне хватало, но так как мы неистово одержимы контролем, хотим большего. Всегда. БОООООЛЬШЕ. Скажи привет CSS-постпроцессорам!

Postprocessing? я запутался!

Это неудивительно, мне кажется “postprocessing” не слишком подходящим словом, но он вполне способно донести саму суть – CSS-препроцессоры (Sass, Less и т.д.) читают и собирают язык расширения в CSS, тогда как постпроцессоры читают и собирают сам CSS. Это ужасно, простите, но если вы но если было непонятно, то теперь всё должно встать на свои места.

Уже существует несколько постпроцессоров, например – Autoprefixer, PostCSS и rework.

Зачем использовать постпроцессор?

Что ж, давайте возьмём для примера Autoprefixer, он читает ваш CSS и добавляет вендорные префиксы, используя при этом базу данных Can I Use. Представьте, что вы пишете на Sass и хотите применить правило из CSS3, плохо поддерживаемое без префиксов, так что используете примесь:

@mixin box-sizing($value) {
  -webkit-box-sizing: $value;
     -moz-box-sizing: $value;
          box-sizing: $value;
}
.box {
  @include box-sizing(border-box);
}

Почему Autoprefixer лучше? Потому что можно вот так:

.box {
  box-sizing: border-box;
}

Читать дальше →

---

12 часов от идеи до релиза

2014-09-07 19:02:51 (читать в оригинале)


Недавно мы лишились работы.

Свободного времени хоть отбавляй. Несколько дней уже не программируем.

О нас:
— Я, сдент 4 курса КПИ, ФПМ, в последнне время пишу фронтенд на Angular.
— Антон мой одногрупник и мы работаем в команде, он занимается бэкендом на python/django

Вчера вчером решили поиграть на гитаре, и пока шли ко мне (жена уехала до середины сентября к родителям), Антон решил предложить набить скилов. А именно:
«Давай поменяемся ролями в разработке? Я напишу фронтенд и раберусь с Angular, а ты напишешь серверную часть на python или Node.js?»,- ну ок, почему бы и нет.


Через 15 минут обсуждений мы решили провести эксперимент и написать за 12 часов готовый продукт (такой себе хакатон) + запустить его в продакшн.

Кому интересно, что из этого получилось — прошу под кат. Читать дальше →

---

[Перевод] CSS GuideLines, часть 2. Комментирование кода

2014-09-07 10:49:41 (читать в оригинале)




В каждом проекте есть определенные нюансы и тонкости, которые помнят далеко не все, и худшее, что может случиться с разработчиком — это работа с кодом, который писал не он. Даже запоминание тонкостей своего собственного кода является возможным только до определенной степени, не говоря уже о чужом коде. Именно поэтому CSS надо комментировать. Читать дальше →

---

[Перевод] CSS GuideLines, часть 1.Синтаксис и форматирование

2014-09-06 17:48:31 (читать в оригинале)

Введение

CSS не идеален. Поначалу кажется, что он прост в освоении, но работая над реальным проектом вы столкнетесь со многими проблемами. Мы не можем изменить то, как работает CSS, но мы можем изменить тот код, который мы пишем. Читать дальше →

---

[Перевод] JavaScript метод insertAdjacentHTML и beforeend

2014-09-06 15:29:46 (читать в оригинале)


Перевод статьи «JavaScript insertAdjacentHTML and beforeend», David Walsh.

Если вы не знали: чертов DOM очень медленный. А по мере того, как наши сайты становятся все более динамичными и AJAX-использующими, нам становиться все важнее управлять DOM древом с наименьшим ущербом в производительности. Недавно я написал статью о DocumentFragment'ах. Это разумный подход к объединению списка дочерних элементов под неким «псевдо-элементом», для дальнейшего помещения в реальный DOM элемент. Еще один замечательный метод для работы с элементами insertAdjacentHTML: это способ добавлять элементы в родительский элемент не задевая других его потомков.
Читать дальше →