Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
Лекции Технопарка. 1 семестр. Web-технологии- Игровой мир WebGL или Three.js vs Babylon.js
- Идеи для HTML6 или HTML.next
- Введение в HTML импорты
- Секреты браузерных инструментов разработчика (часть 1)
- Почему мы не можем делать по-настоящему адаптивные изображения при помощи CSS или JavaScript
«Today I Learned» — авторы делятся всем новым, чему научились за последнее время- Полное руководство по SVG
- Основы SVG — создание отрезков с помощью линейных команд
- Взвешивание техник анимации SVG
- Анимации для мобильного веба (в рамках оптимизации сайта Yelp)
- Идея о динамических шрифтах для адаптивного дизайна
- Автоматизируйте ваши задачи с помощью Gulp.js
- Веб-инструменты
- Сервис по оптимизации SVG-изображений
- Useful SVGO[ptimization] Tools
- Yellow Lab Tools — сервис для анализа веб-страниц с точки зрения производительности и веса
CSS
- Доклад по CSS за 2014 год: Проверка использования CSS в «полевых условиях»
- Проведение аудита CSS: Таблицы стилей не должны быть ужасными
- Развлечения с line-height!
- Центрирование и обрезка изображения с одной строчкой CSS
- Стилизация номеров строк (цифр) в упорядоченных списках <ol>
- Смешивание и наложение цветов в CSS
- Забавы с line-height
- CSS селекторы 4-го уровня из будущего
- Функция динамической цветовой растяжки на тексте в Sass
- criticalCSS — находит CSS для элементов, находящихся в зоне видимости пользователей и выносит этот код в отдельный файл
- Варианты анимации иконки-гамбургера в крестик
- Сайт, сделанный из одного тэга link со ссылкой на стили
- Простая подсветка рядов и колонок в таблице на чистом CSS
- Основы Sass: The Function Directive
- Materialize — современный отзывчивый статический фреймворк, основанный на принципах Material Design
- spaceBase — отзывчивый CSS фреймворк, основанный на Sass
- extractCSS — извлечение классов, айдишников и встроенных стилей из HTML
JavaScript
- Aurelia — новый современный JS-фреймворк, Aurelia.io — JavaScript-фреймворк нового поколения с ES6, WebComponents, Object.observe и всем остальным
- Делаем игру 2048 на AngularJS
- Краткое руководство по React JS
- Генерирование фейковых данных для вашего JavaScript-приложения с помощью Faker
- Кривые Безье-де Кастельжо. Canvas HTML5
- ReactJS для глупых людей
- Flux для глупых людей
- Подкаст RadioJS: Сергей veged Бережной — руководитель отдела разработки поисковых интерфейсов в Яндексе рассказывает о своих проектах, делится мудростью и вспоминает с чего начиналась карьера. Обсуждаем процессы в Яндексе, io.js и EcmaScript 6 (ES2015).
- Боремся с проблемой this в конструкторах
- Релиз PhantomJS 2.0
- ECMAScript 6:
- Деструктурирование и параметры обработки в ECMAScript 6
- ES6 в io.js
- Замените CoffeeScript на ES6
- Новые возможности при работе со строками в ECMAScript 6
- Написание приложений на AngularJS используя ES6
- Используем новые штуки из JavaScript в мире ES3 ентерпрайза
- Лучший способ создания новых элементов
- Создание синхронных и асинхронных функций в JavaScript
- Создание браузерных аудио-приложений, поддерживающих MIDI-устройства
- Обработка тач-событий в JavaScript
- webrtc-ips — определение IP с помощью JS и STUN серверов Mozilla
- Mozilla — Canvas 2D: новая документация, Path2D объекты, области нажатия
- Приложение на React за семь минут
- Начинаем разбираться с Meteor.js
- Шесть полезных пакетов для приложений на Meteor почти для любого проекта
- Hjson, человеческий JSON
-
Создание приложений с Google Maps - Туториалы и плагины для создания экранов предзагрузки
- От Map/Reduce до функционального программирования на JavaScript
- texgen.js — процедурный генератор текстур
Браузеры
- Vivaldi:
- Браузер Vivaldi — первая тестовая версия
- Интервью с Йоном Течнером о новом браузере Vivaldi
- Vivaldi — в чём особенности нового браузера
- Браузер Vivaldi — свежие новости и анонсы
- Spartan:
- Подробности о новом движке рендеринга Microsoft для “Project Spartan”
- В движке EdgeHTML нового браузера Spartan во многих свойствах убрана поддержка префиксов ms
- Microsoft Spartan и будущее для Internet Explorer
- Microsoft Spartan может поддерживать расширения Google Chrome
- Включаем новый движок рендеринга в IE11
- Браузер Project Spartan демонстрирует в тестах лучшие результаты, чем Internet Explorer
- В ночные сборки Firefox добавлен API для 3D-шлемов и изоляция NPAPI-плагинов
- Как просматривать сайты в Google Chrome без подключения к Сети
- Обновление панели для разработчиков (F12) в Windows 10 January Technical Preview
Сайты с интересным дизайном и функциональностью
- hellomonday.com — красивая анимация
- Trippeo — радиальное меню одностраничного сайта со скролл-эффектами
- Word Map — аудио- и видеовизуализация слова разных языках мира
- beta.rallyinteractive.com — нестандартная реализация скролл-эффектов и трансформации меню
- hexagone-paris.fr — горизонтальный скролл-сайт с параллакс-эффектом
- boda.sensors.jp — японский сайт с футуристическим 3д-интерфейсом
- thiswasmybest.com — вертикальный сайт с интересными эффектами переходов
Дизайн
- Позиционирование в веб-дизайне
- 14 советов дизайнеру: Как подготовить макет для верстки
- Что такое material design?
- 10 иллюстраторов, умеющих передать настроение
- Многоугольный объем в веб-дизайне
- Как стать успешным веб-дизайнером?
- Отображение паролей в окнах авторизации
- Интерактивный дизайн мобильных приложений
- Представление Guardian beta — и новых подходов к адаптивному дизайну и скролл-эффектам
- Дизайн завтрашнего: образовательные программы Физика и не только
- Чему бы я хотел быть обучен в университете как дизайнер
- Когда, почему и как делать дизайн в браузере
- Как сделать реалистичные отражения в каплях дождя в Adobe Photoshop
- Как нарисовать инфографику с соединительными линиями в CorelDRAW
- Пять плагинов к Adobe Illustrator повышающих вашу продуктивность
- TypeHunting — коллекция фото с образцами качественной типографики
- 15 бесплатных ресурсов для Google Material Designers
Подборка бесплатных дизайнерских печенек
- Бесплатные векторные ресурсы для милого и романтичного дизайна
- Бесплатный клипарт: векторные карты
- Фото-текстуры деревянных поверхностей, а так же стен
- Шаблон интернет-магазина с двенадцати-колоночной сеткой в формате PSD
- Десять шаблонов мокапов визиток в PSDs
- Две дюжины мокапов для демонстрации дизайна визиток, издание 2015-го
- Векторный мокап смарт-часов
- Полтора десятка векторных изображений посвященных дню Святого Валентина
- Шесть заготовок винтажных логотипов в форматах AI, ABR
- Набор иконок посвященных дню Святого Валентина
- Три десятка наборов с иконками, с плоским, контурным и дизайном с длинными тенями
- Сотня иконок посвященных кухне
- D Hanna Soft Free Regular — шрифт без засечек
- Kontanter — декоративный моно-ширинный заголовочный шрифт
Новости
- YouTube отказался от Flash в пользу HTML5 по умолчанию
- Facebook укрепляет позицию лидера по количеству авторизаций на других сайтах
- Проект Mozilla экспериментирует с развёртыванием узлов Tor
- Apple озвучила сроки начала продаж «умных» часов Apple Watch
- Акции Microsoft падают, несмотря на анонс Windows 10
- Microsoft умножила на ноль Windows RT
- В апреле Sony проведёт первую онлайн-трансляцию концерта с качеством DSD
- Стоимость акций Apple достигла рекордного значения
- Разработчик альтернативной Android-системы Cyanogen привлечет $70 млн от Microsoft и других инвесторов
- Google: проект Glass нуждается в перезапуске
- Apple обогнала Samsung и стала крупнейшим мировым вендором смартфонов
Занимательное
- Интернет в закрытой стране: Опыт Северной Кореи
- Очки HoloLens от Microsoft будут использовать для изучения Марса
- Почему Surface Hub интереснее, чем HoloLens
- Учёный лаборатории Google: «Через несколько лет чип для синхронного перевода можно будет встраивать в ухо»
- Разбираемся в новой версии Windows 10 Technical Preview
- Взлетит или не взлетит: Бывший сотрудник Intel разработал алгоритм для предсказания успеха стартапов
- Новые откровения Билла Гейтса: о боязни умных роботов, незнании языков, недосыпе и многом другом
- 15 причин не работать в компании Facebook
- О строительстве, 3D-печати и клинопанке
- Depthy — добавление объема в фотографии
- Визуальные эффекты в canvas
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
