Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №147 (9 — 15 февраля 2015)

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

В этом выпуске в качестве эксперимента мы решили проверить, как смотрелся бы дайджест, если бы в прошлом опросе победил вариант, в котором было предложено отказаться от перевода заголовков англоязычных статей. Вот что из этого получилось…

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

• Приятная сборка frontend проекта
• Используем SVG (часть первая)
• Делаем онлайн-кинотеатр для слепых (WCAG 2.0 AAA)
• Вложенные ссылки
• localForage – храним данные offline без головной боли. Удобная абстракция над IndexedDB, WebSQL и localStorage.
• Создание аудиоплеера при помощи HTML5. Часть 1: функции и дизайн
• Poll results: popular input types. Опрос PPK показывает, что самый популярный — email.
• svg-news — the premier community bringing together SVG enthusiasts and actors
• reapp — Make beautiful hybrid apps that feel great with React, Webpack and ES6.
• Inline SVG with Grunticon Fallback
• 5 Ways to Make Your Site Smaller and Faster от David Walsh
• .htaccess Snippets
• Designers: Start Coding With uilang
• 60fps on the mobile web
• Ideas and Demos for Animating Article Headers
• Why Learning to Code is So Damn Hard
• Improving Your Site with a Font Loader
• Block level links and screen reader support
• Видео и презентации с конференции Rolling Scopes в Минске
• Node OS — the first operating system powered by npm

CSS

• Сайты справа налево: как подключить RTL-стандарт
• Языки пламени в CSS
• Еще один способ сжатия CSS файлов
• Липкий эффект
• Визуализация CSS файловперевод
• Transformicons — Animated icons, symbols and buttons using SVG and CSS
• Все, что вам нужно знать о CSS-свойстве will-change
• Exploring object-fit
• Introducing counter-style
• RSCSS — Reasonable Standard for CSS Stylesheet Structure
• Animating pseudo-elements and List Items
• CSS Variables Are a Bad Idea от Aaron Gustafson
• Sass Mixins To Get You Started On The Next Project
• Control vertical rhythm using Sass and Compass
• Making Use of Sass’ Zip() Function
• Why I Don’t Use Compass Anymore от Hugo Giraudel
• Subtle Click Feedback Effects
• Bouncy Navigation
• Full-screen Pushing Navigation
• Recreating the Google Images Search Layout with CSS от Dan Rose
• 4 tips for a smarter CSS workflow
• Коллекция слайдеров от Ana Tudor
• A bunch of funky CSS3 Toggle Buttons
• Using Flexbox today
• A Hilarious Collection of CSS Puns & Jokes
• SmashingConf Whistler — Zach Leatherman on Better @font-face with Font Load Events

JavaScript

• Как мы готовим React, Require и Backbone
• Паттерны в AngularJS
• Очень быстрые классы на JavaScript с красивым синтаксисом
• SummaryJS: самое интересное из мира JavaScript за последнюю неделю
• Node v0.12.0
• API Яндекс.Карт, часть 1: подключение карты, создание метки и балуна
• Оптимизируем AngularJS. Подробный разбор.
• Свежий выпуск RadioJS: В гостях Рома Дворнов, про новые браузеры, ES2015 и грядущие стандарты
• Variables and scoping in ECMAScript 6 от Dr. Axel Rauschmayer
• Embracing Promises in JavaScript от Jack Franklin
• Demystifying JavaScript Closures, Callbacks and IIFEs от Ivaylo Gerchev
• Detect Problems in JavaScript Automatically with ESLint от Jani Hartikainen
• Stop Writing Slow Javascript
• ReactShadow — use Shadow DOM with React.js and CSS imports; write your component styles in CSS!
• React/Flux from an AngularJS Perspective от Micah Fulton
• Rebuilding HipChat with React.js
• Matching multiple CSS media queries using window.matchMedia()
• How to Correctly Use BootstrapJS and AngularJS Together от Chris Sevilleja
• Plugins
  
  • Animating Text with Blast.js от Jérémy Heleine
  • Plumin.js — allows to create and manipulate fonts using javascript.
  • traceit.js is a jQuery Plugin that lets you trace page elements
  • memory-stats.js — like stats.js but for JS memory от Paul Irish
  • Rimg — a responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.
  • DefiantJS enables you to perform lightning-fast searches on JSON using XPath expressions, and transform JSON using XSL
  • msngr.js — a small library used to facilitate communication through messages rather than direct binding
  • Mprogress.js creates progress linear bar from Google Material Design.

Веб-инструменты

