Ни для одного опытного программиста или верстальщика не секрет, что настроенная под себя среда разработки (не в смысле IDE, а в более общем) — жизненная необходимость. Было время, когда я делал очередную верстку в практически голом Notepad++ на единственном мониторе, поочередно открывая Photoshop, браузер и редактор. Сегодня, в эпоху «автоматизации всего», мне сложно представить, как вообще можно было так работать.

Sublime Text 2 — популярный расширяемый кроссплатформенный текстовый редактор, для которого написано множество плагинов если и не на все случаи жизни, то на многие. В этом посте я попытаюсь рассказать как из этого конструктора сложить удобный инструмент front-end разработчика для работы с HTML, CSS и JavaScript.

До очередной конференции RailsClub’Moscow 2012 остается 3 дня. На 11-ый по счету слет российских рубистов приедет самая представительная компания международных Ruby звезд за всю историю конференции.

На наши вопросы уже ответили звездные спикеры Стив Клабник, Ксавье Нориа, ДиркЯн Буссинк и Винн Нидерланд. Теперь пришла очередь представить вам последнего зарубежного гостя нашей конференции, который приедет в Москву из Сингапура!

Интервью публикуются с оригинальными ответами на английском языке и нашим вольным переводом :)

Итак, Сау Шонг Чанг / Sau Sheong Chang — директор прикладных исследований в HP Labs и автор книг “Ruby on Rails Web Mashup Projects” и “Cloning Internet Applications with Ruby”.

Добрый день, друзья!

До очередной конференции RailsClub’Moscow остается 4 дня.

Итак, в данный момент, программа мероприятия полностью сформирована.



Помимо иностранных спикеров к числу докладчиков присоединились: Сергей Нартымов из brainspec.com, Юрий Соколов из mail.ru, Николай Рекубратский из undev.ru и Дмитрий Галинский из evrone.ru

Подробнее об всех докладах читайте тут — railsclub.ru/reports

Традиционно наши конференции делятся на 2 части. В первой части мы слушаем доклады и получаем знания. Вторая часть посвящена неформальному общению.

Несколько последних RoR-конференций были слабо организованы с точки зрения тусовки после конференции. Мы решили исправить эту ситуацию и в этот раз мы выбрали один большой бар для afterparty. Он находится в уютном месте в центре Москвы в двух шагах от Кремля. Наша цель — дать каждому из вас возможность потусоваться с Ruby-народом и неформально пообщаться с нашими звездными докладчиками. Подробности о вечернем мероприятии будут дополнительно объявлены на конференции.

Будем ждать вас на конференции и afterparty.

Купить билеты можно тут — railsclub.timepad.ru/event/29192

До очередной конференции RailsClub’Moscow 2012 остается 5 дней. На 11-ый по счету слет российских рубистов приедет самая представительная компания международных Ruby звезд за всю историю конференции.

Мы уже познакомили вас со Стивом Клабником, Ксавье Нориа и ДиркЯном Буссинком. На очереди еще один звездный спикер RailsClub’Moscow 2012 — американец Винн Нидерланд / Wynn Netherland, разработчик GitHub.com, соавтор @thechangelog и книги «Sass, Compass».

Интервью публикуются с оригинальными ответами на английском языке и нашим вольным переводом :)

Wynn Netherland (США): разработчик GitHub.com, соавтор @thechangelog и книги «Sass, Compass».

До очередной конференции RailsClub’Moscow остается меньше 8 дней. На 11-ый по счету слет российских рубистов приедет самая представительная компания международных Ruby звезд за всю историю конференции.

Мы продолжаем знакомить вас со звездными спикерами RailsClub’Moscow. Сегодня мы представляем вашему вниманию интервью с ДиркЯном Буссинком / Dirkjan Bussink — голландским разработчиком rubinius и datamapper. Это третье интервью серии, ранее мы уже поговорили со Стивом Клабником и Ксавье Нориа.

Интервью публикуются с оригинальными ответами на английском языке и нашим вольным переводом :)

Dirkjan Bussink (Голландия): разработчик rubinius и datamapper

До очередной конференции RailsClub’Moscow остается меньше 2-х недель. На 11-ый по счету слет рубистов приедет самая представительная компания международных Ruby звезд за всю историю конференции.

В ожидании личной встречи мы решили задать им несколько вопросов. Звездные спикеры RailsClub’Moscow рассказали о своих планах и поделились некоторыми личными историями.

Представляем вашему вниманию короткое интервью со Стивом Клабником (Steve Klabnik). Это первое интервью серии, которая будет опубликована в ближайшем будущем. Интервью публикуются с оригинальными ответами на английском языке и нашим вольным переводом :)

Steve Klabnik (США): автор «Designing Hypermedia Apis» и обладатель Ruby Hero Award 2011;

Добрый день, друзья!

Хочу рассказать вам о последних новостях RailsClub.ru

