Полезные инструменты. Выпуск 1.

16.06.2014

Марина Лебедева

Первый выпуск. Начинаем.

С сегодняшнего дня мы решили писать статьи в блог, посвященные разработке. Здесь будут инструменты и интересные вещи, которыми можно и нужно пользоваться.

Сегодня речь пойдёт о JavaScript фреймворках и других полезных приложениях.

1. Я уверен, что сегодня, практически все используют CSS3, но ещё далеко не все делают анимации на странице с помощью transition. Мы готовы помочь перейти с JS анимации на CSS transition уже сегодня.

Cesar — прекрасный инструмент для генерации эффектов анимации на CSS. В результате вы получаете готовый CSS код, который можно просто вставить в ваш проект и он действительно будет работать.


Самое занимательное то, что можно использовать не только стандартные easing-функции, но и задать свою анимационную кривую. Для этого здесь используется кривая Безье — в данном случае, кривая с двумя ручками, которыми можно настроить кривую нужным образом. Это очень просто и наглядно.

2. Когда вы разрабатываете сайты, вы задумываетесь о том сколько времени будет грузиться страница на разных скоростях?

Если это важно для вас, настолько на сколько для нас, то мы советуем приложение Slowy.


Это приложение для Mac, которое висит в баре и позволяет имитировать различные скорости соединения, например, соединение 56К, 3G, LTE.

Очень важно учитывать скорость соединения с Интернет при разработке ваших сайтов.

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


Если вы хотите себе нечто подобное, то мы советуем присмотреться к Super Scrollorama. Ребята постарались и сделали отличную вещь, которая может вам помочь сделать удивительный parallax. На самом деле, это всего лишь jQuery плагин, который супер прост в использовании.

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


Самое приятное — это то как Meteor JS позволяет вам писать код. Например, если вы написали код и запу́шили его на сервер, то клиенты обновятся автоматически и у них будет актуальная версия без всяких перезагрузок и других лишних действий. Это не единственная особенность фреймворка. Если заинтересовало, другие плюсы Meteor JS смотрите у них на сайте. Также там есть примеры кода, скринкасты.

Будьте классными.

  • Инструменты для разработчика

Комментарии

Добавить комментарий

Вы вернулись, чтобы дочитать статью? Кликните на меня, я найду то место, где вы остановились.