Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
PS: На следующей неделе дайджеста не будет. Отпуск, отдых и все такое :)
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Бесплатные печеньки |
Новости |
Занимательное |
Веб-разработка
Создание 2D игр в HTML без CANVAS. Наработки в видеоформате (видеоуроки)- По-настоящему адаптивные письма. Часть первая
- 10 полезных SEO-советов, которые помогут обойти конкурентов
- Typing — сервис для тренировки написания кода
Grunt и Gulp в вашем процессе оптимизации (How to Grunt and Gulp Your Way to Workflow Automation)- В каком типе веб-компонентов мы нуждаемся? (What kind of Web Components do we need?)
- За гранью: почему веб-компоненты — это вымирающий вид (Over the Edge: Web Components are an endangered species)
- Почему веб-компоненты сделают веб для пользователей еще лучше (Why Web Components will make the web a better place for our users)
- 6 причин, по которым ваши дети (и мои) должны изучать кодинг (6 Reasons Why Your Child (and mine!) should Learn To Code)
- Основы SVG: Lines, PolyLines, Caps и Corners
- Почему доступность имеет значение (Why availability matters)
- Стилизация доступных форм (Styling Forms Accessibly)
- Мы должны оптимизировать изображения для лучшей производительности (We should optimize images for the better web performance)
- Утилита для преобразования Timeline данных в видео (GIF) (Convert a Chrome Timeline data to a GIF (video))
- Аудит производительности мобильной версии reddit от Пола Айриша
- 15 клевых параллакс-эффектов с CodePen
- Любимые демки Криса Койера на CodePen II
- Будущее программирования: WebAssembly и жизнь после JavaScript (The Future of Programming: WebAssembly & Life After JavaScript)
- MarkSheet — руководство по изучению HTML и CSS (MarkSheet — A free guide to learn HTML and CSS)
- GSAP + SVG для продвинутых пользователей: движение по кривым (GSAP + SVG For Power Users: Motion Along A Path)
- ExpandJS — модульная библиотека для веб-приложений с 80+ элементами и 350+ утилитами (ExpandJS — Expand your horizon)
- Company Logo API — генератор лого компании
-
Front-Trends 2015 Videos
CSS
- Конические градиенты — уже сегодня! Перевод статьи Conical gradients, today! сообществом css-live.ru
- Нативное прилипание скролла без использования JavaScript (Native CSS Scroll Snap Points)
- Mathematical Web Typography
- Исправляем производительность скроллинга с помощью CSS свойства will-change (Fix scrolling performance with CSS will-change property)
- Варианты верстки различных геометрических фигур в вебе (Working with Shapes in Web Design)
- Контейнерные запросы (Container Queries: Once More Unto the Breach)
- Понимание контекста блочного форматирования в CSS (Understanding Block Formatting Contexts in CSS)
- Rebar Grid Framework — Sass / Stylus grid framework
- Ограничения стилизации посещенных ссылок (Limitations on Styling Visited Links)
- Заблуждения о PostCSS (PostCSS misconceptions)
- Визуализация ширины вьюпорта мобильного веб-траффика (Viewport width visualization of mobile web traffic)
- Воспроизведение эффекта с радужным оверлеем в фейсбуке тремя способами в CSS
- Стилизация элементов форм с помощью псевдо-селекторов
- Независимость компонентов. И почему это может быть сложно для реализации в CSS (Component Independence. And why it can be hard to do in CSS )
- Подкаст Web Platform, выпуск 50: The Evolution of CSS
- Понимание CSS3 Flexbox в отзывчивом дизайне
- Независимость компонентов (Component Independence)
- Стилизация компонентов Angular 2 (Styling Angular 2 components)
- Знакомство со Stylus (Getting To Know Stylus)
- Освоение Less Guards и циклов (Mastering Less Guards and Loops)
JavaScript
- Разработка на ES6 для браузеров
- Семь удивительных «возможностей» Javascript
- Функции высшего порядка в JavaScript
- RadioJs Выпуск 26: Матёрым Шахтёрам
- Возможность выполнения JavaScript в обход ограничений NoScript
- Promise. Работаем с асинхронным JavaScript
- Интерактивные карты на WebGL. Mapbox GL JS — открытая JS-библиотека для создания современных интерактивных карт на основе WebGL (Владимир Агафонкин)
- Асинхронность в Javascript больше не страшна. Как перестать отлаживать асинхронные вызовы и начать жить (Андрей Саломатин)
- Использование Media Capture API (Using the Media Capture API)
- Введение в Fetch API (Introduction to the Fetch API)
- Управление асинхронным потоком JavaScript (Javascript Async Control Flow)
- Рекурсия в функциональном JavaScript (Recursion in Functional JavaScript)
- Маленькие модули: истории от автора серийных модулей (Sindre Sorhus) (Small Modules: Tales from a Serial Module Author)
- Marvell добавляет поддержку JavaScript в наиболее компактное устройство (Marvell Brings JavaScript To The Smallest Devices Ever)
- Насколько быстры web worker-ы? (How fast are web workers?)
- ECMAScript 6: Лучший JavaScript для эры в окружении компьютеров (ECMAScript 6: A Better JavaScript for the Ambient Computing Era)
- Производительность ES6 в окружениях и браузерах (ES6 Feature Performance)
- TCO в ECMAScript 6 (Tail call optimization in ECMAScript 6)
- Возможно вам уже не нужен Underscore (You Might Not Need Underscore)
- ES-Checker
- Руководство для начинающих по Handlebars (A Beginner’s Guide to Handlebars)
- SPECTACLE — библиотека для презентаций на ReactJS
- React + Производительность = ? (React + Performance = ?)
- Move.js — небольшая JS библиотека для создания простой и элегантной CSS3 анимации
- Статистика по наиболее популярным JS проектам на GitHub
- Простые анимации типографики: как манипулировать текстом с помощью Blast.js и jQuery (Easy Typography Animations: How to Manipulate Texts with Blast.js and jQuery)
- Эмулируем физику в JavaScript (Hack Physics and JavaScript (part 1))
- Sebastian McKenzie (автор Babel): JavaScript трансформация | JSConf US 2015 (Sebastian McKenzie: JavaScript Transformation | JSConf US 2015)
- Подборка видеоматериалов с Angular U
- Installable web apps — доклад Andreas Bovens на JavaScript Open Day
Браузеры
- Релиз Firefox 39, Некоторые детали для веб-разработчиков
- План развития в Firefox технологий, необходимых для разработки компьютерных игр
- В Firefox запретили вирусам менять новую вкладку
- Firefox 41 будет использовать меньше памяти при работе с AdBlock Plus
- Safari — это новый IE (Safari is the new IE)
- Проблема не в Safari, а в отсутствии выбора браузеров в iOS (Safari isn’t the problem, but the lack of browser choice in iOS is.)
- Safari — это не новый IE: это ориентированный на пользователя веб (Safari isn't the new IE: it's the user-centric web)
- Microsoft Edge уже достаточно хорош для того, чтобы я бросил Chrome
Сайты с интересным дизайном и функциональностью
- creationsnamale.com — сайт с необычными скролл/ховер-эффектами, параллаксом и анимацией
- 30 Best Web Design Examples Using Parallax
- legworkstudio.com — сайт с забавным дизайном, слайд-скроллом и приятными анимационными переходами
- nike.lidyana.com — интерактивный сайт от Nice с кучей фонового видео
- apps.ua — забавный промо-сайт, который научит вас делать сидр
- madogatari.jp — эффект прокрутки в глубину сайта
- Трендовые сайты июня 2015 (30 Web design trends from June 2015)
- Появился «самый престижный сайт» с доступом по очереди
- 20 сайтов с текстом на подложке
Дизайн
- 31-летнюю историю иконок показали на инфографике
- Социальная сеть Facebook сменила логотип впервые с 2005 года
- Мнения российских и западных экспертов в дизайне о новом логотипе Facebook
- Битва за конверсию: цвет vs контраст
- Бразилия показала дизайн факела для Олимпиады 2016 года
- Лучшие принципы минимализма для создания сайтов
- Неоновый типографический эффект в Adobe Illustrator
- Последнее слово о Helvetica? (The Last Word on Helvetica?)
- Переосмысление процесса веб-дизайна (Reimagining the Web Design Process)
- Предсказания о веб-дизайне и разработке на 2016-17 (Web Design & Development Predictions For 2016-17)
- Веб-дизайн: изучаем неудачи для будущего успеха (Web Design: Learning from Failure for Future Success)
- Когда меньше значит больше — почему минимализм все еще рулит в вебе (When Less is More – Why Minimalism STILL Rules the Web)
- Прощай, Adobe. (Bye, bye Adobe.)
- Ложь, которую все веб-дизайнеры говорят своим клиентам (Lies All Web Designers Tell Their Clients)
- Свежие редизайны (Re:designed)
- Настоящий UX-инструмент (A true UX tool)
- Новый логотип Facebook-а сделал дома Eric Olson (New Logo for Facebook done In-house with Eric Olson)
- Ускоренный курс исследования UX дизайна (A Crash Course in UX Design Research)
- Перегрузка уведомлениями? (Notification Overload?)
- Процесс создания дизайна iOS-приложения для больших скейтбордов (Inside the Design of the Boosted Boards iOS App)
- Пять удивляющих уроков, полученных при создании дизайна для образования (5 Surprising Lessons When Designing for Education)
- Как Apple Music привлекает новых пользователей (How Apple Music Onboards New Users)
- Apple Music — это кошмар юзабилити (Apple Music is a Usability Nightmare)
- Дизайн интерфейсов с большим количеством данных (Designing Data-Driven Interfaces)
- Принципы дизайна: баланс в композиции, симметрия и асимметрия (Part Seven Design Principles: Compositional Balance, Symmetry And Asymmetry)
- Разработка интерфейсов: не наказывайте людей (Design UI: Don’t Punish The Humans)
- Оригинальные часы: история диких дизайнов наручных часов Casio (The original smartwatches: Casio's history of wild wrist designs)
- Создание анимации и микро-интерактивности без кода с Webydo (Code-Free Scrolling Animations and Micro-Interactions with Webydo)
- Дизайн под андроид: анти-паттерны и распространенные ошибки (Android Design Anti-Patterns and Common Pitfalls)
- Дарвин и искусство веб-дизайна (Darwin and the Art of Web Design)
- Семь трендов веб-дизайна, за которыми стоит следить в 2015 (7 Web Design Trends to Watch for in 2015)
- Как я сделал редизайн нот для пианино (How I’d redesign piano sheet music)
- Как превратить опыт пользователей в UX дизайн (How to transform user experience into UX design)
- Как использовать люминисцентные выделения в Adobe Photoshop (How to Use Luminous Selections in Adobe Photoshop)
- Отличные комбинации шрифтов (Great font combinations)
- Занятия с типографикой (Sessions with Typography)
Подборка бесплатных дизайнерских печенек
- Бесплатный вектор о рыбалке
- 20 текстур стекла для вашего дизайна
- Шестнадцать наборов с иконками за июнь 2015 (16 free icon packs from June 2015)
- Набор UI Shapes-Transparent (Download Free Transparent UI Kit)
- Набор иконок Smashicons (Freebie: Smashicons Icon Set (500 Icons, 4 Styles, AI, PSD, Sketch))
Новости
- Google решила проблему случайных кликов по рекламе, Google уменьшил вероятность случайных кликов по мобильным объявлениям
- Microsoft рассказала, как будет проходить распространение Windows 10 (далеко не все получат обновление 29 июля)
- СМИ узнали о новых Google Glass под кодовым названием GG1
- Samsung запустит свою платёжную систему уже в сентябре
- IDC назвала десять крупнейших производителей смартфонов в мире
- NASA и Microsoft планируют использовать очки Microsoft HoloLens на МКС
- Редизайн: «Яндекс» представил обновленную «Яндекс.Работу»
- Airbnb привлекла $1,5 млрд при оценке $25,5 млрд — WSJ
- В карусели мобильной поисковой выдачи Google появятся пины, видеоролики и рецепты
- Google обновил документацию по созданию навигационных цепочек
- Сотрудник Google пояснил метод работы машины на автопилоте
- BMW допускает разработку автомобиля для Apple и Google
Занимательное
- Самая милая демка со львом на WebGL
Игра, которая умещается в один твит- Breakouts — игра, реализованная с помощью использования различных библиотек
- В тёмном-тёмном интернете: Несколько странных историй из даркнета
- В Twitter нашли сообщившую о «роботе-убийце» Сару О'Коннор
- «Сделать красиво»: в MIT придумали способ фиксить баги, одалживая чужой рабочий код
- История становления Брайана Чески из Airbnb — как научиться всему, не читая учебников
- Первый в мире напечатанный на 3D принтере офис появится в Дубае
- Зачем на самом деле нужен Apple Music
- Почему люди не увольняются из Apple — исповедь бывшего стажера, Стажировка в Apple: зарплата около $7000, встречи с топ-менеджерами и атмосфера строжайшей секретности, Стажёр рассказал о работе и зарплатах в Apple
- На Reddit проходит глобальная забастовка модераторов
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
PS: На следующей неделе дайджеста не будет. Отпуск, отдых и все такое :)
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
