Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
![](https://habrastorage.org/r/w1560/files/8dd/e6d/0b7/8dde6d0b72c74e5f956709abc6988568.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/files/8dd/e6d/0b7/8dde6d0b72c74e5f956709abc6988568.png)
Веб-разработка
GamepadAPI или джойстик в браузере
npm для простых смертных
- Карманное руководство по написанию SVG. Глава 3
- Скриншоты редакторов кода разных разработчиков
- Свежий подкаст Frontflip. О том куда катится веб (о rx.js, react.js, meteor.js и многом другом)
Microsoft на GitHub
Сборник разнообразных ресурсов для создания стилевых гайдов
Новые фишки в новом Foundation для приложений
Как мы сделали наше мобильное приложение за две недели с помощью Ionic Framework
Клевые идеи для интерактивного Drag and Drop функционала в современных UI
Создание динамической страницы поиска на вашем Jekyll-блоге с помощью JavaScript
Всего 18.7% сайтов по версии Alexa top 10.000 адаптированы под мобильные устройства
HTML был создан не для приложений
5 устаревших элементов и атрибутов в HTML5
Front-End Dev guidelines от TMW
SVG NOW — панель для экспорта оптимизированного SVG из Adobe Illustrator
Создание трехмерного анимированного мокапа
Смерть Lorem Ipsum и Pixel Perfect контента
CSS
- Возвращаемся к вопросу производительности CSS: селекторы, раздутые и тяжелые стили
Простой способ растянуть блок на всю высоту экрана, или CSS3 Viewport Units
Слайдшоу на CSS (Sass)
- Заметки о черновике CSS-свойства «alt»
- Развлечения с CSS-счётчиками
Управляем адаптивной типографикой с помощью Sass
Пятнадцать нужных Sass mixin-ов
Несколько штук в LESS, о которых вы, возможно, не знали
Аватарки с CSS clip-path
material ui — CSS фреймворк и набор React компонентов, использующие Google Material Design
CSS Specificity Graph Generator
SVG анимация и CSS трансформация: сложная история любви
Simple Hint — хинты на CSS
Min — css фреймворк в 995 байт с поддержкой IE5.5+
Адаптивные маски для CSS Shapes с помощью Mac Preview App
Контроль формы с помощью CSS currentColor и псевдо-элементов
7 единиц измерения в CSS, о которых не все знают
12 вариантов эффектного появления кнопок шаринга
Пару слов про only-child в CSS
JavaScript
Выразительный JavaScript: Модули, Проект: язык программирования, JavaScript и браузер
ECMAScript 6 Promises
interact.js — drag'n'drop, изменения размеров и мультитач жестов с инерцией для современных браузеров (и IE8+)
Множители в Javascript анимации
JavaScript модули: добро пожаловать в мой Emo Hellscape
Удивительная fn.displayName
Почему Node.js может столкнуться с Open-Source расколом
Визуальное представление приложений на Angular
Как использовать HTML5 Full Screen API
Нативная привязка данных в JavaScript
vivus — библиотека, «оживляющая» SVG
purplecoat.js — оверлеи с текстом, отображаемые после клика
imagejs — упаковщик JS кода в файл изображения
Espresso.js — небольшой MVC фреймворк с фокусом на простоте и быстродействии
particles.js — легковесная библиотека для создания визуализаций частиц в html5 canvas
MetricsGraphics.js — надстройка над D3 для построения интерактивных графиков
Permit.js — jQuery плагин для создания интерактивных прототипов для сайтов и веб-приложений
Labelauty — легкий jQuery плагин для стилизации чекбоксов и радиокнопок
Сказка «Колобок» на JavaScript
Веб-инструменты
typegenius — выбор подходящего шрифта
Lipsum.pro BETA
Shoelace — удобный генератор разметки под Bootstrap
Бесплатный онлайновый векторный редактор: Method Draw
Raven — минималистичный текстовый редактор с хорошей типографикой
zbugs — минимизируйте и сжимайте в Gzip свои CSS и Javascript одним кликом
Новости
- Илон Маск подтвердил планы по запуску 700 спутников связи на орбиту Земли
- Первый в истории контакт с кометой: посадка зонда Philae
- Microsoft запустила бета-версию Skype для браузеров
- Капитализация Apple достигла рекордного значения
- Apple заказала производство до 40 млн часов Watch
- Xiaomi может разрушить планы ASUS на 2015 год
- Samsung видит будущее в искривлённых смартфонах
- Новые настройки Facebook позволят уменьшить количество новостей от определённого друга и просмотреть список «кумиров»
- Новая версия Windows 10 Technical Preview
- Китай запустит квантовую сеть в 2016 году
- Google арендует у NASA часть исторического аэродрома Моффетт с огромным ангаром «Ангар-1» на 60 лет
- YouTube запускает музыкальный сервис Musiс Key
- Facebook запустил рекомендательный сервис Places — аналог Foursquare
- В России создают «объективную» онлайн-энциклопедию вместо Википедии
Microsoft запускает бесплатную версию Visual Studio для небольших команд
Браузеры
- Firefox исполнилось 10 лет
- Первый выпуск Firefox Developer Edition
- Движок Mozilla Servo показывает феноменальную производительность
- Выпуск Firefox 33.1 с порцией новых возможностей. В Firefox ожидается поддержка Tor
- Многопроцессный режим в ночных сборках Firefox. Тесты производительности Asm.js и движка Servo
ES6 генераторы работают в 22 раза быстрее в новом Firefox
Internet Explorer: Переход к живому Edge-режиму — следующий шаг к тому, чтобы веб просто работал
- Представлен Fifth, минималистичный web-браузер с интерфейсом на основе FLTK
Сайты с интересным дизайном и функциональностью
- В Mozilla запустили сайт для владельцев очков виртуальной реальности
Примеры сайтов с интересной анимацией
Небольшое путешествие «вглубь» сайта
kylereadsays.com — одностраничный сайт с падающим шариком
Soundscape — комбинируйте звуки природы в мелодию
nerisson.fr — сайт портфолио
monfa.red — вертикальный скролл-сайт с необычными переходами между секциями
thoughtspot.com — сайт с приятной скролл-анимацией и видео на фоне
ohdeergames.com — Клевая реализация эффекта скролла вглубь страницы
theexperiment.io — интерактивный скролл-сайт с необычными эффектами
Дизайн
9 основных принципов отзывчивого веб-дизайна
- Дизайн под носимые устройства
- Неожиданный дизайн денежных банкнот
- Что общего между работой UX-дизайнера, спортсмена и врача
- Цифровые фантастические пейзажи от бельгийского иллюстратора
- Радужный мозаичный бэкграунд в Adobe Illustrator
- 14 важных изменений в логотипах, которые никто не заметил
10 проблем отзывчивого дизайна и их решение
Интервью с иллюстратором Alex Tornberg
Шесть простых правил для дизайна сайтов под мобильные устройства
Альтернативы использования выпадающих списков в формах
Три десятка примеров вдохновляющих темных веб-дизайнов
Дизайн в деталях: приложение Square Order для iOS
The iOS Design Guidelines
IxD Checklist
Анализ UX окна настроек современных мобильных операционных систем
Как рисовать иконки осенних листьев, ягод, желудей и каштанов в Adobe Illustrator
Как сделать объемную иконку карты в фотошопе
Создание рисунка фантастической ассоциации для футболки в Adobe Photoshop-е и Illustrator-е
Эксперимент с цветом в Illustrator-е при создании иллюстрации абстрактной розы
О терминологии: типографике, шрифтах, шрифтовых семействах и буквах
Подборка бесплатных дизайнерских печенек
- Бесплатные ретро-стили для Photoshop
- Бесплатные шаблоны для баннеров и листовок
Sketch to App Store — генератор 45 изображений для App Store за минуту
Мокапы для демонстрации дизайна в iPhone 6 от Coolmockups
PSD шаблон сайта Криштиана Рональдо
PSD: с UI для приложения новостей под iOS 8
PSD исходники индикаторов прогресса
Большой набор с элементами UI в плоском дизайне от Creatticon
Сотня фотореалистичных высококачественных мокапов
Векторный рождественский ценник-ярлычок
Три упаковки с векторными круглыми монохромными иконками от Tibor Brink
Пять наборов с иконками с плоским и цветным дизайном
Векторный шаблон туристического логотипа
Более пяти сотен векторных иконок на тему эзотерики нарисованных вручную
Иконочный набор иконок-рисунков нарисованых вручную (PNG, PSD, SVG)
Декоративный шрифт без засечек SKINNY BASTARD от MARCELO REIS MELO
MANIFESTO — декоративный шрифт без засечек
Коллекция шрифтов без засечек этой недели: от FINS до LEAGUE SPARTAN
Демо
Бегущий человек (SVG)
Текст с эффектом северного сияния от yoksel
Адаптивный svg с параллакс эффектом
Top 10 Codepens of the Week
The Triangles — новый треугольник каждый день
Motion Pixie
Занимательное
- Google Glass: Почему разработчики и пользователи отвернулись от революционного продукта
- Самым молодым специалистом Microsoft стал пятилетний британец
- 8 полезных хаков сервиса YouTube
- Космический флот Илона Маска
- 14 экспериментов, которые и учат, и удивляют
- Star Trek или Star Wars?
- 20 фактов, которые нельзя было предсказать 10 лет назад
- В поисках теплого звука: нужно ли греть наушники?
- Звуки Wi-Fi можно услышать
- 15 IT-компаний, которые сменили бизнес-модель и теперь стоят миллиарды долларов
- Как мы запускали Instagram — история сооснователя Майка Кригера
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.