Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
Ghostlab: использование инструментов разработчка Chrome для отладки в любом браузере- Как всё устроено: разработка интерактивных онлайн-курсов
- Обновление #длямобильных уже в действии. Отвечаем на ваши вопросыперевод
- Создание руководства по стилю
Туда и назад: возвращаясь к реальному front-end коду (There and Back Again: Returning to Real Front-End Code)- Что означает элемент canvas для доступности (What the canvas element means for accessibility)
- Приступая к работе с HTML5 Video (Getting Started with HTML5 Video)
- API NASA — инструментарий для разработчиков от NASA
- Создание адаптивного портфолио с UIkit (Building a Responsive Portfolio with UIkit)
- Electron — инструментарий для создания кроссплатформенных приложений с помощью веб-технологий (бывший Atom Shell)
- Бесплатный курс на Udacity «Browser Rendering Optimization»
- WebP изображения и производительность (WebP Images & Performance)
- free-for-dev — ссылки на бесплатности из мира Saas, PaaS и IaaS
- Концепт интерактивного раскрашивания страницы с помощью Drag-and-Drop (Interactive Drag and Drop Coloring Concept)
- Aaron Gustafson
- Penguin — легкий и расширяемый стартовый набор для фронтенд-разработчика
- Оптимизация SVG в data URI
-
О HTTP2 за 5 минут
CSS
- Способы организации CSS-кода
- Хорошо ли вы разбираетесь в линейный градиентах CSS?
- 3 вопроса по CSS, которые вызывают трудности
- Рассказ о том, как написать свой собственный CSS препроцессор за 9 месяцев
- Задача плотной упаковки блоков
- cssflexbox.com — курируемая коллекция материалов, советов и ресурсов по CSS Flexbox
- Цветные SVG в фоновых CSS изображениях (Coloring SVGs in CSS Background Images)
- Bootstrap 4 will be in SCSS
- harmon — простая типографика с Sass
- Sass и адаптивная типографика (Sass and Responsive Typography)
- c^ret — генератор CSS кода для стрелочек
- How to Center in CSS — сервис для генерации кода для центрирования чего-либо
- FlexCss — библиотека JS/CSS паттернов на базе Flexbox
- Просто используйте пиксели (Just use pixels)
- Лого Marvel на CSS
- Управляем высокомасштабируемыми веб-проектами с помощью новой CSS архитектуры ITCSS (Manage large-scale web projects with new CSS architecture ITCSS)
- Связываем множественные режимы смешивания (Chaining Multiple Blend Modes)
- Прекращайте писать вендорные префиксы (Stop writing vendor prefixes)
- Продвинутая стилизация элемента select с помощью CSS3 (Advanced CSS3 Styling of HTML5 SELECT Element)
- Скринкаст по основам позиционирования в CSS
JavaScript
- Миксины для “классов” в JavaScript
- Видео докладов с MoscowJS Meetup
- Оптимизация циклов
- Атака через JavaScript по определению содержимого L3-кэша CPU
- Анонс проекта Globalize 1.0
- Более глубокое рассмотрение ES6: введение (ES6 In Depth: An Introduction)
- У всех есть JavaScript, да? (Everyone has JavaScript, right?)
- Inline SVG fallback; no JavaScript required
- Основы видимости переменных в JS (The basics of variable scope in JavaScript)
- Распространенные заблуждения о наследовании в JS (Common Misconceptions About Inheritance in JavaScript)
- Неизменяемость в JavaScript (Immutability in JavaScript)
- Три неудобства в JS, о которых должны знать Java/C разработчики (Three JavaScript Quirks That Java/C Developers Should Know)
- Паттерны создания JS UI виджетов (Patterns of JavaScript UI Widget Instantiation)
- angular2-education — материалы по AngularJS 2
- React для будущего с изоморфическими приложениями (React To The Future With Isomorphic Apps)
- Введение в футристический новый роутер в AngularJS (An Introduction to the Futuristic New Router in AngularJS)
- Устранение JS кода с душком (Eliminate JavaScript Code Smells)
- Подборка лучших плагинов Javascript Carousel
- Pointer — добавление поддержки Pointer-событий
- compareTo — скрипт, добавляющий поддержку атрибута compareTo, для сравнения двух введенных паролей
- wm-html-include.js — скрипт для добавления внешних html страниц в текущий документ
- Диалоги подтверждения в стиле Medium
- Egg.js — добавление пасхалок на сайт
- NoSleep.js — предотвращает засыпание экрана на Android/iOS
- itemSlide.js — простая тач-карусель
-
Elevator.js — забавный подъем к началу страницы - Лингвистика JS от Erin McKean (The Linguistics of JavaScript — Erin McKean (Wordnik) keynote)
- Гармония ECMAScript: рост компиляторов — заметки с доклада Brendan Eich (ECMAScript Harmony: Rise of the Compilers — Brendan Eich keynote)
- Анатомия JS MV* фреймворков от Craig McKeachie (Anatomy of a JavaScript MV* Framework — Craig McKeachie — JS Remote Conf 2015)
Браузеры
- Новая функциональность в Chrome DevTools (Chrome DevTools upcoming features)
- Временная шкала DevTools: теперь рассказывает полную историю (DevTools Timeline: Now Providing the Full Story)
- Push-революция: в Safari и Chrome теперь можно получать уведомления от сайтов даже при закрытом браузере
- Разработчик создал браузер для Apple Watch
- Вознаграждение за найденные баги в браузере Spartan
Сайты с интересным дизайном и функциональностью
- The Artist at War — интерактивный тематический сайт, посвященный исторической теме
- flavinsky.com — минималистический сайт с акцентом на типографике
- pro.weltrade.com — сайт с качественной графикой и фоновым видео
- voetsdesign.com — сайт с эффектной реализацией бекграундов
- getbeagle.co — прекрасная скролл-анимация
- Fornasetti — немного странный сайт о канцелярских товарах
- Примеры сверх-минималистичного веб-дизайна (25 Inspiring Examples of Ultra Minimal Web Design)
Дизайн
- Основные принципы проектирования интерфейсов виртуальной реальности
- Часы для поклонников Helvetica, редизайн Meduza и другие новости дизайна за неделю
- Перевод очередных разделов официальной документации Google по материальному дизайну от команды css-live.ru: Цвет, Иконки, Изображения
- Как фаблеты влияют на дизайн UX для мобильных устройств
- Красивые заголовки в веб-дизайне
- stet.io — онлайн редактор изображений
- Kubist — сервис для превращения фото в полигональный SVG
- Web Design Stack — коллекция всех необходимых ссылок
- Захватывающий дизайн (о дизайне виртуальной реальности) (Immersive design)
- Падение дизайнера часть III: конформистский отзывчивый дизайн (Fall of the Designer Part III: Conformist Responsive Design)
- Три катастрофы адаптивного дизайна (и как их избежать) (3 responsive design disasters (and how to avoid them))
- Как мы проектировали робота-охранника: опыт студии дизайна Forma
- Использование Sketch для создания адаптивного веб-дизайна (с примером) (Using Sketch For Responsive Web Design (A Case Study))
- Мой Balsamiq: вайрфреймы в вебе (My Balsamiq: Wireframes on the Web)
- книга «Pay me or else!» — о решениях проблемы с клиентами-неплательщиками; (I fucking hate it when clients don’t pay)
- Часы на моем телефоне: что время значит для нас (The Watch On My Phone: What Time Means To Us.)
- Семь советов для разработки дизайна приложений для женщин (7 Tips for Designing Apps for Women)
- Локализация дизайнов со Sketch и Invision (Localise designs with Sketch and Invision)
- Пусть ваши пользователи подождут (Let Your Users Wait)
- Дизайня настройки (Designing Settings)
- Дизайн индикатора счета спортивных состязаний (The Score Bug: A Case Study on Creating Digital On-Screen.)
- Как нарисовать реалистичный нос в Adobe Photoshop (Learn How to Paint a Realistic Nose in Adobe Photoshop)
- Как создать яркий игровой фон в CorelDraw (How to Create a Vivid Video Game Background in CorelDRAW)
- Выбирая подходящую типографику для вашего UI (Choosing the Best Typography for Your UI)
- Сто дней, сто шрифтов (100daysoffonts.com)
- Proxima Nova, ca. 1981
- Обложки комикса «Avengers» с 1965 по 2015 года
- Team Colors — основные цвета спортивных клубов
- История дизайна: познакомьтесь с вашими амперсандами (Design History: Get to Know Your Ampersands)
Подборка бесплатных дизайнерских печенек
- Бесплатные веселые паттерны
- Ресурс с бесплатным вектором, фото, иконками и прочим
- Контурные изображения жестов (Righteous gestures — free gestures set)
- Мокапы iOS устройств, постеров и обложек журнала (Free Photoshop Mockups for Web Designer & Developer)
- Мокапы футболок (20+ Amazing Free T-Shirt Mockup PSD Templates)
- Мокапы штампов (15+ Best Stamp Mock-up PSD)
- Лучшие наборы UI в формате PSD для Android (46+ Best Free Android UI Kit PSD)
- Иконки относящиеся к теме фото и видео (Photography & Camera Function Icon Set – Freebies)
- Набор иконок с дизайном в стиле Material (Material Design Icon Set – Freebie)
- Одиннадцать наборов с иконками (11 Free Icon Sets For Your Design Toolbox)
- Несколько наборов иконок на разные тематики (Free Multipurpose Icons)
- Красочные иконки с плоским дизайном (300+ Free Flat Color Icons)
- Bough — рукописный ретро шрифт (Bough: Hand-Drawn Typeface)
Новости
- Google готовится к запуску тысяч интернет-аэростатов Loon
- Project Fi — виртуальный мобильный оператор от Google
- В поисковой выдаче Google теперь учитывается оптимизация сайта для мобильных устройств
- Google запустил алгоритм mobile-friendly , Мнения специалистов
- Первоапрельская шутка com.google случайно создала огромную брешь в системе безопасности
- Суд в Германии одобрил использование AdBlock
- Самый популярный язык на GitHub показали на одном графике
- Microsoft возвращает в поставку Windows 10 Solitaire, Minesweeper и Hearts
- Владельцы Android-смартфонов получили возможность управлять телефоном через поиск Google
- Релиз WordPress 4.2 с устранением серьёзной уязвимости
- Релиз Windows 10 состоится в конце июля
- YouTube отмечает десятилетие с момента загрузки на хостинг первого видео
- Apple объяснила в новых рекламных роликах, как использовать Watch для работы, спорта и общения
- Пользователи Facebook ежедневно смотрят 4 млрд видео
- Число дня: сколько человек каждый месяц пользуются Facebook
- Роман Абрамович вложился в Music Messenger
Занимательное
- Android испражняется на логотип Apple на гуглокартах
- От чего произошли названия 20 современных IT-гигантов
- Чем плохо работать в Facebook: отзывы бывших сотрудников крупнейшей соцсети в мире
- Основатель мессенджера Slack: Сейчас лучшее время для стартапов, которым нужны инвестиции
- Плохой год для Google — почему аналитики сомневаются в светлом будущем «корпорации добра»
- Откуда взялась ошибка 404
- Юбилей телескопа Хаббл: 25 лет удивительных фотографий космоса
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
