Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
- 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 анимации
- <a rel="nofollow" href="https://medium.com/trek/last-week-i-had-a-small-meltdown-on-twitter-about-npms-future-plans-around-front-end-packaging-b424dd8d367a">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.
Автор: alexzfort