Дайджест интересных новостей и материалов из мира айти за последнюю неделю №17 (4 — 10 августа 2012)

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

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

The Metro Style Design Guide

Новая ОС от Microsoft уже на подходе. Девелоперы и дизайнеры вовсю готовятся покорять новые просторы для разработок. Подготовиться к этому им поможет этот сайт, с подробным стайл-гайдом по новому интерфейсу Metro.
С самим названием Metro, кстати, возникли проблемы.

Видео для front-end разработчиков

Здесь можно ознакомиться с целым циклом видео-уроков, посвященных основами HTML5 и CSS3,
а здесь можно найти записи докладов с различных конференций для более продвинутых разработчиков.

Новое в CSS3

Группа разработчиков из Adobe продолжает знакомить общественность с будущими стандартами в CSS3. В частности, в этой статье можно ознакомиться с примером использования CSS Regions and Exclusions,
а в этой — с занимательной технологией CSS blending.

Почувствуй себя марсоходом! Интерактивные панорамы Марса

Благодаря сервису panoramas.dk, у нас появилась возможность посмотреть свежие снимки NASA, склеенные в панораму, которую можно вращать и увеличивать.

WebGL

Уже на сегодняшний день технология WebGL позволяет делать довольно интересные вещи с 3d-графикой в вебе.
Как пример, можно посмотреть визуализация мировых поставок оружия от chromeexperiments,
или же провести занимательные эксперименты над изображениями.
А в этой статье можно продолжить знакомиться с принципами WebGL.

Source Sans Pro

Source Sans Pro: встречайте первое бесплатное семейство шрифтов от Adobe. Также, не отходя от темы шрифтов, предлагаем вам представить что бы было, если бы буквы шрифта Helvetica были супергероями.

Microsoft продолжает уходить в веб

Microsoft запустила магазин приложений Office Store, а также обзор почтового сервиса Outlook.com: Hotmail в стиле Metro.

Разработка

• HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
• 10 Conference Videos for Front-End Developers
• Создаем анимированный CSS-спрайт с помощью Photoshop
• Создаем Animated Scrolling Presentation Decks с помощью scrolldeck.js
• Multimedia Troubleshooting
• Подборка ресурсов и инструментов для работы с LESS
• Небольшой FAQ по input[type=date] в Google Chrome
• Концепт меню от Хакима
• Crossbrowser Audio solution featuring HTML5
• В HTML5 добавлен новый атрибут translate
• Responsive Email Design
• Использование метаданных в веб-документах
• Новинки в PhpStorm & WebStorm 5.0 EAP: — Google Closure Compiler JSDoc annotations, а так же Tips on jQuery development
• Compass + Slicy создадут для вас спрайт и напишут нужный CSS
• CSScomb для различных IDE
• Оптимизация от Ilya Grigorik
• Презентация «Remote debugging» от Ryan Seddon (CSS ninja)
• Обновился портал Mozilla Developer Network
• Продолжение введение в принципы работы WebGL

CSS

• Журнальная верстка для веб средствами CSS Regions и Exclusions
• Circle Hover Effects — Pretty hover effects on circles with CSS Transitions
• Знакомство с CSS blending
• Делаем ссылки в стиле GitHub
• @supports впервые в Firefox 17
• CSS Pie Timer
• Удобный онлайн-сервис для знакомства с CSS-селекторами
• Transparent Background Images
• Disable Text Highlighting With CSS
• Псевдоэлементы CSS4 от Adobe
• Объяснение того, как работает CSS 3D перспектива

JavaScripts

• Зарелизилась версия jQuery 1.8
• JustGage — js плагин на Raphaël для создания анимированных датчиков
• Adaptor — контент-слайдер на jQuery с симпатичными эффектами
• evoslider — еще один новый контент-слайдер на jQuery
• jQuery плагины для создания таблиц в стиле Excel
• JavaScript Code Debugging for Beginners
• Введение в unit тестирование JavaScript кода

Браузеры

