Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №95 (2 — 8 февраля 2014)

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

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

• Как устроен мир семантической микроразметки. Опыт Яндекса
• Разбиение веб-страниц на семантические блоки
• Blink включает поддержку srcset
• Дизайн-лего — новый инструмент прототипирования на основе собственных блоков
• Почему мы не используем CDN: рассказ про SPDY и SSL (от лица Zack Tollman из компании thethemefoundry.com)
• Возвращение статического веба
• Перетаскивание элемента, который толкает остальные на своем пути
• Изучаем SVG на примере создания логотипа
• Одно решение для адаптивных изображений
• Знакомство со Speech Synthesis API
• Локальная разработка под мобильные устройства
• Работа с очередью в мобильных браузерах
• Применение XSLT трансформаций для адаптивного веб-дизайна
• Список легких и минималистичных фреймворков
• Статистика GitHub-а за 2013
• Yet Another Framework Syndrome (YAFS)
• Адаптивные изображения: Все еще ждешь стандарта? Попробуй Rwd.Images.Js вместо этого!
• Создание RESTful веб-приложения на Node.js, Express, и MongoDB
• Использование трансформаций для responsive веб-дизайна
• Sublime Web Inspector — отладка JS прямо в редакторе
• Sublime для дизайнеров
• Начинаем работать с библиотекой паттернов (A LIST APART)
• Создание статического сайта с помощью Meteor
• Фича, прокручивающая изображение, как в приложении Paper от Facebook на HTML5
• Воссозданный Google Now

CSS

• «Font-weight: bolder» для шрифтов со множеством начертаний
• Кернинг в вебе
• CSS A/Z
• Переосмысление ссылок: в поисках лучшего HREF
• Fullscreen Overlay Effects
• Не используйте flexbox для глобального лейаута страницы
• Простые советы по оптимизированной доставке CSS браузеру
• Как сделать дизайн стеклянного полупрозрачного меню на CSS3
• Коллекция инструментов для работы с CSS
• Введение в размерные единицы viewport (пока поддержка в браузерах неважная)
• Создание анимированных переворачивающихся карточек с помощью CSS анимации
• Стилизация внешних ссылок с помощью CSS
• Супер семантичные разноцветные шрифтовые иконки, раскрашенные с помощью чистого CSS
• CSS трюк с функцией calc
• Ретро ПК на CSS3

JavaScripts

• JavaScript-хаки для хипстеров
• 10+ полезных jQuery сниппетов на каждый день
• Итак, вы решили изучить AngularJS? Вот вам пачка полезных ресурсов и туториалов
• JavaScript Puzzlers! — знаете ли вы JS на самом деле?
• Nightwatch.js — инструмент для автоматического тестирования в браузере
• edison.js — роутер, упрощающий структуру сложных одностраничных приложений
• Hackathon Starter — boilerplate для веб-приложений для Node.js
• Angular, Ember, и Backbone: что лучше подойдет для вас?
• Давайте избавляться от цикла For. Начинаем использовать underscore
• JavaScript Debounce функция
• Почему использование «use strict» может спасти вас от часов ненужной работы
• JavaScript массив: slice против splice
• Представление Live Extensions для Better-DOM: что это такое и как это работает
• Подпрыгивающие мячи на HTML5 canvas
• Kendo UI и директивы Angular
• Overthrow — полифил для overflow: auto
• Oboe.js — потоковая загрузка JSON для Node и браузеров
• Octocard — ваша визитная карточка отображающая данные из GitHub
• Vue.js делает MVVM простым
• spectra.js — библиотека для работы с цветами
• Image Lightbox — адаптивный и с поддержкой тач-устройств
• TodoMVC Benchmark — сравнение фреймворков
• Sigma.js — библиотека для рисования графиков

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

• Lea Verou представляет Whathecolor: игра с цветами для веб-дизайнеров
• appear.in — создавайте комнаты и устраивайте видео-чаты до 8-ми человек включительно, бесплатно в браузерах Chrome и Firefox

Новости

• Новый CEO Microsoft:
  
  • Сатья Наделла: новый CEO Microsoft
  • Кто такой Сатья Наделла?
  • Билл Гейтс, Стив Балмер и Сатья Наделла обратились к сотрудникам Microsoft
  • Бывший топ-менеджер Microsoft подверг Сатью Наделлу жесткой критике
  • 6 вещей, которые Сатья Наделла должен сделать прямо сейчас

• Юбилей Facebook:
  
  • Facebook исполнилось 10 лет с момента запуска
  • Исповедь Цукерберга
  • Для гиков из общаги — Каким виделось будущее Facebook десять лет назад
  • Десять лет Facebook: всё только начинается!

