Дайджест интересных новостей и материалов из мира айти за последнюю неделю №44 (9 — 15 февраля 2013)

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

Горячая семерка

Opera переходит на Webkit

300 миллионов пользователей и переход на WebKit,
пост Bruce Lawson из Opera и его личное мнение, а так же мнения по этому поводу представителя W3C и Mozilla, Джон Резиг: WebKit — это jQuery для браузерных движков, а также заметки, о том как будет выглядеть и работать новая Opera и какое будущее ждёт независимый браузер. Кроме того, исходный код движка Presto браузера Opera вероятно будет открыт.

WebRTC: новые возможности

Изменять размер шрифта в зависимости от расстояния между лицом и камерой? Теперь это реальность, осуществляемая встроенными возможностями браузера. Более подробно об этом и других возможных применениях нового стандарта в статьях: Адаптивная типографика с помощью WebRTC, Кросс-браузерный захват веб-камерой с помощью WebRTC/getUserMedia, а также js-библиотека headtrackr, облегчающая работу с камерой с помощью этого стандарта

Microsoft Surface Pro официально поступил в продажу

Планшет Surface Pro с 128 Гб памяти был распродан мгновенно, и заинтересованные покупатели столкнулись с недостачей планшетов. Также, вот новый рекламный ролик планшета от Microsoft, и на планшет Surface Pro поставили Ubuntu

Наручные устройства: очередной виток в развитии смартфонов?

Apple тестирует наручное устройство с изогнутым стеклом, а также первые скриншоты наручного телефона Samsung Galaxy Altius, а также одно из существующих устройств — TW520 — наручные часы и телефон в одном лице

WebGL

Занимательная статья, которая подталкавает читателей к знакомству с WebGL и его последующему использованию на сайтах

Опять о трендах на 2013й год

На этот раз поговорим о трендах 2013 в веб-типографике, в интерактивном дизайне, а также исследование Ericsson о главных IT-тренды на год

3d принтеры. Обзор достижений за 2012 год

Молекулы и самолеты, оружие и кровеносные сосуды, протезы и интегральные микросхемы, еда и здания, лекарство от рака, ухо, клюв и ракетный двигатель, все это было напечатано в 2012 году на 3d принтерах

Разработка

• HTML и CSS безумие
• Яндекс: Почему мы стали использовать препроцессор Stylus в Яндекс.Почте, а также о библиотеке помогающей жить с IE
• Вышел Bootstrap 2.3
• Адаптивная типографика с помощью WebRTC
• Кросс-браузерный захват веб-камерой с помощью getUserMedia/WebRTC
• headtrackr — js-библиотека для работы с камерой с помощью стандарта webRTC/getUserMedia.
• Новые инструменты для веб-дизайна и разработки за январь 2013
• Делаем Street Fighter Demo с помощью with CSS Animations и JavaScript
• 10 лучших полифилов
• Дизайним для Retina Displays, оптимизируем сайты под 2x Images
• Новая роль фавиконок в современном вебе (+ генератор иконок)
• Еще раз об элементе progress
• Почему вы должны использовать WebGL
• Адаптивный дизайн: Строим мобильную навигацию, REMux — экспериментальный подход к responsive веб дизайну
• Проектирование веб-дизайна в условиях перехода в мир мульти-устройств
• Стало доступно preview нового продукта Adobe Edge: Reflow, позволяющий разрабатывать адаптивные интерфейсы
• Обновился все еще бесплатный Adobe Edge Animate: добавились CSS3 фильтры, градиенты и интеграция с веб-шрифтовыми сервисами Google Fonts, Edge Web Fonts и Typekit
• Как сделать спрайтовую анимацию с помощью Canvas
• Видео с лондонской конференции Edge Conference 2013
• Советы по Git от профи

CSS

• CSS-генератор кнопок для бутстреперов
• 104 слайда о CSS Floats
• CSS анимация с фоллбеками
• Еще раз о CSS анимации для новичков
• CSS Regions Polyfill
• Вариант реализации градиента на тексте
• Squishy buttons — Фотореалистичные переключалки (checkbox-ы)
• Организация Media Queries с помощью Sass
• Сниппет с CSS-фильтрами
• О скролле в iPad
• CSS3 свойства для нубов

JavaScripts

• vPass 2 — простой и удобный генератор безопасных паролей на Javascript
• jQuery Spellchecker
• iLightBox — относитеьлно новый мощный jQuery-плагин для создания лайтбоксов
• Threesixty-slider — jQuery 360 image slider plugin
• Rubberband — A jQuery plugin for adding responsive breakpoint events.
• Оптимизация JavaScript с RequireJS
• Создание фильтров как в Instagram с помощью JS
• Baseline.js — вертикальный ритм текстового контента и изображений

Новости

• Результаты единого рейтинга веб-студий 2013
• Surface Pro:
  • Планшет Surface Pro с 128 Гб памяти был распродан мгновенно
  • Surface Pro: рекламный ролик Microsoft
  • На планшет Surface Pro от Microsoft поставили Ubuntu
  • Заинтересованные покупатели столкнулись с недостачей планшетов Microsoft Surface Pro

