Сборка фронта на nodejs

12 Июля 2016 2984 , , ,

На работе появилась задачка, собрать build систему фронта для одного проекта. На самом проекте уже использовался gulp с несколькими плагинами для облегчения повседневной жизни.  Как таковой фронт дев версия от прод версии ничем не отличалась, все console.log и комментарии в коде с FIXME и TODO оставались на месте) про минификацию, обфускацию и т.п. речи небыло. Сам проект написан на symfony в качестве билд системы используется capifony, система Assets самой symfony не используется в силу наличия gulp’a, а также у проекта две веб морды, мобильная и настольная + необходимо поддерживать stage и production режимы. Читать далее… »

Про Marionette.js

23 Июня 2016 4253 , , ,

marionetteВ сети сейчас можно найти много статей про модные ныне javascript фреймворки. Такие как Angular, React, Ember , Polymer воплощающие в себе достаточно интересные идеи и подходы + использующие относительно новые подходы при работе с веб страницей (прим. shadow-dom) и позволяющие делать восхитительные вещи, не без костылей конечно, но это уже другой разговор. Но есть еще один достаточно крупный фреймворк и это Marionette.js некоторые «продвинутые» фанаты мейнстримного фронтенда для себя похоронили этот фреймворк вместе с backbone. Но проект успешно продолжает развиваться и представляет из себя очень хороший фундамент для создания ваших веб приложений. И так будет еще очень долго, пока HTML5 и новые версии фундаментально не придумают что-то иное как работа с DOM. Так что за жизнь marionette можно не переживать. Читать далее… »

Плагин календарь jQuery date picker

19 Июня 2016 2029 , , ,

jquery календарь

 

Хочу поделиться одним небольшим плагином для jQuery.
Кому не хочется читать, вот репа на github и вот демо пример, чтобы потыкать.

Небольшая предыстория) впервые плагином я поделился в песочнице хабра, после прочтения этого поста, но особого эффекта (13 уников перешедших на github) это не возымело. Но вдруг о плагине рассказали на jqueryscript.net и даже китайцы умудрились презентовать на htmleaf.com. И вот я в своем бложе спешу поделиться с вами либой). Читать далее… »

Пишем пингпонг на JavaScript

18 Декабря 2015 4649 , , ,

Эта статья будет полезна в первую очередь новичкам, изучающим JavaScript. Просматривая уроки по JavaScript’у я понял, что нормального материала достаточно мало, много англоязычного и частично некоторая информация устарела и так, как показывают в некоторых уроках, я бы категорически не рекомендовал писать и учиться этому. Поэтому в этой статье я предлагаю написать вместе со мной простейший пингпонг и немного поговорить о JavaScript’e мы не будем сильно заморачиваться с кроссбраузерностью и откажемся сейчас от всяких там старых ие и индивидуальных багов разных версий браузеров. Писать мы будем в стиле ES5 хотя и для сегодняшнего дня 18 декабря 2015 года, уже могу рекомендовать начинать пользоваться ES6, но до широкого продакшена я пока в 2015 году у ES2015 я не вижу перспектив. Читать далее… »

Особенности javaScript в IE8

09 Октября 2015 11346 , ,

Возможно в 2015 году поддержка IE8 не так актуальна,  но когда вы работаете с большим объемом трафика, широким ГЕО посетителей и стараетесь захватить максимальную аудиторию, требования к поддержке браузеров становятся куда жоще. Сегодня я хотел бы поделиться парой особенностей работы javascript’a в IE8 и разобрать некоторые кейсы. Если вы адепт jQuery, можно перестать читать на этом моменте. Читать далее… »

Динамическое добавление элементов в chosen

31 Марта 2015 2719 ,

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

Вот и весь профит, спасибо, за внимание.

Признаки плохого веб-дизайна

10 Февраля 2015 5522 ,

Сегодня я хочу рассказать о некоторых замечаниях, подводных камнях и показать пару примеров плохого тона в веб-дизайне. На примере посмотрим, какие ограничения и особенности есть при проектировании веб-дизайна, его художественном исполнении. Данный пост будет полезен для дизайнеров и менеджеров работающих с дизайнерами и ведущими проекты в сфере веба и мобильных приложений. Читать далее… »

Компонент управления и поиском депозитов для Joomla 3+

29 Ноября 2014 2962 , , ,

Компонент управления депозитами для Joomla 3Предисловие. Так сложилась ситуация в жизни, что понятия о выполненной работе у нас разошлись и это привело к конфликту и я получил свой первый отрицательный на фрилансе. За 6 лет и 10 месяцев, впервые не удалось урегулировать конфликт адекватным путем устраивающим обе стороны. Так и сложилось, что теперь эта работа мне не нужна ) и я могу поделиться частью работы с общественностью. Читать далее… »

Анимация без jQuery

07 Октября 2014 17091 , , ,

Есть ошибочное мнение среди веб-разработчиков, что CSS анимация — единственный производительный способ анимирования в сети. Этот миф принудил много разработчиков отказаться от основанной на JavaScript анимации в целом. Таким образом:

  1. Вынудили себя управлять сложным взаимодействием UI в таблицах стилей
  2. Блокировали себя в поддержке Internet Explorer 8 и 9
  3. Воздерживаются от возможности построения физики движения, которая возможна только в JavaScript

Проверка в реальных условиях: основанная на JavaScript анимация так же быстра, как и анимация, основанная на CSS — иногда еще быстрее. Анимация CSS имеет преимущество, как правило, только по сравнению с $.animate() jQuery, которая является, по сути, очень медленным. Однако библиотеки для анимации JavaScript, которые обходят jQuery, показывают невероятную производительность, избегая манипулирования DOM насколько это возможно. Эти библиотеки могут быть до 20 раз быстрее, чем jQuery.

Так, давайте развеем некоторые мифы, погрузимся в некоторые реальные примеры анимации и улучшим наши навыки программирования в процессе. Если вы любите разрабатывать практичные UI анимации для своих проектов, то эта статья для вас.

Читать далее… »

Front-end производительность для веб-дизайнеров и front-end разработчиков.

28 Сентября 2014 5173 , , , ,

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

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

В этой статье я собираюсь совместно использовать  загрузку быстрых, простых и совершенно интригующих битов знаний о производительности, чтобы действовать как учебник для начинающих веб-дизайнеров и front-end разработчиков; надеюсь, эта статья будет приличным введением для любого желающего узнать о производительности. Эти подсказки — это вещи, которые вы можете сами очень легко реализовать. Просто требуется немного хитрости и некоторые элементарные знания того, как работают браузеры. И вы готовы играть по правилам!

Этот огромная статья не будет грузить запутанными графиками и числами, это будет интересная теория и непосредственно методы производительности, к которым я пришел в результате чтения, прослушивания и мониторинга.

Читать далее… »