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

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

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

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

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

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

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

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

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

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

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

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

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

Как новый элемент HTML сделает сеть быстрее

10 Сентября 2014 4755 , , ,

2351656805_2983091852_o-640x434

Сеть собирается стать быстрее в самом ближайшем будущем. Прочем для нас это не является новостью

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

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

Думаете, что ваше приложение красиво? Не без проектирования взаимодействия с пользователем

07 Сентября 2014 8951 , , ,

В последнее время, каждое приложение “красиво”. Если вы читаете технические новости, вы видели это театрализованное представление: красивые диаграммы и графики. Красивые истории. Красивые переписки. Красивые записные книжки. Красивая информация о батарее.

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

Декларативное программирование и сеть

02 Сентября 2014 3911 ,

Как и большинство веб-разработчиков, я провожу свои дни, давая инструкции компьютерам. Эти инструкции обычно включают некоторый ввод (запрос на веб-страницу),  некоторую логику (отправление правильного содержания из базы данных), и некоторый вывод (отправление содержания в запрашивающий браузер).  Это процесс сообщения компьютеру, как выполнить задачу, такую как генерация веб-страницы, то, что мы обычно называем “программирование”, но это – только один из множества видов программирования: императивное программирование.

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

Ajax бесконечная загрузка товаров virtuemart 2.x + joomla 2.5.x — модуль

28 Августа 2014 6587 , , , , ,

lazyloadВозникла идея реализовать для одного из проектов бесконечную подгрузку товаров и просмотр бесконечного ассортимента. Сам сайт реализован на joomla 2.5.9 с установленным virtuemart 2.20b. В целом моя реализация должна без проблем работать и на других версиях Joomla 2.5.x. В этой статье мы пройдемся по всем основным моментам создания компонента. Читать далее… »

8 подсказок, чтобы стать лучшим front-end разработчиком

28 Августа 2014 15209 , , ,

fp-preview

Я должен использовать этот плагин или ту библиотеку? Я должен запланировать этот проект или погрузиться прямо в кодирование? Должен ли я обратиться за помощью или понять это сам?

Звучит знакомо?

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

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

Не бойтесь функционального программирования

27 Августа 2014 3876 , , ,

Функциональное программирование — это усатый хипстер парадигм программирования. Обращаясь к хронике академии информатики, у функционального программирования было недавнее возрождение, которое обусловлено его утилитой в распределенных системах (и вероятно также, потому что “чистые” функциональные языки как Haskell трудно понять, что определенным образом отличает их).

fp-preview
Читать далее… »

Модуль ajax формы обратной связи для Joomla 3+

26 Августа 2014 8148 , , ,

Ajax модуль формы связи Joomla 3Сегодня я хочу поделиться с вами написанным мною простеньким модулем для Joomla 3+ с ajax отправкой сообщений на почтовые ящики. Читать далее… »