Дайджест интересных новостей и материалов из мира айти за последнюю неделю №43 (2 — 8 февраля 2013) Опции

[Decker]

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

Веб-дизайн*,

Блог компании Zfort Group

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








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




Hello Chrome, it’s Firefox calling!


На этой неделе состоялся первый видеозвонок между Chrome и Firefox, и это действительно начало нового витка в развитии коммуникации в вебе. Skype может начинать нервничать, а здесь расписано, как вы можете попробовать новую технологию самостоятельно





“Find Your Way To Oz”


После Movi.Kanti.Revo, эксперимента, который Google создал вместе с Cirque du Soleil, гугловцы не стали останавливаться на достигнутом и представили “Find Your Way To Oz” — HTML5 Chrome Experiment в сотрудничестве с Disney и Unit9. Статья о том, как он создавался с технической точки зрения





В помощь разработчикам


Новые возможности для веб-разработчиков предложил Google Drive. Не отстает он него и Dropbox, который облегчил жизнь тем, кто делает мобильные приложения. Еще дальше пошли Facebook и Yandex: первые запускают обучающее видео-приложение для разработчиков, а вторые вообще выложили видео лекций всего курса первой Школы разработки интерфейсов





mod_rewrite. Пособие для продолжающих


Желаете узнать, как как на самом деле работает mod_rewrite? Тогда этот туториал — именно то, что вам требуется





Еще раз о производительности


Не так давно стал доступен отличное видео от lya Grigorik на тему «Faster Websites: Crash Course on Web Performance». Рекомендуется к просмотру всем, кто бореться за производительность в вебе.

Также, на net.tutsplus появилась статья, посвященная оптимизации JS с помощью Chrome Dev Tools. Кроме этого, можно ознакомиться с переводом статьи «Высокая производительность Google Chrome».





Давайте скажем «нет» некоторым элементам интерфейса


В этой статье можно почитать, почему слайдеры — это отстой, в этой — почему не нужны карусели карусели, а тут — призыв прекратить использовать бесполезные селекты на страницах





Привет, будущее


Еще недавно мультитач вызывал дикий восторг после кнопочных панелей, уже сейчас можно посмотреть на три варианта интерфейса из будущего. Еще обещают, что скоро 3д принтеры смогут печатать донорские органы, а вот здесь Epson показывает, что не Google Glass единым.

А что вы скажете о системе предсказания будущего для изменений в настоящем? Однако, вернемся в 2013й и посмотрим, на какую одежду и гаджеты могут расчитывать гики уже в этом году




Разработка

• Facebook запускает обучающее видео-приложение для разработчиков, анонсирует серьезные изменения в API Facebook, а здесь можно узнать, как подготовить свой fb-аккаунт к переходу на GraphSearch
• Облачные хранилища делают шаг навстречу разработчикам: Google Drive дал возможность публично размещать статические сайты, а Dropbox запускает улучшенный инструментарий Sync API для разработчиков приложений под Android и iOS
• Видео лекций всего курса первой Школы разработки интерфейсов Яндекса
• Классический сапёр на html5 и LibCanvas
• Интерактивная инфографика с анимациями CSS и SVG
• Как на самом деле работает mod_rewrite. Пособие для продолжающих
• Распространенность новых семантических HTML5 тегов на текущий момент
• Faster Websites — слайд-курс по веб-производительности
• Cool Kitten — адаптивный фреймворк для создания сайтов с параллаксом
• cgSceneGraph — мощный кросс-платформенный HTML5 Canvas Framework
• Новые фичи HTML5 — Offline Web Applications
• Спека черновика HTML 5.1 вводит элемент ‘main’
• Визуальный метод для понимания WebKit Layout
• 6 вещей, которых вы не знали о Firefox OS
• Firebug Tips & Tricks
• Эмуляция «float: DOWN»
• Немного о создании TWEETMAP и анонс следующих материалов
• Пример SVG Hacking
• Урок HTML5 Game Development от Udacity
• Новое в WebStorm 6 EAP: кроме всего прочего полноценная поддержка Emmet и последней версии JSHint
• Рефреш браузера в Sublime Text 2

CSS

