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

Видео с конференции W3C conf 2013 доступно на YouTube

2013-02-28 11:33:44 (читать в оригинале)


Кто не успел, не опоздал
Официальная страница

---

Пример — часы на СSS3 без изображений и JavaScript

2013-02-28 04:45:28 (читать в оригинале)



Это статья о том, как был сделан демонстрационный пример Wall Clock in Pure CSS3. Изначально, я предполагал написать данную статью в виде пошагового учебного пособия, но в процессе я понял, что такой пример мало для этого подходит. Потому я решил остановиться только на деталях, которые, на мой взгляд, наиболее интересны, а реализацию остального можно посмотреть и в коде.

Для начала собственно сам пример — на codepen.io или на cssdesk.сom

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

---

Процесс разработки в Badoo

2013-02-27 17:18:04 (читать в оригинале)

Сегодня мы проведём экскурсию по цеху разработки Badoo, в котором создаётся новый функционал нашего сайта, расскажем о самом процессе — от постановки задачи и до момента выкладки в боевое окружение.

За время существования компании её рабочий процесс эволюционировал от стохастического к хорошо контролируемому и понятному. Ещё полтора-два года назад никто точно не мог ответить на вопрос, какие задачи попали в сегодняшнюю выкладку, а менеджер опрашивал программистов, кто и что выложил. Сейчас же процесс максимально автоматизирован, таск-трекер тесно связан с системой контроля версий, задачи проходят несколько стадий проверки. При этом сохранилась высокая скорость разработки: нормальной считается ситуация, когда задача появилась утром, а после обеда новый функционал уже доступен пользователям на сайте.
Что ж, пройдём?

---

Миграция на Grunt v0.4

2013-02-27 15:21:53 (читать в оригинале)

Предисловие

18 февраля вышел релиз Grunt v0.4.0, с чем всех и поздравляю. Если вы еще не знакомы с Грантом — прошу пройти на официальный сайт или почитать ознакомительную статью на Хабре. Вкратце, Грант позволяет автоматизировать склеивание и минификацию js-файлов, запуск тестов, проверку кода с помощью JSHint и многое другое.

Данная статья — история миграции одного приложения с Гранта v0.3.9 на вышедшую v0.4.0. Версии несовместимы и переезд оказался не таким простым делом, как я изначально предполагал. Полная инструкция по миграции на английском находится здесь, она подробнее чем мое описание.

Зачем я использую Grunt

Как любому ленивому frontend-разработчику, мне нужен был инструмент, который автоматизирует рутинные задачи, позволяя сосредоточиться непосредственно на разработке. Так я нашел Грант, который делал за меня следующее:

• компиляция stylus в css;
• склеивание js-файлов;
• проверка JavaScript линтером;
• минификация склеенных js-файлов;
• запуск unit-тестов (qUnit);
• отслеживание изменений исходных файлов и автоматический перезапуск вышеперечисленных задач.

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

---

CoffeeComplete Plus для Sublime Text 2

2013-02-27 10:57:02 (читать в оригинале)

Хорошая новость для всех, кто пользуется Sublime Text и пишет на CoffeeScript!

Вышел плагин, который реализует нормальное автодополнение, переход к объявлению переменной или функции. Разумеется, там ещё есть над чем работать, но пользоваться уже вполне можно.

Переводить README большого смысла не вижу, вся информация есть по ссылке. Установить можно через Package Control (ищите CoffeeComplete), автодополнение срабатывает при нажатии Ctrl+Space. Поддерживаются как встроенные типы, так и объявленные пользователем «классы». Сторонние библиотеки тоже поддерживаются, на данный момент ведётся работа над jQuery (уже можно пользоваться, но пока есть нюансы). Свои файлы с определением синтаксиса нужных вам библиотек тоже можно писать.

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