• В Chrome 22 можно будет вешать горячие клавиши на расширения
• Новый виток в войне браузеров
• Сравнение производительности браузеров под Windows и Ubuntu
• Релиз web-браузера Chrome 21
• Firefox continues to gain as Internet Explorer, Chrome slide статистика от ArsTechnika

Новости

• Apple отключает Google
• Google внесла ряд улучшений в свой поисковый сервис
• Microsoft отказалась от слова Metro в обозначении нового интерфейса Windows 8
• Microsoft предлагает собственный вариант стандарта WebRTC для осуществления коммуникации через браузеры
• Microsoft запустила магазин приложений Office Store
• Украинская милиция закрыла интернет-ресурс Demonoid
• Android лидирует на рынке смартфонов
• Социальный сервис Pinterest открыл регистрацию
• «Укртелеком» запустил для абонентов онлайн сервис хранения данных «ОГО! Диск»
• Lea Verou устроилась в W3C
• Amazon запустила собственную игровую студию и игру
• В Украине стал доступен сервис Google «Картограф»

Сервисы

• plasticmind.com/labs/symbolassist/ — удобная минималистичная коллекция спецсимволов
• Два десятка инструментов для создания инфографики

Demo

• Визуализация мировых поставок оружия средствами WebGL
• Занимательные эксперименты над изображениями с помощью WebGL
• asciistreetview
• Анимированный прелоадер

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

• networkedinsights.com — сайт с нестандартной геометрией и неплохой оптимизацией
• kia.ua — интересная реализация выпадающего меню
• thesearethings.com — сайт с параллакс-эффектами и забавной графикой
• barcampomaha.org — вертикальный сайт с тематическим дизайном
• panasonic.jp/lamdash/dna/ — одностраничная реклама бритв, отличающаяся ненавязчивым дизайном и анимированным в html5 canvas геометрическим фоном
• paranorman.com — кинематографический сайт, посвященный 3D мультфильму ParaNorman, со множеством как горизонтальных, так и вертикальных параллакс эффектов
• ballantyne.it — простой и оригинальный подход к прокрутке образцов коллекции одежды
• cinqfinch.com — сайт с нестандартной геометрией

Дизайн

• The Metro Style Design Guide
• Шрифт Helvetica как супергерои
• Source Sans Pro: первое бесплатное семейство шрифтов от Adobe
• Революцию в дизайне сегодня делает Microsoft!
• Психология в дизайне логотипов
• А каким бы был редизайн Wikipedia, если бы его сделали вы?

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

• Немного каменных текстур
• Дюжина свежих PSD-слоек, где есть и админка, и UI Kit, и дизайн проигрывателя
• UI компоненты от радиальных меню и прелоадеров, до переключалок, виджетов и увеличительного стекла
• Приятная неброская слоечка «SOFT UI KIT» в светлых тонах
• Векторные ретро либо винтажные бейджики
• Три десятка упаковок с иконками из сетей Dribbble (авторы иногда просят обратную ссылку)
• Пакет иконок с PSD-слойкой с просьбой обратной ссылки
• Лучшие, по мнению Chris Spooner-а, рукописные шрифты: от Amatic до Faraco Hand

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

• 8 самых ужасных сайтов мира
• Первая веб-страница 20 лет спустя
• Nano-SIM: уже скоро
• Почувствуй себя марсоходом! Интерактивные панорамы Марса
• 100 секунд про Марка Цукерберга
• Как появились названия 50 знаменитых IT-компаний
• [INFOGRAPHIC] Эволюция компьютерных языков программирования
• 25 Front End и JS разработчиков которых вы должны зафолловить в Twitter-е
• Статистика пяти континентов с использованием «оживления» колец олимпийского лого
• Обзор почтового сервиса Outlook.com: Hotmail в стиле Metro, а теперь уже в стиле Windows 8

Забавное

• Высокотехнологичная футболка
• Марсоход Curiosity в пять раз медленнее процессора iPhone 4S

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

Автор: alexzfort