• Roole, новый препроцессор для CSS
• Подробно о CSS Click Events
• Stately — символьный веб-шрифт с картой США и поддержкой лигатур для современных браузеров
• CSS background-position и проценты
• Media Query width и вертикальные скроллбары
• Глубокое погружение в CSS градиенты
• HINT.css — библиотека для создания тултипов на CSS (пока полноценно работает только в Firefox) [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Используем CSS3 Pseudo Elements и Box Shadows вместо изображений для HiDPI геометрии [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Создание 3D анимации книги [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Pseudo background-position [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/d72/076/bca/d72076bca6f7545c0633a6c4419d317c.gif[/img] JavaScripts

• Обзор бесплатного CDN-хостинга JS библиотек jsDelivr
• Rye — легковесная js-библиотека для DOM манипуляций и ивентов с поддержкой всех современных браузеров [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• textillate — js-плагин для текстовой CSS3-анимации [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Handsontable — минималистическая таблица с данными в стиле Excel [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Toolbar.Js — библиотечка для создания тултипа в стиле тулбара [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Полифил «text-wrap: balanced» для балансировки текста, и описание в блоге Adobe зачем это нужно [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Chrome Dev Tools: JavaScript and Performance [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Countdown timer on jQuery Canvas [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/63c/872/b21/63c872b219c18a3947a9d98a6bb6a345.gif[/img] Новости

• «Яндекс» обогнал Bing и вышел на четвертое место по числу поисковых запросов
• Amazon обзаведётся собственной виртуальной валютой
• Новый дизайн каналов на YouTube выполнен в стиле Google+
• Для платформы Android развивается средство для запуска Windows-приложений на базе Wine
• Google тестирует новые функции в результатах выдачи
• Facebook исполнилось 9 лет. ТОП-9 фактов о соцсети
• Новости Microsoft: Доля Windows 8 превысила 2%, Windows 7 падает, Планшет Surface Pro уже появился в продаже в магазинах Microsoft Store, а Windows Phone 8 уже обошла в США по популярности Windows Phone 7. Все сервисы и продукты Microsoft будут обновляться раз в год
• Хакеры взломали 250 тысяч аккаунтов Twitter
• Фрагментация версий Android сохраняется [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/7bc/3d0/d88/7bc3d0d883a49a00265feb7836c802aa.gif[/img] Браузеры

• Первый видеозвонок между Chrome и Firefox, + официальный анонс, а также о новом в WebRTC [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Приложение для демонстрации будущей системы оповещений в Google Chrome
• Браузерные тренды по состоянию на февраль 2013 [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Галерея расширений Chrome перешла на WebP
• Как подружить Chrome с медленным компьютером
• Перевод отличной статьи «Высокая производительность Google Chrome»

[img]http://habrastorage.org/storage2/eb8/00e/9ef/eb800e9ef3b0e10e217087ef742628a3.gif[/img] Сервисы

• CodeAndMore — еще один шрифтогенератор [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• pagelayers — приложение для Mac OS X, позволяющее сохранять страницы сайтов в psd со слоями [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Периодическая таблица WP плагинов [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Подборка Image Placeholder APIs, а также еще один сервис для создания плейсхолдеров — not-dot.tk [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Subtle­Patterns букмарклет, позволяющий менять фоновую текстуру прямо в браузере [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Калькулятор «золотого сечения» для веб типографики (Golden Ratio Typography Calculator) [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/eb8/00e/9ef/eb800e9ef3b0e10e217087ef742628a3.gif[/img] Демо

• Google представил “Find Your Way To Oz” — HTML5 Chrome Experiment в сотрудничестве с Disney и Unit9. Статья о том, как он создавался с технической точки зрения [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/be5/3e4/256/be53e4256e771ad12bc412af8b30f91e.gif[/img] Сайты с интересным дизайном и функциональностью

• rezon.fr — нестандартная геометрия сайтов выходит на новый уровень
• zervice.com — а также нестандартная навигация или путешествие на авто zervice по окрестностям сайта
• internship.wearex3.com — отлично стилизированный сайт с тематическими иллюстрациями и параллаксом
• package.dego.lv — простой, но милый одностраничный сайт с анимацией
• lincolnsland.com — тематический одностраничный сайт о Линкольне
• julesbassoleil.fr — минималистичное портфолио с интересными слайд-эффектами
• 20 сайтов с нестандартной оригинальной геометрией [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/be5/3e4/256/be53e4256e771ad12bc412af8b30f91e.gif[/img] Дизайн

• Helvetica часть вторая: блуждая в тумане антипатии
• Почему слайдеры — это отстой?
• Статистика по каруселям, показывающая почему они не нужны [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Хватит использовать бесполезные селекты на страницах [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Ultimate Collection of Fireworks Tutorials [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• BLOKK — шрифт для создания макетов и прототипов без указания языка [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Примеры логотипов с оптическими иллюзиями и весьма нужными пояснениями о том что можно еще увидеть в каждом непростом изображении [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Sketch VS Photoshop + Sketch VS Fireworks [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Постепенное сокращение [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Скрипт для редактирования параметров уголков в Photoshop [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Adobe улучшил 3D функциональность в Photoshop CS6.1, и как с этой 3D функциональностью сделать валентинку [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Секреты инструментов ретуширования в фотошопе CS6 — часть 3 и часть 4 [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Полтора десятка лучших уроков по фотошопу за прошлый месяц [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Выравнивание и объединение объектов в Illustrator [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Примеры веб-дизайнов успешных спортивных сайтов [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Искусство использования многоугольников в веб-дизайне [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Процесс создания лого ITV, и Web Design Goodies [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Лучшие четыре лого 2012 года по версии читателей justcreative [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Восемь советов о том, как улучшить свои навыки в веб-дизайне[img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Коллекция из креативных Google Doodles [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/be5/3e4/256/be53e4256e771ad12bc412af8b30f91e.gif[/img] Подборка бесплатных дизайнерских печенек

• Немного текстур коры, три десятка винтажных бумажных текстур [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• К дню Святого Валентина, небольшой набор иконок от Smashing Magazine в PNG и EPS форматах, а так же няшные векторные иллюстрации, еще один подобный набор и соответствующие кисти для фотошопа [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Еще один позитивный наборчик иконок Valentines Icon Set в красном цвете [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Socialtograms — векторные иконки/пиктограммы социальных медиа в AI формате, от Steffen NГёrgaard Andersen [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Simple Icons — почти сотня иконок в одиннадцати размерах в PNG формате [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Polaris UI Pack — набор интерфейсных элементов, прорисованных в векторе в Photoshop, по умолчанию для использования на темном фоне, плюс набор иконок Linecons с веб-шрифтом и в векторных форматах, все это от Designmodo [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Сборник наборов UI для десктопных приложений, преимущественно под Mac [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Brooklyn — декоративный, немного похожий на готический, шрифт с засечками [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Capita Light — приятный шрифт с засечками [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Silverfake — широкий ретро slab-serif шрифт от Alexey Frolov a.k.a MRfrukta [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

[img]http://habrastorage.org/storage2/cc0/d6f/fe8/cc0d6ffe8d4e924a9bf96ab304d98fa0.gif[/img] Занимательное

• Mega: все, что вы хотели знать о новом файлообменнике Кима Доткома
• На Kickstarter собирают средства для строительства «Звезды смерти»
• Скоро 3д принтеры смогут печатать донорские органы
• Что будет после мультитача: три интерфейса будущего
• Одежда и гаджеты, год 2013
• Система предсказания будущего для изменений в настоящем
• Очки виртуальной реальности Meta на основе Epson Moverio BT-100
• Неоднозначная реклама Go Daddy на супербоуле помогла достигнуть рекордных продаж
• Бренды осваивают Vine
• Головоломка Mercator для знатоков географии
• Google предпочитает обновляющиеся новостные статьи
• Google добавила панорамные снимки Гранд-Каньона в Street View
• Как Instagram стал популярным в первые же дни после запуска?
• Абрамс экранизирует Half-Life и Portal

Ссылка на дайджест за прошлую неделю.

Материал подготовили dersmoll и alekskorovin



Original source: habrahabr.ru (comments, light).

Читать дальше