Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №135 (17 — 23 ноября 2014)
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и 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.