+7.96
8 читателей, 5 топиков

Flight by Twitter: не взлетим, так поплаваем

Flight by Twitter
Полгода назад Twitter представил миру собственный javascript-фреймворк с многообещающим названием Flight. Один из их предыдущих проектов Bootstrap уже давно пользуется бешеной популярностью среди веб-разработчиков и задает тон всем конкурентам. Сумеет ли Flight повторить этот успех?

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

«Плавающий интерфейс», или как упорядочить разработку frontend + backend

Без лишних дифирамбов перейдем к сути.

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

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

Спрайты в stylus - миф или реальность

Ты амбициозный веб-разработчик. Почитываешь на досуге phptime.ru, чтобы быть в курсе всех трендов. С особым интересом наблюдаешь за блогом про frontend. Прочитал там пост про css-препроцессор stylus и решил его использовать на своих проектах. Быстро разобрался что к чему, написал парочку миксинов. Экономишь свое время, все супер. Но тут вдруг возникла необходимость использовать спрайты. «Неплохо бы генерировать их на лету», — думаешь ты. Лезешь в документацию стилуса, судорожно листаешь страницу за страницей и ничего не находишь… Да, можно воспользоваться конвертацией в data-uri, stylus это умеет, но хочется всё же теплых и ламповых спрайтов. Еще и хипстеры-рубисты набежали из соседнего отдела, хвастаются своим Sass, издеваются. Хватит это терпеть!


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

Grunt.js: волшебная палочка для фронтенд-разработчика

На сегодняшний день почти любой сайт, если он хоть немного сложнее домашней странички любимого кота, хранит под своим капотом кучу файлов с тоннами кода на css и javascript. Недобросовестные разработчики, ссылаясь на быстрый интернет пользователей, не стесняются выкатывать на продакшн свои творения в формате «as is», совсем не думая о том, что доля мобильного траффика растет как на дрожжах, а высокой скоростью мобильный интернет нас порадует еще очень нескоро. И это лишь один из поводов всерьез задуматься о грамотной сборке и оптимизации фронтенда. Нет, серьезно, берите свои многочисленные jquery-плагины, js-модули, виджеты, библиотеки, овощи там, рожь, пшеницу, вот это все, и минифицируйте, конкатенируйте, тестируйте, компилируйте, а такая магическая штука, как grunt.js, поможет в этом с помощью всего одной команды в консоли.

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

CSS-препроцессор Stylus: плюсы, минусы, подводные камни

Начиная разговор о Stylus, прежде всего стоит ответить на резонный вопрос «зачем вообще использовать препроцессор?». Все очень просто — это сэкономит твое время, а дополнительными бонусами будут:
  • удобная поддержка и расширение проектов
  • автоматизация рутинных задач
  • «объектно-ориентированный» css
  • возможность быстро создавать «темы» для интерфейсов

stylus
На сегодняшний день самыми популярными препроцессорами являются SASS, LESS и Stylus. О первых двух написано довольно много, а вот Stylus незаслуженно обделен вниманием, несмотря на то, что имеет ряд преимуществ
Читать дальше →