Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Новости
Google будет помечать мобильные сайты в результатах поиска, а также запустил инструмент проверки дружественности сайта к мобильным устройствам Mobile-Friendly Test
- Google улучшает распознавание образов
- Google добавил на панель выдачи Сети знаний ссылки на профили в социальных сетях
- Twitter реформировал поиск, проиндексировав все публичные твиты
- EFF, Mozilla, Cisco и Akamai создадут контролируемый сообществом удостоверяющий центр
- Релиз web-браузера Chrome 39
- Firefox меняет поиск по умолчанию на Яндекс и Yahoo
VP8 и H.264 станут обязательными для WebRTC
Adobe работает над запуском Photoshop в Google Chrome
Веб-разработка
- Наследование и композиция с Polymer
- Карманное руководство по написанию SVG. Глава 4
- Подкаст RadioJS — Спецвыпуск №10: Всё, что вы хотели знать о БЭМ
- По следам Chrome Dev Summit 2014:
- Будущее веба по версии гугл (устами Michael Bleigh, сооснователя Divshots)
Несколько полезных вещей, почерпнутых из Chrome Dev Summit 2014 (мыслями делится Chris Coyier)
Подборка видео с мероприятия
Web Performance Matters — пополняющаяся подборка ресурсов и инструментов для оптимизации провизводительности сайтов
Инструкция по оптимизации сайтов и производительности веб-приложений 
~198 слайдов о процессе разработки с использованием Front-end инструментов от Addy Osmani
Состояние дел в вебе с анимацией 2014-м
Неочевидные возможности атрибута HTML5 Contenteditable
Запускаем Phantom через Grunt
Создаем расширение “Save For Later” для Хрома с помощью современных средств веб-разработки
Начинаем работать с рецептами Google Maps
О технических подробностях «A Journey through Middle-earth», свежего Chrome Experiment. (WebRTC в геймплее)
YouTube каналы для веб-разработчиков и веб-дизайнеров- Теория:
Прогрессивное улучшение: прошлое, настоящее и будущее
HTML5: да он уже повсюду, даже на мобильных устройствах
О том, как HTML5 был сломан, сожжен, но в итоге воскрес
CSS
Website Style Guide Resources — сборник руководств по стилю а также всевозможных ресурсов на эту тему
mydevice.io — сборник размеров экранов популярных устройств
CSS Dig — расширение для Chrome для анализа вашего CSS. Полезное при рефакторинге стилей
Слайд-шоу в мокапе с перспективой (CSS3 матрицы)
CssCop — добавляет CSS Lint в Visual Studio
Навигационная панель на Flexbox с фиксированными, меняющимися и занимающими все пространство элементами
Воспроизведение эффекта Facebook content placeholder
Анимации навигационных иконок
Большие красивые буквицы с помощью CSS initial-letter
Симпатичные реалистичные переключатели на чистом CSS3
PostCSS Assets — постпроцессор для CSS, изолирующий стили от внешних изменений, умеющий работать с размерами изображений и инлайновыми файлами.
CSS препроцессоры: Когда использовать extend; а когда — mixin 
Немного о простых штуках: стилизация упорядоченного списка 
О вьюпортных единицах измерения в CSS: vw, vh, vmin, vmax 
Свежее видео с CSSconf EU 2014: «Patrick Hamann: CSS and the Critical Path»
JavaScript
Flow — статический анализ типов в JS от Facebook
Well.js – еще один подход к модульной разработке на JavaScript
Краткий конспект по языку JavaScript
Размышления о стандартной библиотеке JavaScript. Core.js
Вселенная npm
Espruino Pico: миниатюрная плата разработчика с JavaScript поможет быстро освоиться в мире электроники
Spider — язык, компилирующийся в JavaScript, взявший лучшие идеи из Swift, Python, C# и CoffeeScript
Опыт современной отладки с помощью DevTools: часть первая, часть вторая
Remy Sharp: Пять моих паттернов при работе с promise
Основы потоков в Node.js
Guardian.js — решение для работы с OAuth, облегчающее жизнь разработчику уже с одного запроса
Taunus — микро-изоморфичекский MVC движок для NodeJS
Использование тех же шаблонов в разных Angular приложениях
laroux.js — замена jQuery для современных браузеров и мобильных устройств
txtjs — работа с текстом и типографикой в Canvas для CreateJS
Lining.js — библиотека, дающая возможность управлять строками, а так же их анимировать
Face Detection — jQuery/Zepto плагин для определения лиц в изображениях и видео
Useuses — позволяет использовать 'uses' аннотации для загрузки зависимостей
Создание веб-приложений на AngularJS и Firebase
Тестирование AngularJS приложений с Karma
Визуализация для расшаривания: использование React для загружаемых визуализаций- Несколько интересных видео с Nodevember 2014:
Создание JS игр: от браузера к App Store. от Eric Lathrop
ES6: будущее уже наступило. от Jim Cowart
От jQuery к Ember: как сделать прыжок и не упасть
React в реальности
Сайты с интересным дизайном и функциональностью
jsconfar.com — забавный сайт, посвященный JS конференции с «живой» шапкой-игрой
talkpr.com — лаконичное эффектное портфолио
tilda.fontbureau.com — одностраничный сайт, посвященный шрифту
Прекрасные минималистичные сайты
budoucnost.utb.cz — полностью анимированный сайт нестандартной навигацией
firstlightfusion.com — слайд-скролл сайт с нестандартными эффектами
barlasapaydin.com — насыщенный анимированными элементами сайт веб-разработчика
district13.co.in — сайт с эффектами помех и шумов
pixstudio32.com — интерактивный сайт для любителей обустройства интерьеров
kylereadsays.com — сайт с анимацией, оживляющей динамику
Три с половиной десятка сайтов, использующих в дизайне радикальный красный цвет
Дизайн
7 ключевых трендов веб-дизайна на 2015 год
Выбор шрифтов для веб-дизайна и Front-End разработки стал еще удобнее- Size Marks, скрипт для Фотошопа, превращающий прямоугольное выделение в размерную метку, обновился до версии 1.0. Автор исправил пару ошибок и добавил несколько новых возможностей
- Новый дизайн: Bing обновил дизайн главной страницы, а Yahoo представил новый интерфейс поисковой выдачи
- Переносим скетчи в Adobe Creative Cloud с новым блокнотом от Moleskine
- Олег Пащенко: «Любое проектирование обитаемого пространства сегодня является веб-дизайном»
- Полезные ресурсы для дизайнера логотипов, а также Карандаши в дизайне логотипов
Исследование пикселей в iPhone 6 Plus
Семь правил создания великолепного UI: часть 1, часть 2- Apple Watch:
Создавая дизайн для Apple Watch (официальное руководство от Apple)
Разрешения экранов и еще некоторые подробности об Apple Watch
Новый шрифт от Apple, предназначенный для использования в их часах
Google Material Design в том числе и для печати
Что можно узнать у Google Material Design
Двадцать вдохновляющих графических дизайнеров
Французский веб-дизайн
skillshare — бесплатное онлайн обучение для творцов и создателей
Три десятка креативных примеров дизайна упаковки
Почему вы должны включать разработчиков в процесс дизайна
Как создать собственные кисти с пятнами акварельной краски в Adobe Photoshop
Четыре десятка уроков по созданию текстовых эффектов в Illustrator
Новые фишки при работе с типографикой в Photoshop CC (2014)
О читабельности в типографике и дизайне букв
Происхождение и эволюция плоского дизайна
Подборка бесплатных дизайнерских печенек
- Mockup на все случаи жизни
Восемь монохромных текстур в высоком разрешении
Набор из бесшовных рождественских фонов
Мокапы для демонстрации своих лого на деревянных поверхностях
Прекрасные фото-мокапы для демонстрации своего дизайна на мобильных устройствах
Шесть с половиной десятков шаблонов флайеров в PSD формате
Набор с нарисованной вручную векторной графикой Sable Kit 2
25 наборов с иконками, состоящие из распространенных жестов для управления мобильными устройствами
Упаковка с одноцветными иконками Gamecenter в PSD формате
DIN Next Slab Medium — заголовочный шрифт
Три десятка шрифтов без засечек: от Champagne & Limousines до Jolly
Занимательное
- Новости:
- Intel выпустит мини-компьютеры размером с флеш-брелок
- Часы Apple Watch будут модернизируемы
- Nokia представила Android-планшет N1 и оболочку Z Laucher
- Jolla Tablet – первый в мире коллективно финансируемый планшет на ОС Sailfish OS 2.0
- Project Loon: Google готова запускать до 20 воздушных шаров в день
SMM? Спасибо, но нет, спасибо- Как разобраться с часовыми поясами при помощи поисковой строки Google. Или просто использовать сервис time.is
- Продвинутая система распознавания образов
- Лондонский художник собирается провести 28 дней в Rift
- Нигде не скрыться: 6 способов понять, что Google знает о своих пользователях всё
- Краткая история графики в видеоиграх
- Илон Маск считает, что искусственный интеллект опасен для человечества
- Колонизация Галактики
Как Kickstarter привлекает новых пользователей
Как звучит и выглядит Wi-Fi- Демо:
pixact.ly — игра на знание размеров пикселей и тестирование глазомера
Треугольник каждый день
Визуальные объяснения в математике
Motion Pixie
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