Напомню, что конференция, посвященная ruby, ruby on rails и веб технологиям в целом состоится 15 сентября 2012 в digitaloctober.ru (начало в 10:00).

Это будет одно из самых крупных ruby/ror событий в России по числу иностранных докладчиков, титулованных спикеров, приглашенных российских ruby звезд, участников, участвующих организаций.

Самая хорошая новость на данный момент это то, что абсолютно все наши иностранные докладчики получили визы. Нет ни одной причины, которая не позволила бы кому либо из иностранцев не приехать в Россию на наше ruby on rails событие. Все готовятся ко встрече с Россией и Москвой, а мы готовим для наших гостей культурную программу.

Также, хочу рассказать, что докладчиком нашей конференции стал Сергей Нартымов. Сергей — software engineer в команде Brainspec, контрибьютор в Ruby on Rails (больше сотни коммитов), Rubinius и Elixir. Сергей использует Ruby и Erlang в своей работе, почитывая на досуге книги по Lisp и Haskell.

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

15 сентября 2012 в Москве на территории центра Digital October состоится 11-ая конференция веб разработчиков на Ruby и Ruby On Rails – RailsClub’Moscow 2012.

RailsClub’Moscow 2012 соберет вместе ведущих российских и известных иностранных Ruby разработчиков, которые поделятся с участниками конференции своими знаниями и опытом, обсудят новинки разработки, расскажут о возникших проблемах в работе и методах их решений.

На RailsClub 2012 будем обсуждать проектирование, разработку, тестирование, отладку, оптимизацию под большие нагрузки, масштабирование ruby on rails проектов. Также затронем темы: управления конфигурацией, деплоя, администрирования больших веб проектов.

В этом году в качестве докладчиков к нам приедут знаменитые ruby звезды.

Свое участие на данный момент подтвердили:
— Steve Klabnik (США), автор «Designing Hypermedia Apis» и обладатель Ruby Hero Award 2011;
— Xavier Noria (Испания), участник Rails core team и обладатель Ruby Hero Award 2010;
— Wynn Netherland (США), разработчик GitHub, соавтор @thechangelog и книги «Sass, Compass»;
— Dirkjan Bussink (Голландия), разработчик rubinius и datamapper;
— Sau Sheong Chang (Сингапур), автор книг “Ruby on Rails Web Mashup Projects” и “Cloning Internet Applications with Ruby”, директор прикладных исследований в HP Labs.

Выступления иностранных спикеров будут синхронно переводиться на русский язык.

Регистрация и оплата участия в конференции — railsclub.timepad.ru/event/29192

Вы когда-нибудь думали, как было бы здорово, если бы слитый в один файл и минифицированный яваскрипт код в production-окружении можно было удобно читать и даже отлаживать без ущерба производительности? Теперь это возможно, если использовать штуку под названием source maps.

Если коротко, то это способ связать минифицированный/объединённый файл с файлами, из которых он получился. Во время сборки для боевого окружения помимо минификации и объединения файлов также генерируется файл-маппер, который содержит информацию об исходных файлах. Когда производится обращение к конкретному месту в минифицированном файле, то производится поиск в маппере, по которому вычисляется строка и символ в исходном файле. Developer Tools (WebKit nightly builds или Google Chrome Canary) умеет парсить этот файл автоматически и прозрачно подменять файлы, как будто ведётся работа с исходными файлами. На момент написания (оригинальной статьи — прим. перев.) Firefox заблокировал развитие поддержки Source Map. Подробнее — на MozillaWiki Source Map.

Добрый день, коллеги!

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

Эксклюзивно для Хабра.



(кликабельно)

После выпуска 2000 иконок FatCow прошло более года. Пошел четвертый год рисования. Страницу посетило 560,096 (288,511+235,221+36,364) посетителей. Чтобы дойти до 3500 иконок, работы хватит до февраля 2013 года. Если добавить размер 64x64, то до середины 2015-го года. Пока вложено $76778 и 2000 часов работы. Тут выложили 3000 иконок, за неделю до выпуска на официальном сайте, ибо владельцы коровы (Bluehost) заняты покупкой крокодила (HostGator).



Чтобы понять, какой набор иконок самый уникальный в мире, пришлось рассортировать 7422 иконок. Результат не подвел…

Введение в Spine.js

Spine представляет собой небольшой фрэймворк, который позволяет работать по схеме MVC, создавая приложения непосредственно на языке JavaScript, что обеспечивает логическое разделение кода, наследование моделей через классы и расширения. Также во многом этот инструмент базируется на Backbone.js API, так что те разработчики, которые имели дело с данным фрэймворком, без труда разберутся и в Spine (однако существует целый ряд существенных различий). Spine.js может работать совместно с HTML5 и асинхронными запросами сервера.

Правильное использование CSS свойства float может стать непростой задачей даже для опытного верстальщика. В этой статье собраны варианты применения float, а также некоторые ошибки, с наглядными примерами.