• доля Android растет, iOS – снижается, также Android растёт в рекламе, но отставание от iOS в прибыли увеличивается
• Google выпустила обновление до Android 4.2.2, Неофициальный список изменений в Android 4.2.2 Jelly Bean
• К концу года под управлением Android будет около 800 миллионов смартфонов
• Google заплатит Apple миллиард за право быть поиском по умолчанию в устройствах на iOS
• «Яндекс» закрыл «Пульс блогосферы»
• Intel запустит интернет-телевидение до конца 2013 года

Браузеры

• Opera:
  • 300 миллионов пользователей и переход на WebKit
  • Официальный пресс-релиз в блоге Opera, пост Bruce Lawson из Opera и его личное мнение, а так же мнения по этому поводу представителя W3C и Mozilla
  • Джон Резиг: WebKit — это jQuery для браузерных движков
  • Robert Nyman: Объективный взгляд на WebKit
  • Вот как будет выглядеть и работать новая Opera, использующая WebKit
  • WebKit в «Опере»: какое будущее ждёт независимый браузер
  • Исходный код движка Presto браузера Opera вероятно будет открыт
  • Opera Software покупает компанию Skyfire Labs

• Сравнение Браузеров css3 & html5
• В ночных сборках Firefox для Windows включена поддержка H.264, AAC и MP3
• Реализация Firefox Metro для Windows 8 добавлена в основной репозиторий Mozilla-central
• Браузер Google Chrome обновился до операционной системы
• В Google Chrome и Chromium прекращена поддержка Red Hat Enterprise Linux 6, Debian 6 и Ubuntu 10.04

Сервисы

• Вики с инструкциями по отказу от соц. сервисов
• A simple tool to help identify which media queries your device responds to.
• Для тех, кому еще не надоел Harlem Shake

Демо

• 3d c помощью CSS3+JS
• Изменение размера шрифта страницы в реальном времени в зависимости от удаленности вашего лица от веб-камеры
• Облака в CSS3D

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

• minimalmonkey.com — современный сайт о современных веб-технологиях
• mrcthms.com — параллаксы, анимация, плавность — все как мы любим
• criography.com — клевый сайт-портфолио с кучей эффектов
• digital-frog.net — занятное портфолио с ненавязчивой анимацией
• nowyteatr.org — театральный польский сайт с фоновым видео и поэтапной загрузкой данных
• happy2013.epic.net — мини-игра — узнай больше о Epic Team

Дизайн

• Тренды 2013 в веб-типографике
• A Critical Approach To Typefaces
• «Isometrify» — экстеншн для Adobe Photoshop CS5+, который позволяет трансформировать шейпы в изометрическую проекцию и генерировать сетку с кастомным размером ячейки
• Презентация — тренды интерактивного дизайна в 2013
• Примеры сайтов, активно использующих типографику
• О новом лого American Airlines
• Плоские пиксели — о борьбе плашечного дизайна с фотореалистичностью от Sasha Greif
• Гештальт психология в веб-дизайне: принцип симметричности
• Photoshop Etiquette — о лучших практиках работы с PSD файлами
• Маски в Photoshop CS6
• Быстрое создание прототипов с помощью панели Pages в Fireworks CS6
• Примеры креативных страничек «О нас»
• Логотипы с вишенкой и сердечками
• Анимированный шрифт Sputnik от Zach Christy, созданный в Adobe After Effects

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

• Текстуры со змеиной кожей
• Бейджики и ленточки в PSD из набора Menso UI
• Розовые сердечки и прочее к 14 февраля
• Забавные социальные рыбы-иконки в одном PSD
• Socialentine Icons — набор из семи с половиной десятков социальных иконок в форме сердечек
• Почти четыре десятка свежих упаковок 2013 года с UI компонентами, включая PSD Google Map Makers — значки для обозначения различных типов объектов на картах Google
• Подборка шаблонов сайтов в PSD + Шаблон сайта Daily Deals
• Десять шрифтов для написания историй любви, еще два десятка шрифтов для создания валентинок + еще четыре десятка шрифтов с сердечками
• Восемь свежих шрифтов: от декоративного Zerb до выразительного шрифта с засечками Polaris
• NIEWE — декоративный шрифт без засечек из Испании

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

• 3d принтеры. Обзор достижений за 2012 год
• Очередной виток в развитии смартфонов: Apple тестирует наручное устройство с изогнутым стеклом, а также первые скриншоты наручного телефона Samsung Galaxy Altius, а также одно из существующих устройств — TW520 — наручные часы и телефон в одном лице
• Исследование Ericsson: главные IT-тренды на 2013 год
• Harlem Shake: видеопомешательство, которое захватило Google, Facebook и Buzzfeed
• 10 интереснейших веб-камер мира
• 10 дурацких проектов собрали более $900.000 на KickStarter
• Беспилотные автомобили Google станут доступны в течение пяти лет
• Google объяснил связь между порно и математическими выражениями
• Чрезвычайные комплименты
• Раскрыт исходный код Photoshop 1.0
• Кинематограф увлекся историями интернет-стартапов, о стажировке в Google снимут фильм «The Internship»

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

Автор: alexzfort

Источник