Создаем анимацию с помощью Paper.js

Веб только-только начинает использовать анимацию. Годами рулили анимированные GIF и Flash. Текст двигался и мерцал, но это было убого. Анимации были внутри блоков, как видео на YouTube. HTML5 canvas изменил всё в веб анимации.

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

Анимации становятся еще мощнее и требуют меньше кода, когда вы комбинируете тэг canvas с высокоуровневыми библиотеками, например с Paper.js. Эта статья познакомит вас с HTML5 анимацией и проведет через все шаги создания анимации семян одуванчика, разлетающихся по ветру. Читать далее

Самый лучший план изучения JavaScript

По сложности туториал рассчитан на самых-самых новичков и является вторым в серии «The Best Way to Learn…». Также в природе существует англоязычный туториал The Best Way to Learn Ruby on Rails, но руби пока не входит в круг моих интересов, поэтому приступим сразу к JavaScript.

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