Про Marionette.js

23 Июня 2016 3394 , , ,

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

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

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

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

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

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

Есть ошибочное мнение среди веб-разработчиков, что 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 4828 , , , ,

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

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

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

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

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

Полезный гайд для начинающих в Angular

13 Сентября 2014 21452 , , ,

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

Что такое Angular js и зачем он нужен?

Angular js это javascript фреймворк представляющий из себя своеобразный каркас для разработки веб-приложений, в частности для создания SPA (single page application). Для построения Angular приложений используется подход MVVW. Данный подход позволяет разработчику при разработке приложения больше думать о самом потоке данных и не уделять внимание на отрисовку, все изменения в моделях, отображаются в приложении  В этом посте я не буду приводить какие-то конкретные примеры работы с кодом, расскажу лишь в какой последовательности и как изучать. Читать далее… »

Еще больше советов для лучшей работы при разработке сайтов на WordPress

18 Августа 2014 4185 , ,

Добро пожаловать во вторую часть этой серии. В первой статье мы объясняли стандарты кодировки в WordPress и то, как можно избежать столкновения имен пространств, комментариев в коде, а также некоторые основные советы по безопасности. Читать далее… »

Самое опасное слово в разработке программного обеспечения

04 Августа 2014 1157 , ,

«Просто разместите это где-то на сервере»

«Просто добавьте кнопку «избранное» справа от статьи»

«Просто добавьте (вставьте тут необходимую опцию) в панель настроек».

Когда звучит слово «просто», это означает, что надо будет проделать уйму работы. Несколько месяцев тому назад Бред Фрост поделился своими соображениями о том, как это слово соотносится со знаниями. Читать далее… »

Ajax авторизация в WordPress без плагинов

02 Ноября 2012 7474 , , , ,

Среди систем с помощью которых мы разрабатываем сайты, есть CMS система WordpPress и сегодня речь пойдет о том, как сделать форму ajax авторизации на wordpress без плагина. Передо мной стояла задача сделать максимально просто и  быстро + возможности встраивания в дизайн и адаптации к любому шаблону. Читать далее… »