Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №107 (27 апреля — 3 мая 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Веб Разработка

• Разъяснение http2
• Идея анимированной навигации между страницами
• Создание RDP клиента на Yeoman и AngularJS
• Как находить время для своих проектов
• Web Fundamentals — учебник по основам создания веб-приложений работающих на различных устройствах от Google
• Сборник алгоритмов сортировки c отличной визуализацией
• Web Components — презентация от Addy Osmani (Google)
• Проект front-end команды «Одноклассники»SourceJS — инструмент для создания документации к веб-компонентам
• Расширяем Веб с помощью компонентов
• Разбираемся с изображениями в контенте в email-шаблонах
• Представление полного стека JS Amber — шаблона проекта с Ember на клиенте и Node на сервере
• Как использовать Yeoman генератор
• Востребованные функции Chrome DevTools, о которых вы, возможно, не знали
• Почему разработчики должны учиться дизайну
• Адаптивный дизайн начинается с URL
• Интересные техники для оптимизации сайта на WordPress
• Начинаем работать с Grunt
• Программирование отстой
• CSS vs JS анимация: что быстрее?

CSS

• СДЧПВС: слишком длинный чтобы поместиться в строчку
• Оптимизируем Sass mixin-ы
• CSS формы 101
• Простые анимированные переходы на CSS3 которые, восхитят пользователей вашего сайта
• И еще раз о методах clearfix
• Paul Davis об иконочных шрифтах
• Свежие видео с CSSConf Aus 2014 talks
• Панорамный обзор с помощью CSS
• В чем разница между Sass и SCSS?
• Flexbox: новое поколение раскладки в CSS готово к использованию
• Неполный список ошибок в дизайне CSS
• apppie — семантический и модульный CSS-тулкит

JavaScripts

• Релиз jQuery 1.11.1 и 2.1.1
• Почему мы решили перейти от использования чистого JavaScript-а к использованию TypeScript для Babylon.js
• this в JavaScript: как это работает и где это может ввести в заблуждение
• Что можно и чего нельзя в JavaScript: несколько лучших практик для лучшего изучения языка
• Более чистые контроллеры основанные на class-ах в AngularJS
• Embular — сравнение Ember и Angular из 6-ти частей
• Особенности, о которых я бы хотел чтобы мне рассказали, когда я изучал Ember.js
• Программирование микроконтроллера Intel Galileo с помощью JavaScript и Node.js
• gestureKit — набор для разработчиков позволяющий добавлять в приложения поддержку жестов
• autopolyfiller — полифил в стиле Autoprefixer, но для JS
• vis.js — библиотека для визуализаций, состоит из трех компонентов: DataSet, Timeline и Graph (IE9+)
• Использование AWS JavaScript SDK в браузере
• Одностраничные приложения с микро-библиотекой page.js
• Morrigan WYSIWYG-редактор
• JSZip — библиотека для создания, чтения и редактирования zip-файлов с простым API
• Velocity.js — ускоренная JavaScript анимация на замену $.animate()
• Isomer — библиотека для создания изометрических изображений в HTML5 canvas
• seen.js — рендеринг 3D сцен в SVG или HTML5 canvas
• Powerange — клевый range-слайдер в стиле iOS 7
• AngularJS 101: От нуля до Angular за секунды
• Анимация фонового цвета
• SVG-инъекция с помощью JavaScript

Веб-инструменты

• Avocode — Photoshop для верстальщика
• Placeit: разместите ваше приложение на сцене! — сервис для показа веб-приложений на различных фото
• Icon Pocket — сервис нового поколения для создания собственной коллекции иконок, доступной с помощью браузера или графического редактора
• Perfect Icons — сервис для генерации социальных иконок с использованием иконочных шрфитов
• Конвертор изображений ASCII в PNG
• Trello — для структурирования и соместной организации чего угодно
• Выбираем инструмент для создания вайфреймов
• Конвертор JSON в CSV
• Мгновенный поиск по спец-символам HTML

Новости

• Microsoft сделала групповую видеосвязь в Skype абсолютно бесплатной
• Coursera создала центр переводов и осваивает русскоязычный рынок
• 8 важных объявлений с конференции Facebook f8
• Facebook представила новую мобильную кнопку Like
• Google выпустил приложения Docs и Sheets для iOS и Android
• Немного слухов о будущем Google+
• Доля Android на мобильном рынке США уже близка к 60 %
• Yahoo не будет по умолчанию поддерживать настройки Do Not Track для браузеров
• Amazon открыла специализированный магазин носимой электроники
• Microsoft намерена отказаться от бренда Nokia и уже ищет ему замену
• «Чебурашка» вместо интернета и еще четыре сюрприза для пользователей рунета
• Android впервые стал лидером по объему трафика мобильной рекламы

Браузеры

• Релиз Firefox 29 с переработанным пользовательским интерфейсом
• Выход Firefox 30-beta и Firefox 31-aurora
• Новинки Firefox 29 для разработчиков
• Эксперты рекомендуют воздержаться от использования Internet Explorer
• Microsoft исправит 0day уязвимость в Internet Explorer для Windows XP
• AdBlock Plus больше не будет поддерживать IE6 и IE7
• Свежая статистика от Net Applications: IE11 обогнал суммарно IE9 + IE10, Chrome одержал вверх над Firefox

Сайты с интересным дизайном и функциональностью

• Сайты с необычной навигацией
• guillaumejuvenet.com — симпатичная SVG-анимация
• the100meterscroll.com — сто-метровка с помощью scroll-а
• michelemazzucco.it — симпатичный сайт с минимумом дизайна и плавной анимацией
• papertelevision.com — полноэкранный сайт с фоновым видео, параллаксами и анимацией
• extradeluxe.be — яркий интерактивный сайт с большим количеством эффектов и качественными илюстрациями
• www.ting.in — стильный сайт с параллаксом и анимацией объектов
• ondo.tv — сайт с нестандартным дизайном и поведением при скролле
• aquatilis.tv — клевый сайт на морскую тематику

Дизайн

• Что должен уметь современный арт-директор
• Строгий веб-дизайн
• Почему пользователи вводят меньше данных, если в форме есть обязательные поля
• Примеры дизайна приглашений
• PayPal обновила логотип, запускает глобальную рекламную кампанию
• Росмолодежь продлевает конкурс на логотип «Селигер-2014»
• Джазовые логотипы
• Создаем рисунок из элементов Lego в Photoshop
• Lest I Forget — история дизайнера Christine Rode с примерами работ, начиная 12-ти летнего возраста
• ‘JIF’ это формат. ‘GIF’ это культура
• Двенадцать принципов анимации
• Как создать текстовый эффект изображающий буквы созданные из конструктора Lego в Photoshop-е
• Как создать анимированный спрайт с персонажем в стиле пиксель-арт с использованием Adobe Photoshop
• Совместная работа в больших командах дизайнеров с помощью Adobe Fireworks
• Как создавать легкие и гибкие UI в Adobe Illustrator-е
• Ведущие дизайнеры индустрии делятся тремя любимыми шрифтами
• Использование оригами для демонстрации интерфейсов приложений управляемых жестами
• Дизайн Codecademy
• Новый логотип PayPal не впечатляет
• Tab Patterns — коллекция паттернов для планшетов
• Концепт интерактивного переключателяTriple Toggle
• Future Interface — коллекция кадров из фильмов с примерами интерфейсов будущего
• За кулисами создания дизайна новой версии Firefox: Australis табики

Подборка бесплатных дизайнерских печенек

• 25 cолнечных экшенов для фотошопа
• Бесплатный клипарт: граненые камни
• Несколько фото-фонов с зеленым весенним фоном с эффектом боке
• Плоский векторный iPhone 5
• Два десятка макетов для демонстрации дизайнов логотипов
• Упаковка со несколькими стильными иконками посвященными графическому дизайну (плоский дизайн, длинные тени)
• Feather — растущая коллекция векторных одноцветных контурных иконок
• Более трех десятков плоских цветных иконок на тему SEO
• Captain icon — более трехсот векторных иконок
• Иконочные шрифты для вашего следующего проекта на Bootstrap-е
• Два десятка шрифтов без засечек, которые каждый дизайнер должен иметь: от Alegre Sans до стильного Nue
• Anke Sans — современный шрифт без засечек
• Стильный рукописный шрифт Resphekt с кириллицей

Демо

• Cammy — простая ортогональная проекционная камера, построенная с помощью AngularJS и D3.js
• Isosurface Algorithm Tester

Занимательное

• Наиболее выгодный майнинг криптовалют: что для этого нужно знать
• Какой должна быть идеальная длина контента в сети
• Роботы наступают. Обзор индустрии робототехники
• Стив Джобс возглавил рейтинг самых выдающихся людей 25-летия
• 10 причин перейти на Windows 8
• Поддержка жестов… клавиатурой от Microsoft
• Стандарт Bluetooth 4.1 получит прямой доступ к облачным технологиям
• Как работет Lytro-камера
• Какой должна быть идеальная длина контента в сети
• Видеозвонки в Snapchat появились благодаря тайному поглощению стартапа-разработчика WebRTC-решения

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.