Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Новости
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.
