Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 90 (29 декабря — 4 января 2013)

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

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

• Свежие видео с FrontTalks — конференции frontend’еров в Екатеринбурге, состоявшейся 23го ноября
• Спрайты для анимаций
• Boilerplate или Bootstrap – что выбирать при создании проекта?
• Веб платформа: пять технологий, которые стоит с нетерпением ждать в 2014
• Что такое DOM?
• Интервьюирование front-end разработчиков
• Краткое введение в snap.svg
• Лучшие сниппеты, хаки и советы по WordPress за 2013й
• Почему ты до сих пор нуждаемся в Web-safe шрифтах
• Десктопные приложения на HTML5 с помощью Node-Webkit
• SVG оптимизация: основы
• Анимация рисования с помощью SVG
• Простая стратегия для деплоймента статического сайта на Git
• Улучшите ваш процесс разработки с помощью Yeoman
• Bower — с чего начать
• Кросс-доменные изображения для Canvas
• Критичность первоначальной отрисовки страницы
• Уменьшение размера файла используя вместо анимиров анного gif видео HTML5
• TODC Bootstrap — тема к Bootstrap в стиле Google
• Мобильное движение

CSS

• Режимы смешивания цветов в CSS — следующее большое событие в веб-дизайне
• Создание флип-эффекта с помощью CSS3 transforms
• Почему CSS может быть самым сложным языком

JavaScripts

• Разработка тайловой игры на JavaScript (Robbo)
• Оптимизация вызовов функций из воркеров (web-workers)
• От Backbone.js к Marionette.js
• Отложенная загрузка в JavaScript
• Fluidbox — Opening images seamlessly in a lightbox on your page without interruption
• Анимация переходов в DOM
• Загрузка модулей по требованию с помощью AngularJS
• Создание альтернативы setInterval с авто-коррекцией
• Создаем объемную Nyancat за 30 секунд (Three.js)
• Случайные обещания (о понятии promise)
• Простой скрипт строящий список из данных в JSON
• brainy.io — создает сервер для вашего приложения на Backbone
• Planetary.js — интерактивный глобус для веб
• wordcount.js — вычисление количества байт, символов, слов и самой длинной строки используя HTML5 File API
• ogv.js — декодер OGG Theora и Vorbis видео
• Color Thief — скрипт создающий цветовую палитру из изображений
• Ocrad.js — библиотека для распознавания текста в изображениях
• ngDialog — модальные и всплывающие окна для приложений на Angular.js
• Ducky — валидация данных объектов

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

• Viewdocs = Github + Markdown
• code2013 — диаграмма популярности языков программирования
• makeappicon — генерация иконок для приложений iOS и Android одним кликом
• uifaces.com — аватары для использования в дизайнах
• Passweird — генератор паролей
• Unify — проверка поддержки Unicode символов в браузерах и устройствах
• Animated gif resizer
• Коллекция фигур на SVG
• Web Developer Checklist

Браузеры

• Альфа-выпуск Otter Browser, web-браузера на Qt5 с интерфейсом в стиле Opera 12
• Mozilla перенесла адаптацию интерфейса Firefox под Modern UI Windows 8 до марта
• По данным StatCounter, Google Chrome финишировал чемпионом в 2013
• Встречайте Shadow DOM в Firefox
• Какое впечатления производит панель для разработки в браузере на обычных пользователей

Новости

• Представлена аппаратная реализация видеокодека VP9, поддержка которой появится в чипах ARM, Intel, NVIDIA и Samsung
• Winamp, похоже, удалось продать, но не Microsoft
• Видеохостинг YouTube добавил опцию выбора качества Ultra HD, а на CES 2014 покажет видеотрансляцию в 4К с помощью кодека VP9
• АНБ внедряет уязвимости в компьютеры ещё до их продажи
• Элитные хакеры АНБ могут взламывать сети Wi-Fi на расстоянии в 13 км
• США препятствует созданию сети наземных станций ГЛОНАСС на своей территории
• Исследователи Антарктики смогут пользоваться мобильными телефонами
• Vine обзавёлся веб-профилями
• Sony сократит персонал дочернего предприятия Sony EMCS
• HP уволит 11% персонала
• Китай намерен отправить на Луну новый зонд

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

