Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
Список 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.
