Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
![](https://habrastorage.org/r/w1560/files/b12/dcc/ed6/b12dcced698f4d34a54ed61caf6a4d27.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/files/b12/dcc/ed6/b12dcced698f4d34a54ed61caf6a4d27.png)
Веб-разработка
Список YouTube-каналов для обучения веб-разработке
- 8 вещей, которые я хотел бы знать в начале карьеры
- Топ-20 CodePen’ов 2014 года: часть 2
HTML5 Video: фрагменты, субтитры, и динамические миниатюры-кадры
Создание приложения-чата с material-дизайном с помощью Polymer и PubNub
Как использовать Yeoman для построения вашего следующего веб-приложения
Создание SVG спрайтов
Автоматически скрывающаяся прилипающая шапка
Pattern Library от MailChimp
Скринкаст от CSS-Tricks: Three Ways to Animate SVG
Learn Version Control with Git: пошаговое руководство для начинающих
Скажите привет WebRTC
Создаем отзывчивые сайты с помощью Foundation
О правильном использовании атрибута Lang
Использование WEBP/JPEG 2000/JPEG-XR/APNG уже сейчас с помощью Picturefill и Modernizr
is-progressive — модуль для проверки типа сжатия JPG-изображений
Периодическая таблица тем WordPress
import.io — извлечение данных на сайте в реальном времени за считанные секунды
Фильтрация контента — симпатичная анимированная панель с фильтрами с помощью CSS и jQuery.
CSS
Отчет по использованию CSS в 2014-м году (статистика)
CSS на больших проектах — краткий анализ от Криса Койера
Сокращенный вариант записи свойства CSS Background
Экстра map функции в Sass
Управление RTL CSS с помощью Sass и Grunt
flexbugs — курируемый сообществом список багов в текущей реализации flexbox
Что нового в CSS Selectors 4
Начинаем разбираться с Myth: препроцессором будущего
Стратегии для сохранения низкой CSS специфики
Вертикальное центрирование с помощью CSS Flexbox
Адаптивный дизайн с помощью Bootstrap 3 Grid System
OOCSS/Atomic CSS являются «анти-паттерном» для отзывчивого дизайна
CSS демки, эксперименты и полезные сниппеты, по которым можно учиться
Качественная реализация реалистичного переключателя средствами CSS
Component-Driven CSS Frameworks
JavaScript
- Интернационализация на основе CSS с использованием JavaScript
Свершилось! io.js Version 1.0.1 (Beta stability) released!, Федор Индутный о io.js,
и еще немного деталей
- Node-webkit переименован в NW.js
Material Design и AngularJS
Простой парсинг сайтов с помощью SlimerJS
Все способы перебора массива в JavaScript
Пишем быстрый и экономный код на JavaScript
Большой список материалов для изучения Meteor.JS
- Конструкторы в JavaScript
Основные ссылки по JavaScript — курируемый список со ссылками на основные материалы по JS
Интерактивные уроки по JavaScript
Написание CSS-парсера на JavaScript
Искусство создания архитектуры, базирующейся на промисах
2015-й: конец монолитного JavaScript фреймворка
Peter-Paul Koch о проблеме с Angular-ом
Проекты 6to5 и esnext объединились
Начинаем работать с NativeScript
Краткое руководство по React
Почему Panda Strike написали самый быстрый JSON Schema валидатор для Node.js
ECMAScript 6: наборы — объединение, пересечение, разница, HTML шаблоны в ES6 с использованием template strings, One JavaScript: уход от версионирования в ECMAScript 6
3D Curtain Template
Почему я променял Angular на React
Создание многошаговой регистрационной формы с помощью React
Почему одного AJAX не достаточно. (о протоколе WAMP)
Minimap — предпросмотр страницы в миниатюре с навигацией по ней (похоже на соответствующую панель в Sublime)
insignia — плагин, позволяющий создавать поле для ввода тэгов с настраиваемым дизайном и функционалом
Z3d — интерактивные объемные графики, рисующиеся с помощью Three.js
Cquence — небольшая библиотека для анимации баннеров или рекламы
Браузеры
- Релиз Firefox 35
- Firefox 35: видеозвонки между браузерами и другие новинки
- И еще раз о новинках для разработчиков в Firefox 35
- Выход Firefox 36-beta и Firefox Developer Edition 37
- Новому году — новые браузеры!
- Новая технология Google позаботится об автоматическом включении «режима инкогнито» в браузере
- Microsoft Spartan: один браузер для всех версий Windows 10
Как делать скриншоты в Firefox
Новый инструмент для управления анимациями в Firefox 37
Сайты с интересным дизайном и функциональностью
harukimurakami.com — креативный сайт Харуки Мураками
homunculus.jp — эффектные спецэффекты при наведении
3D визуализация пути подъема альпинистов
wonderfulcolorado.com — зимний анимированный сайт
craftedbygc.com — сайт с выдержанным дизайном и нестандартными элементами
agence-belle-epoque.fr — полноэкранный скролл-сайт с анимацией типографики
mashvp.com — нестандартное направление скролла
Welcome to Snowflake City с горизонтальной прокруткой
forneverproductions.com — симпатичный параллакс
Дизайн
Дизайн блога: какой он должен быть
02 Ссылки для UX-специалистов
- Минимализм в веб-дизайне
- Плоские иллюстрации в веб-дизайне
- Рисуем mock-up для iPad в Adobe Photoshop
Лучшие блоги на тумблере, посвященные дизайну
Тренды веб-дизайна, которые будут править в 2015-м году
Доска для настроя (или как сконцентрировать вдохновение)
Направление настроения: задавая тон для вашего дизайна
Полное руководство по символике
Руководство по созданию мокапов
Иллюстрации для Medium
Тестирование различных вариантов дизайна поля поиска в шапке
Почему мы избавились от иконки-гамбургера в приложении iPhone
Пятнадцать посадочных страниц с выдающимся UX
Быстрое прототипирование дизайна iOS-приложений с помощью Pixate
Для вдохновения: приложения использующие Material Design
Создание гламурного постера посвященного кино в Adobe Illustrator
Рисуем винтажный Macintosh в Adobe Illustrator-е
Десятка самых популярных веб-шрифтов 2014-го года по версии Typewolf
Вдохновляющие примеры стилевых гайдов по интерфейсу
Подборка бесплатных дизайнерских печенек
- Более ста бесплатных векторных сердечек
- Бесплатные кириллические и латинские шрифты в вашу коллекцию
Экшн для Photoshop-а, создающий эффект гравюры
Три десятка кистей для фотошопа с акварельными мазками и пятнами
Набор контурных иконок, посвященных электронной коммерции
Набор одноцветных иконок социальных сетей Picons
Набор монохромных векторных иконок, посвященных дню Святого Валентина
Три десятка наборов с векторными иконками: монохромными, контурными, с плоским дизайном
Четыре с половиной десятка ретро и винтажных шрифтов: от заголовочного Streetwear до декоративного Trocadero
Wild Spaces — ретро-шрифт с засечками
Новости
- Рейтинг языков программирования по популярности на GitHub и Stack Overflow
- Facebook открыл модули машинного обучения, использующие GPU для ускорения
- Сайт и приложение Facebook at Work начинают работу
- Samsung наняла на должность руководителя отдела дизайна ученика Джонни Айва
- Windows 7 готовят к отставке
- Элон Маск построит испытательный полигон для гиперпетли
- Spiral 2 — первая коммерческая модель Project Ara
- СМИ: В Google Translate появятся синхронный перевод речи и дополненная реальность
- YotaDevices работает над планшетом с двумя экранами
- В Google Translate появились функции синхронного перевода и распознавания текста на фотографиях
- Как дополнительная секунда повлияет на интернет и системы навигации
- Элон Маск инвестировал $10 млн в исследования по безопасности искусственного интеллекта
- Google закрывает программу Glass Explorer, а Google Glass могут стать коммерческим продуктом
Занимательное
- Бывший сотрудник Google: Множество разработчиков покинут компанию после получения премий в 2015 году
- История Элона Маска и его компаний: От близости к банкротству до колонизации Марса
- Элон Маск рассказал о создании космического интернета по модели «Чебурашки» за $10 млрд
- Могут ли два аспиранта свергнуть Google — обсуждение на Quora
- Дайджест IT приколов 2014 года
- Лучшее на Medium: Как я попал в YCombinator и разочаровался в стартаперстве
- Как работает GPS
- Каким телефон будущего видели в 1981 году
- Как 3D-проекции нарушают законы физики
Во имя прогресса. Какими научными событиями запомнился 2014 год
- 5 курьезных фактов из истории легендарных компьютерных игр
- 9 фильмов о геймерах, гиках и хакерах для геймеров, гиков и хакеров
- 20 событий 2014 года
gorescript — 3д-шутер на WebGL
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.