«Дайджест интересных новостей и материалов из мира айти за последнюю неделю №30 (3 — 9 ноября 2012)»

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

Браузерные новости

Оптимизация под Retina

Firefox OS

Metro UI

Одностраничные сайты

Немного о смартфонах

Новые API в современных браузерах

Разработка

• Верстка рассылок — что мы имеем?
• Подборка инструментов для создания веб-интерфейсов в стиле Metro
• 10 инструментов для облегчения работы с ретиной
• О важности использования тэгов «alt» и «title» к изображениям на вашем веб-сайте
• Продуктивное использование PHPStorm
• Видеодоклад от Angelina Fabbro на тему «Inspector Web and the Mystery of the Shadow DOM»
• Grid—A—Licious — адаптивные анимированные гриды
• Адаптивные фоновые изображения для фиксированых и резиновых лейаутов
• BASE — Super Simple Responsive Framework built to work on mobile devices, tablets, netbooks and desktop computers
• Montage — HTML5 framework для создания веб-приложений
• Добавляем SVG в браузеры, которые не поодерживают эту технологию
• Капча обрисовка
• HTML5 forms (and IE10 (Mobile))
• Горячие клавиши для поиска в Chrome Developer Tools
• Базовая структрура расширения для Chrome
• Разбор создания демо-сайта от Chris Coyier
• Решение проблем рендеринга для анимации в HTML5 играх (JANK BUSTING FOR BETTER RENDERING PERFORMANCE)

CSS

• Миссия невыполнима: определение iPad mini
• И о той же проблеме CSS физических единиц (The CSS physical unit problem)
• Прелоадер Facebook-а на чистом CSS
• Off Canvas Menu with CSS :target
• display: none; или сказ о том, что большинство неправильно используют это свойство при работе с адаптивными дизайнами
• Настраиваем подсветку синтаксиса LESS в Notepad++
• Create a TV Screen 404 Page with Clever CSS Tricks
• Непростая стилизация строк таблицы и непонятный баг в IE9
• CSS3 Lighting Effects
• Еще один вариант хаков для IE, на этот раз с помощью @media
• Как сделать внутреннюю тень на тексте в webkit

JavaScripts

• bootup.js — кешируем и грузим статику из локального хранилища
• Gamma Gallery: — прототип адаптивной галереи
• crumble — A quirky, interactive tour for your website or app.
• Пишем быстрый и оптимизированный JS (Writing Fast, Memory-Efficient JavaScript) — руководство Addy Osmani
• HTML5 API, о которых вы, возможно, не знали
• Camera and Video Control with HTML5
• Fullscreen API

Браузеры

• Firefox исполнилось 8 лет
• Internet Explorer 10 в Windows Phone 8 отличается от версии в Windows 8
• Увидел свет web-браузер Chrome 23 , еще про релиз 23-й версии Chrome, а так же включение в эту версию новой технологии WebRTC
• Google повышает энергоэффективность браузера Chrome в ряде сценариев до 25%
• Яндекс.Браузер 1.1: с технологией Турбо от Opera Software
• Финал Opera 12.10 и детали релиза
• Mozilla Firefox получает поддержку технологии HSTS
• Internet Explorer 10 Is The Fastest Browser On Windows, Chrome 19 Wins On Mac

Новости

• Microsoft официально: Skype заменит Messenger
• В Instagram стали доступны веб-профили (пример профиля Nike)
• «Яндекс.Карты» выпустили карты для Европы и США
• Samsung Galaxy S III стал самым продаваемым смартфоном в III квартале 2012
• Time включил перчатки украинской команды quadSquad в список изобретений года
• «ПриватБанк» открыл в Украине бесплатные школы программирования для детей
• После пятилетнего бета-тестирования, они наконец решились: встречайте новый HTML5 плеер в Wikipedia

Сервисы

• flexplorer — помощник при создании flexbox-лейаута
• liffect — генератор эффектов для списков
• DPI Calculator / PPI Calculator

Демо

• Media Query Mario

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

• colingrist.com — интересный вариант параллакса для главного баннера
• themealings.com.au — эффект штор для скроллинга одностраничного сайта
• mypizzaoven.nl — вкусный голландский сайт с нестандартной навигацией
• Знакомство с Парижем

Дизайн

• Exploration Of Single-Page Websites
• Шесть ожидаемых трендов в веб дизайне в 2013 году
• Фильм об истории дизайна. Часть 2
• Обновленные логотипы браузеров
• Возвращение скролла
• Сила черного в веб дизайне (+ инфографика)
• Уроки по созданию визиток
• Дизайн современного UI от Microsoft
• Шокирующие фото-манипуляции
• Используем иконки в веб дизайне правильно
• Логотипы созданные с использованием инверсии (выворотки, negative space): примеры и анализ
• Что такое хороший дизайн?
• Четыре десятка уроков для фотошоперов и иллюстраторов
• Инструменты для работы с цветовыми палитрами
• Adaptive Vs. Responsive Layouts And Optimal Form Field Labels. Об адаптивной и отзывчивой верстки, и оптимально расположении названий полей форм

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

• Декоративный шрифт POLY TYPE
• Свежие шрифты: Barkentina, Lusitana
• Десять красивых шрифтов без засечек «humanist»: Telex ht, Pigiarniq, ...
• Иконочный веб-шрифт с 284 пиктограммами во всех нужных форматах
• icomoon.io — генерация иконочного шрифта из выбранных вами иконок
• Еще один PSD шаблон iPhone5
• Больше десятка свежих PSD с иконками, UI и даже iPad mini
• Более двух десятков наборов UI и вайрфреймов с PSD и AI форматах
• Десятка PSD шаблонов довольно симпатичных и стильных сайтов, обычно предлагаются за подписку
• PSD компонента рекламирующего сайт с адаптивным дизайном
• Серые векторные бейджи за твит или пост в facebook
• Немного зеррнисто-шероховатых текстур для фотошопа

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

• Все, что вы хотели знать о Firefox OS, но боялись просить — видео-презентации, слайды, WebAPIs, приложения и многое другое
• Обновленные карты Марса от Google
• Яндекс рассказал про новый почтовый интерфейс (видео)
• Парочка новых обзоров от mobile-review: HTC Windows Phone 8X и Nokia Lumia 920
• Репортаж: презентация Nokia Lumia 820 и Nokia Lumia 920 в Москве
• Clippy.js — немного ностальгии по офисным помощникам MS
• Поговаривают, что Microsoft давали по $100 для очередей за Surface
• В Facebook объяснили принцип отображения постов в ленте новостей
• В младшей модели планшета Microsoft Surface пользователю доступно лишь 16 ГБ емкости накопителя
• Хитрый Apple спрятал извинения Самсунгу
• Ким Дотком обещает оптоволокно за $400 млн и бесплатный интернет всем жителям Новой Зеландии
• Победный твит Обамы побил рекорд Twitter
• «Стулья похожи на Facebook» — первый рекламный ролик крупнейшей социальной сети
• Гонка плотности пикселей экранов далека от своего апогея, но стоит ли игра свеч?
• Пасхалка в Google содержащая conway's game of life (смотреть в правый верхний угол страницы)
• Большая карта интернета от Руслана Еникеева
• В Голландии в следующем году появятся «умные дороги»