Дайджест интересных материалов из мира веб-разработки и 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.

Recommended article: Chomsky: We Are All – Fill in the Blank.

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.