• Подборка зимних сайтов, Веб-дизайн на десерт и Огненный веб-дизайн
• http://www.intacto.com/2013flatvsrealism/ — забавная мини-история борьбы плоского дизайна со скеоморфизмом
• http://www.chick-fil-a.com/Food/Handcrafted — горизонтальный сайт со скролл-эффектами
• Наиболее красивые сайты 2013 года по версии crazyleaf
• 2013: весь год в интерактивных статьях от NY Times
• Line25 Sites of the Year: The Best Designs of 2013
• sequence.co.uk/christmas2013 — Стильный рождественский сайт
• ascap.com/100 — исторический таймлайн-сайт с большим количеством медиа-контента
• Еще один праздничный сайт, с уймой анимации
• aleeforoughi.com — красивый сайт с качественным параллакс-эффектом
• philippehong.com — сайт с клевым эффектом перелистывания страниц
• soniaby.com — сайт коллекцией одежды, который местами использует нестандартные для интернет-магазинов элементы

Дизайн

• Не полагайтесь на цвет при проектировании интерфейсов
• Чего ждать от веб-дизайна в 2014
• Как сделать верстальщика счастливым? 13 cоветов веб-дизайнеру
• Тренды и предположения: как выглядит будущее для веб-дизайна в 2014м
• Лучшие веб-дизайны 2013 (по версии Web Design Ledger)
• Лучшие дизайны веб-сайтов 2013-го года по версии Webdesign Talks
• Что поменялось в веб-дизайне в прошлом году (и что будет в следующем)
• Лучшие уроки по Illustrator за декабрь 2013
• Лучшие уроки по Photoshop в декабре 2013
• Полезные уроки по типографике для повышения уровня ваших навыков
• Как идти дорогой ведущей к превосходному веб-дизайну
• Карманный справочник по типографике
• I Love Ligatures — галерея лигатур
• VICE VERSA — концепт использования диагоналей в дизайне приложений для смартфонов
• Рисуем елочные шары в Adobe Illustrtator

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

• Кисти-фейерверки для Photoshop
• 25 новогодних трафаретов
• Icons8 App — 2800 иконок + приложение, позволяющее удобно вставить их прямо в Photoshop или Xcode.
• Firefox делает шрифт Fira Sans бесплатным
• Наборы UI в PSD формате для мобильных и веб-приложений
• White Stripes UI Kit
• Более шести десятков шаблонов флайеров в PSD формате
• Исходники для веб-дизайнеров за декабрь 2013
• Топ 20 ресурсов из 2013
• Полезные шаблоны для распечатки
• Шаблон с сайтом Twish в формате Psd
• Упаковка с медицинскими фото-реалистичными иконками
• Векторные контурные иконки (144)
• Набор иконок Subway в PNG формате
• Шрифты подходящие для веб-дизайнов с акцентом на типографике
• Fairview — шрифт без засечек и Papyrus — ретро-шрифт с засечками
• Пять десятков полезных шрифтов: от Zantroke до Bigmouth

Демо

• enjoyyourprivacy.com — демонстрация важности информационной безопасности мобильных устройств
• thecolorsoftwitter.com — цвета, упоминаемые в твитах
• snwbx.com — браузерный 3D редактор для создания снеговиков

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

• FaceRig — анимация персонажа в реальном времени
• Самые яркие события 2013 года в сфере информационной безопасности
• Россия против США для IT-профессионала: простой выбор
• 2013 год — технологический провал?
• Эрик Шмидт из Google сделал прогнозы на 2014 год
• Ультразвук позволяет перемещать предметы в воздухе
• Лучшие визуализации научных данных 2013 года
• 8 инженерных трендов 2014 года
• Топ научных открытий 2013 года
• 10 провалов краудфандинга в 2013 году
• Скриншоты с фрагментами кода из различных фильмов

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

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