Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №207 (11 — 17 апреля 2016)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Веб-разработка

CSS

Javascript

Браузеры

Дизайн

Новости

Занимательное

Веб-разработка

• Первая версия Visual Studio Code 1.0 — путь от простого редактора до мощного инструмента
• JSCS, CST и новое начало, JSCS объединяется с ESLint
• Эффективные HTML-формы. Часть 1
• Новый дайджест от Addy Osmani «Issue 4»: Offline badging, DevTools, Testing, Travis, Web Storage, Service Worker Scopes, Data-driven Development, Compute Engine
• Свежий видео-совет в блоге разработчиков Google «Totally Tooling Tips»: Web Page Test (S3 Mini Tip #3)
• PPK о путанице в работе с отзывчивыми изображениями из-за неоднозначного поведения devicePixelRatio (Responsive images-x mess on desktop)
• Ссылки и доступность (Links and accessibility)
• Процесс создания шаблонов HTML писем с помощью Gulp (A Gulp Workflow for Building HTML Email)
• Создание шаблонов писем, как это делается в 2016-м (Building email newsletters like it’s 2016)
• Инструмент для сборки с простейшей конфигурацией (The Zero-Config Javascript Build Tool)
• Паттерны загрузки веб-шрифтов (Web Font Loading Patterns)
• Эстетика невидимого (Aesthetics of the invisible)
• phenomic — генератор статических сайтов с React-комопнентами
• Создание нейросети прямо в браузере (Neural Network Right Here)
• Создание просмотрщика продуктов с поворотом на 360 градусов (360 Degrees Product Viewer)
• flickr выложил свой лейаут с упорядоченными изображениями в open source (flickr: Our Justified Layout Goes Open Source)
• Эффектный веб:
  
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #32
  • Interactive 3D Mall Map
  • Создание динамического SVG таймера
  • Креативный лоадер
  • Креативные эффекты для текста с помощью three.js
  
  

CSS

• Видео со встречи PiterCSS №2, которая прошла 22 марта 2016 в Петербурге.
• Правильно @apply в CSS (нативные CSS-миксины) (CSS @apply rule (native CSS mixins))
• Webflow: Новый визуальный конструктор сайтов и модулей с помощью flexbox
• Интерактивный игровой туториал по flexbox
• Как начать работу с CSS Modules (How to get started with CSS Modules)
• Гриды с гибкими размерами с помощью auto-fill и minmax (Flexible Sized Grids with auto-fill and minmax)
• CSS из будущего: когда ванильный CSS будет достаточно хорошим для замены препроцессоров? (CSS from the Future: When will vanilla CSS be good enough to replace Sass, Less, Stylus, and the rest?)
• imagehover.css — библиотека с набором креативных ховер-эффектов для изображений
• Интервью с Håkon Wium Lie (создателем CSS) (Interview with Håkon Wium Lie)

JavaScript

• Эволюция асинхронного JavaScript
• 3D в браузере с помощью Three.JS
• Другой вид усталости от Javascript (The other kind of JavaScript fatigue)
• Почему разработка JS — это сумасшествие (Why Javascript Development is Crazy)
• Руководство по качественной обработке ошибок в JavaScript (A Guide to Proper Error Handling in JavaScript)
• Добавление JavaScript модулей в веб-платформу (Adding JavaScript modules to the web platform)
• Понимание свойства prototype в JavaScript (Understanding the prototype property in JavaScript)
• Понимание JavaScript модулей: пакетирование и преобразование (Understanding JavaScript Modules: Bundling & Transpiling)
• Service Worker-ы заменяют AppCache: кувалда для раскалывания орешка (Service Workers replacing AppCache: a sledgehammer to crack a nut)
• Коллбеки JavaScript, объясненные с помощью минионов (JavaScript Callbacks Explained Using Minions)
• Webpack —  смущающие стороны (Webpack — The Confusing Parts)
• Рассмотрение Salsa – нового сервиса для работы с JavaScript в Visual Studio 15 (Previewing Salsa – the New JavaScript Language Service in Visual Studio «15»)
• ES/ES7
  
  • Процесс TC39 для внесения новых возможностей языка в спецификацию ECMAScript
  • ES6: ловушки прокси изнутри
  • Лучший Node с помощью ES6, ч.1 (Better Node with ES6, Pt. I)
  • Новые стрелочные функции в ES6 (New Arrow Functions in ES6!)
  • ES6 символы: барабанную дробь пожалуйста! (ES6 Symbols: Drumroll Please!)
  • Деструктурирование и параметры по умолчанию в ES6 (Destructuring and Default Parameters in ES6)
  • Деревья промисов в ES6 (Trees of Promises in ES6)
  
  
• Фреймворки:
  
  • Angular 2 Beta, обучающий курс «Тур героев» часть 2
  • React на практике: приложение с сортировкой и поиском данных
  • Angular vs React, some surprising trends
  • Оптимизация производительности для React-приложений (Performance optimisations for React applications)
  • Начинаем работать с Rx.js: введение
  • React за 15 минут — [часть 1 из 3] (React in 15ish minutes — Reactjs Tutorial — [Part 1 of 3] — Codepen.io)
  • Начало работы с React и JSX (Getting Started with React and JSX)
  • Урок: давайте создадим React приложение с Redux-ом (Tutorial: Let's Build a Redux Powered React Application)
  • Красота React Native: создание вашего первого iOS приложения с JavaScript (часть 1) (The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1))
  • Скажите привет React CDK (Component Development Kit)
  • Создание одностраничного приложения «список дел» с Node и Angular (Creating a Single Page Todo App with Node and Angular)
  
  
• JavaScript Entity Graph (Базы данных графа в памяти для данных JavaScript) (JavaScript Entity Graph — an in-memory graph database for JavaScript data.)
• Сравнительная таблица доступности для медиа-плееров (Web-Based Media Player Accessibility Comparison Table)
• FapfapJS — ручной JS-феймворк для энтузиастов DIY
• webpack-validator
• Iframify — заменяет DOM-элемент его же iframe версией

Браузеры

• Project Tofino — новый браузер от Mozilla
• Выпуск web-браузера Chrome 50
• Пользователи Windows XP и Vista лишились обновлений Google Chrome
• Мир без паролей: Windows Hello в Microsoft Edge (A world without passwords: Windows Hello in Microsoft Edge)
• Skype работает в вебе без плагинов, но только если используется браузер Edge (Skype now works on the Web without plugins, but only if you use Edge)

Сайты с интересным дизайном и функциональностью

• plane-site.com — сайт с необычными трехмерными переходами между итерациями
• andy-hook.co.uk — симпатичный сайт с параллаксом и анимированными эффектами
• austin-weight.com — сайт с нестандартными ховер-эффектами
• nurturedigital — прекрасное портфолио со стильными скролл-эффектами и упором на анимацию типографики
• Все броски, совершенные легендарным игроком NBA Kobe Bryant, все 30,699 (Every shot Kobe Bryant ever took. All 30,699 of them)
• Сайты, сделанные в Польше

Дизайн

• 9 популярных ошибок в мобильном UX-дизайне
• Об анимации в мобильных UX дизайнах
• Git для новичков и дизайнеров интерфейсов
• Интервью с Томом Крча, Adobe XD
• Неправильные, но популярные решения в мобильном UX-дизайне
• Открытое письмо начинающим дизайнерам
• Хватит чувствовать себя глупыми по поводу комбинирования шрифтов (Stop Feeling Dumb About Pairing Fonts)
• Психология цвета в веб-дизайне (The Psychology of Color in Web Design)
• Кот-ниндзя: новый Emoji для Windows (Ninja Cat: The Windows-only Emoji)
• Концепт интеграции магазина в Instagram (What if you could purchase products on Instagram?)
• Ты дерешься, как дизайнер (You Fight Like a Designer)
• Факты о дизайне (Design Facts)
• Лучшие советы по дизайну классных упаковок и наклеек (10 Top Tips for Designing Awesome Packaging and Labels)
• Шесть практических хаков по снятию креативных фотографий используя ваш смартфон (6 Practical Hacks for Taking Creative Photos with Your Smartphone)
• Как привлечь внимание пользователя (и другие жестокие ловушки) (How to Catch the Eye of Users (and Other Fiendish Traps))
• Sketch 3.7 и новые Symbol-ы (Sketch 3.7 and New Symbols)
• Онлайн альтернативы фотошопу (9 Best Free Photoshop Alternatives Online)
• Adobe Photoshop Actions, объяснение за 60 секунд (Adobe Photoshop Actions, Explained in 60 Seconds)
• Дизайн 2016: год иллюстрации? (Design 2016: The Year of Illustration?)
• Вы можете делать почти все что угодно (часть I) (You Could Almost Do Anything Pt. I)
• Оптические компенсации в дизайне логотипа (Optical corrections in logo design)
• Дизайн логотипов для адаптивных веб-сайтов (Logo Design For Responsive Websites)
• Короткий список логотипов-финалистов для Tokyo 2020 (Tokyo 2020 logo shortlist revealed)
• Генератор логотипов по заданному имени компании
• Mark Simonson, живая легенда создавшая Proxima Nova (Mark Simonson, The Living Legend Behind Proxima Nova)
• PS Fournier: трибьют французской современной эре типографики от Stéphane Elbaz (PS Fournier: A tribute to the French modern typography era by Stéphane Elbaz)
• Charlie Rose — типографическая айдентика для теле-шоу
• Комбинации подходящих Google шрифтов (Typography: Google Fonts Combinations)

Подборка бесплатных дизайнерских печенек

• Action к фотошопу для создания эффекта отсортированных пикселей — Glitch Art (Free Pixel Sorting Photoshop Action for Creating Glitch Art)
• Шаблон посадочной страницы (с iPhone мокапами) (Free Landing Page Template (with iPhone Mockups))
• Мокап Samsung Galaxy S7 (PSD) (Free Samsung Galaxy S7 Mockup (PSD))
• Векторные монограммы (56 Awesome Vector Monograms)
• Цветочная векторная графика (Freebie: +60 awesome floral vector resources)
• Бесплатный вектор на природную тематику
• Наборы иконок на тему фотографий. (Photography Icons – Free Downloads!)
• Более двух сотен наборов с иконками (240+ Amazing Free Icons Sets)
• Набор с тысячей иконок для веб-дизайнeров (Get 1000+ free Squid ink mini Icons for Web Designers)
• Иконки Google Play приложений для Sketch (Freebie: Google Play Apps Icons For Sketch)
• Адаптивные офисные иконки (EPS, PDF, SVG, PNG) (Freebie: Responsive Office Icons (EPS, PDF, SVG, PNG))
• Красивые шрифты с засечками (Typography Heaven: 43 Free Serif Fonts to Dream of)
• Exan-3 — футуристический миниммалистический шрифт без засечек (Exan-3 // Free Font)
• Day Drunk: рукописный шрифт (Day Drunk: A Handwritten Font)

Новости

• Google индексирует атрибут title у изображений
• Telegram объявил о первом масштабном обновлении бот-платформы
• Facebook запустила платформу чат-ботов для Messenger
• Microsoft запустила сервис, автоматически генерирующий подписи к фото
• На синих экранах смерти Windows 10 появятся QR-коды для быстрого поиска причины ошибки
• В Bash для Windows 10 запущены и графические программы для Linux
• Google поможет найти время на жизненные цели с помощью автоматического планировщика в «Календаре»
• Летнее обновление Windows 10: список ожидаемых изменений
• Марк Цукерберг показал внутреннюю версию Facebook с дополнительной функциональностью
• Facebook представила камеру Surround 360 для создания виртуального контента
• IAB разработало механизм проверки оптимальности HTML5-рекламы
• «Панамский архив» могли украсть через дыры в WordPress и Drupal
• Нейросеть научилась додумывать изображение

Занимательное

• CNN, Poncho, Spring: Боты для Facebook Messenger, которые доступны уже сейчас
• Apple vs ФБР: 146-я серия
• Oculus Rift против HTC Vive
• Стивен Хокинг, Юрий Мильнер и Марк Цукерберг отправят мини-корабли к альфе Центавра на скорости 161 млн км/ч
• Графен и мировая техническая революция
• Как знаменитые IT-гиганты получили свои названия
• Ошибка в bash-скрипте привела к полной очистке всех серверов хостинг-провайдера
• Чем занимаются жёны западных ИТ-предпринимателей — Элона Маска, Эрика Шмидта, Кевина Систрома и других
• 12 книг с историями великих IT-компаний
• Вам не нужно строить масштабируемый стартап
• Как культовые экзоскелеты вторглись в нашу реальность
• Илон Маск: 15 цитат последователя Стива Джобса и Леонардо да Винчи
• http://ift.tt/1qFb8BE — пасхалка от Google с рекоммендациями для роботов-терминаторов не убивать основателей Google
• Классические картины и программисты (Classic Programmer Paintings)

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Let's block ads! (Why?)