• Critical Path CSS Generator
• IE8 Linter — проверка сайтов на наличие поддержки IE8, с генерацией отчета о том, что нужно добавить для Internet Explorer.
• tinychart.co — простой сервис для построения графиков
• shade v1.0.0 — Mathematically derived gradient explorer
• oceanic-next-theme — Sublime Text theme ready for ES6, optimized for 6to5-sublime package

Браузеры

• Первая сборка Opera 29 с синхронизацией вкладок
• Mozilla переходит к обязательной проверке Firefox-дополнений по цифровой подписи
• Google отказывается от поддержки в Chrome протокола SPDY в пользу HTTP/2
• В Firefox добавили Reader Mode
• В ночных сборках Firefox появилась возможность просмотра Flash-видео Amazon
• «Спутник» запустил первую версию браузера для смартфонов на базе Android и iOS
• Browser Trends February 2015: The US IE8 Rebound

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

• Абстрактные фоны в веб-дизайне
• littleblackclassics.com — нестандартная навигация и радиальные элементы
• dashboard.sidlee.com — сайт с анимированными графиками и визуализациями
• kevinhaag.com — вертикальный скролл-сайт интересными анимационными эффектами
• trippeo.com — еще один нестандартный скролл-сайт
• beta.rwatgg.com — необычный сайт с объемной навигацией
• adoratorio.com — вертикальный сайт с концептуальным дизайном
• hartisland.net — современный мультимедийный сайт

Дизайн

• Интервью с дизайнером Людмилой Гальченко
• Что интерфейсы позаимствовали из кино
• Рисуем иконку компаса с длинной тенью в Adobe Photoshop
• Шпаргалка по размерам изображений в соцсетях 2015
• Affinity releases a free (for now) Photoshop killer
• New Features in Sketch 3.3, presented in GIF
• Placebo-buttons in everyday life and in web design
• The Power of Minimalism: A Story of Redesigning Yelp
• How WebRTC is going to transform web design
• 3 UX Errors to Avoid When Designing an Unsubscribe Flow от Bruno Skvorc
• UI Patterns: What’s in a (User)Name? от Vinay Raghu
• Things I’ve Learned About Sending Email, for Web Designers and Developers
• Monument Valley / An Apple Design Award Winning Game
• Printing Medium stories
• Книга Interaction Design Best Practices: Mastering the Tangibles
• How to Paint Realistic Eyes in Adobe Photoshop
• How to Create a Detailed Key Illustration in Adobe Illustrator
• Design a Zodiac Calendar to Celebrate Chinese New Year in Adobe InDesign
• A new Freeview logo and identity
• Typeface Mechanics: 001

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

• Бесплатные фоны с круглыми элементами
• 20 наборов силуэтов животных в векторе
• Hi-Res Watercolor Photoshop Brushes
• 20 Free Paper Textures & Backgrounds Packs
• 10 Seamless Fabric Textures
• Photo Realistic Apple Device Mockups
• 26 PSD UI Kits – February 2015 Edition
• 40 Flat Icons from Squid Ink
• Vector EPS Pack of Flat Office Icons + Win More!
• Geometric Crystal Vectors
• PIER is a modern and structured typograph, free sans serif typeface
• Gidole& Gidolinya — the typefaces are inspired by DIN #1451 with focus on simplicity, smoothness and legability
• Timber is a free font I made that’s very versatile as you can easily combine the letters with minimal effort in Illustrator to achieve great typographic effects

Новости

• Сервису Карты Google исполнилось 10 лет
• Google добавит ответы на вопросы о состоянии здоровья в поисковую выдачу в США
• Google предлагает 2 ГБ дискового пространства взамен на проверку безопасности
• Десятки тысяч баз MongoDB доступны через интернет
• Microsoft зарегистрировала торговую марку Windows 365
• Windows 10 теперь и на смартфонах
• Apple инвестирует $850 млн в строительство огромной солнечной электростанции, которая обеспечит энергией новую штаб-квартиру
• Apple стала первой в мире компанией с капитализацией более $700 млрд
• Старейший файлообменник RapidShare закрывается 31 марта

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

• В 2040 году подводные лодки NASA будут бороздить моря спутника Сатурна
• Как работает смартфон, где приложения — не главное
• Почему бренды отказываются от YouTube в пользу Facebook
• Видео: «тест-драйв» новейшего робота по имени Спот
• Где лучше всего бесплатно учиться онлайн: сравнение платформ Coursera, Udemy, SkillShare и TUTS+
• 10-летняя история Google Maps: от бесполезного сервиса до миллиарда пользователей
• Третий лишний: история сооснователя Facebook, о котором вы не знали
• Проект беспилотного автомобиля Apple: новые подробности
• Видео: Китайские цензоры поют гимн интернету

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

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