— Какое отношение имеет морская свинка к морю?
— Примерно такое же, как утконос к проектированию дирижаблей.

Введение.

Я имею обыкновение во время прогулок прокручивать информацию из нескольких источников, сопоставляя куски. Одна из любопытных находок – почти полное соответствие статистических наблюдений Демарко и Листера в «Peopleware» и теоретических выкладок Голдратта в «Критической цепи».

Осенью 2011 я крутил в голове:
[1] «Стоя на плечах гигантов» Эли М. Голдратт © Eliyahu M. Goldratt, 2008
[2] «Производственный менеджмент: управление потоком» Одед Коуэн, Елена Федурко
[3] «История одной доски» (http://cartmendum.livejournal.com/tag/theboard).

Далее хотелось бы написать: «Как вдруг…», — но это будет неправдой. Это случилось не вдруг. Мне понадобилось пару недель, но, в конце концов, в голове сложилась достаточно цельная картинка.

За что именно я зацепился:

• Таичи Оно (Öno Taiichi) не понимал, почему его система работает.
• Существует несколько разных типов производственных потоков – V, A, T, I. Каждый тип потока ставит особые задачи.
• Неудачи внедрения доски Максима Дорофеева в некоторых подразделениях
• Ряд компаний не смог внедрить систему Тойота, несмотря на все приложенные усилия.
• Система Тойота и система Форда основывается на одинаковых принципах, но прикладные решения ограничены определенными типами производства.

Cуществует уже несколько десятков JavaScript-фреймворков для построения сложных приложений в браузере. Чтобы сравнить их между собой и выбрать наиболее подходящий, примитивного примера вроде классического «Hello, world» явно недостаточно. Более сложные и реалистичные примеры программ в книгах и документации каждого фреймворка могут сильно отличаться, и сравнивать их между собой затруднительно. Проект TodoMVC решает именно эту проблему. Это набор примеров реализации одного и того же простого, но вполне законченного веб-приложения с использованием разных фреймворков + эталонный пример на чистом JavaScript.

Приложение TodoMVC — это список дел. Дела можно добавлять, помечать как выполненные и удалять. Список должен сохраняться в локальном хранилище браузера. Приложение должно по возможности использовать стандартный шаблон HTML и CSS. Вот подробная спецификация приложения.

Аутентификация в rails-приложениях через facebook, vkontakte

В данной статье будет рассказано, как сделать простейшую аутентификацию в rails-приложении через социальные сети vkontakte и facebook, помогают в этом гемы omniauth, omniauth-facebook, omniauth-vkontakte. Материал рассчитан на новичка. Хоть это и будет учебное приложение, но для придания законченности используем bootstrap с помощью гема twitter-bootstrap-rails.

UPD. Для краткого введения в адаптивный дизайн рекомендую прочитать статью «Как сделать один сайт для всех устройств (Responsive Web Design)».

Перевод крайне ценной статьи «Responsive Web Design Techniques, Tools and Design Strategies» популярного интернет-издания для разработчиков Smashing Magazine.

Еще в январе мы опубликовали статью об адаптивном дизайне «Responsive Web Design: What It Is and How To Use It» (Адаптивный веб-дизайн: Что это такое и как им пользоваться). Адаптивный веб-дизайн продолжает привлекать к себе много внимания, но, учитывая, насколько он отличается от традиционных методов разработки сайтов, он может показаться заоблачно сложным для тех дизайнеров и разработчиков, которые его не пробовали.

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

Техники Responsive web design

1. CSS Transitions and Media Queries
CSS Transitions и Media Queries

Elliot Jay Stocks подробно рассказывает о методе сочетания CSS Media Queries и CSS transitions. Основная идея в следующем: разрабатывая адаптивный сайт с помощью Media Queries, вы постоянно изменяете ширину вашего браузера, чтобы посмотреть, как сайт ведет себя при этом. Но каждый раз, когда отрабатывает один из ваших Media Queries, виден жесткий переход между стилями (первый, например, для десктопов, второй — для планшетов). Почему бы не использовать CSS transitions для сглаживания этих жестких переходов с помощью анимации?

4 марта 2012 года был просто сумашедший день для всех нас. Для нас — не только граждан России, но и авторов сервиса Web-наблюдатель. Сейчас, когда мы немного отошли от всего безумия прошедших дней я хочу рассказать вам о том как мы писали сервис, чему научились и собираемся ли мы останавливаться на достигнутом.

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

Однажды в одном большом-большом городе, в одной большой-большой ИТ-компании тестировали один большой-большой проект в одном очень используемом браузере. И обнаружили там утечки памяти. Большие-большие. Прям незадолго до релиза.

И было бы это неудивительно, если бы разработчики были совсем глупые. Но нет же, разработчики наизусть знали «Understanding and Solving Internet Explorer Leak Patterns». Циклические ссылки разрывали, замыкания не использовали, к событиям относились с должным почтением и удалять обработчики не забывали. Да вот только от утечек это не спасло.