• Анонсирован сервис Steam Music (beta)
• «Яндекс» открывает офис в Берлине
• Гудбай, VAIO – Sony продает свой ПК-бизнес, Вспоминаем самые впечатляющие ноутбуки Sony, а также 10 необычных компьютеров Sony VAIO
• IBM избавляется от фабрик по производству микросхем
• Космический челнок Dream Chaser стартует в 2016 г
• Apple может внедрить функции мониторинга состояния здоровья в iOS 8 и iWatch
• Рыночная доля Windows 8.1 возросла до 3,95%
• Именитые разработчики ПО и операторы мобильной связи отвернулись от Tizen
• Microsoft вложит $15 млн в Foursquare и будет использовать его данные
• Веб на пороге Большого взрыва: частные домены высшего уровня открыты для всех желающих!. В 2014 году в рунете появятся домены .vodka и .beer
• Британские разведчики атаковали чаты анонимусов и успешно запугивали их через соцсети
• World Cyber Games 2014 — не будет, проект вообще закрывают
• Twitter выкупил более 900 патентов у компании IBM и открывает свои архивы для ученых
• По итогам 2013 года чистые убытки Twitter’а выросли в 8 раз
• Windows 8.1 Update 1 утек в сеть
• Mozilla и EverythingMe показали оболочку Firefox Launcher для Android
• Mozilla, Adobe, Microsoft и Google работают над стандартом по поддержке многоцветных шрифтов

Браузеры

• Увидел свет Firefox 27
• Бета Opera 20 для Андроида
• Windows 8.1 2014 Update: В Internet Explorer появится Enterprise Mode
• Desktop Capture API заработает в Chromium 34
• Сервис Google Now теперь работает в десктопном браузере Chrome
• Google хочет минимизировать ресурсы, необходимые для запуска Chrome-приложений
• Mozilla сообщила о выходе бета-версии Firefox для Windows 8
• Какой браузер позволяет жить вашей батареи дольше

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

• Сайты, посвященные событиям
• Архитектурная тематика в веб-дизайне
• Прозрачность в веб-дизайне
• Два десятка сайтов с преобладающим красным цветом в дизайне
• 20 Web Designs That Look Like Animated Infographics
• soppo.co — сайт с интересным эффектом наведения
• hugeinc.com — пример сайта, сделанного в соответствии с последними трендами в веб-дизайне
• timetravel — скролл вглубь страницы
• carlphilippebrenner.com — оригинальный эффект наведения и прорисовка иллюстраций с помощью анимированных SVG
• daksh.sastra.edu — футуристический интерфейс и анимация

Дизайн

• Оформление текста: почему работа с текстом – это вопрос дизайна
• 7 нерушимых законов дизайна пользовательского интерфейса перевод
• Интерфейсный дайджест, декабрь 2013-январь 2014
• Скандал с лого Лебедева: найти и переделать
• 9 тенденций в дизайне WordPress, которые ждут нас в 2014
• Интервью с дизайнером и иллюстратором Андреем Шароновым
• Уроки ко Дню Святого Валентина
• How to Choose the Right Icons
• Системы дизайна: строим для будущего
• Terrible Web Design Trends
• Искусственный отбор — как улучшать интерфейсы
• Интервью с дизайнером: Justin Mezzell
• Создание анимированной валентинки с блестками и текстовыми эффектами в фотошопе
• Как добавить реалистичный падающий снег на фотографию в Photoshop
• Десять способов заставить ваш Photoshop работать быстрее на вашем компьютере
• Прекрасные примеры использования фото в веб-дизайне
• Как использовать большие изображения, как это делают профи
• Лучшие уроки по Photoshop за январь 2014
• Лучшие уроки по Adobe Illustrator за январь 2014
• Twitter обновил дизайн
• Дизайн значка Markdown
• Как создать лого 37signals
• Ошибки при создании лого – десять ошибок которые не стоит совершать
• Подборка вкусных ресторанных логотипов
• Archipad: приложение для создания скетчей для архитекторов и дизайнеров

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

• Кисти погодных явлений для Photoshop
• Чертова дюжина флайеров на день Святого Валентина
• Наборы креативных кистей для Adobe Illustrator
• PSD со стильными поздравительными цветочками к 14-му февраля
• Упаковка с векторной графикой к дню Святого Валентина
• Несколько векторных бейджиков к 14 февраля
• Набор из четырех десятков иконок к дню Святого Валентина
• Стилизованные изображения мобильных устройств в векторном формате (AI, EPS)
• Восемь упаковок с плоскими и контурными иконками
• Blenda Script — экспериментальный винтажный шрифт
• Hitchhiker — декоративный ретро-шрифт

Демо

• Windows Media Player на canvas (смотреть в Chrome)
• DevART — искусство создаваемое кодерами (проект Google)
• Простые html5 игры: одна игра в неделю
• Ironbane 3D браузерный online экшн MMO

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

• 20 профессий будущего
• Как Mail.Ru защищает россиян от оффшорных игр про фашистов
• Шпионские гаджеты от АНБ
• Грандиозная битва в EVE Online, кто потерял 300000$ и что же всё-таки там произошло
• Что такое красивый код, и нужен ли он? Что думают в Яндексе
• «Планшеты — это полное разочарование»
• Антинаучные мифы и их разоблачение
• Топ российских интернет-миллионеров возглавили Усманов, Тиньков и Волож
• Обзор Paper — приложения от Facebook, которое заменит Facebook
• Из чего сделаны медиа. Исчерпывающий гид по трафику
• Биомеханическая рука обрела чувствительность
• Семь самых необычных патентов Google
• Почему Apple продолжает убивать биткоин-приложения
• Бесплатная платформа для изучения иностранных языков Duolingo теперь доступна на русском языке
• Американский художник создал винтажную карту мирового интернета

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

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