Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

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

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

Новый логотип Microsoft

Microsoft впервые за 25 лет полностью сменила свой корпоративный логотип. Теперь он более современен и идеально вписывается в новый стиль дизайна продуктов компании.

Мобильная версия сайта или адаптивный дизайн?

Приступая к созданию современного сайта, каждый должен сделать для себя выбор, как быть с мобильными пользователями — либо создавать отдельную мобильную версию сайта, либо внедрить адаптивный дизайн. Этот вопрос и попытался рассмотреть автор статьи, взяв за пример сайты кандидатов в президенты США.

Релиз Bootstrap 2.1.0

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

Google представила новый бенчмарк — Octane

Среди бенчмарков, на которые ориентируются любители измерить производительность браузеров, появился новый игрок. Кроме стандартных для Google js-тестов, Octane предлагает погонять ваш браузер на реально использующихся js-библиотеках.

История создания БЭМ от Виталия Харисова

Наверное, нет ни одного фронт-енд разработчика на постсоветском пространстве, который бы не знал о БЭМ. Однако, далеко не все знают, как он создавался, что лежит в основе методологии и какие технологии лучше всего использовать при работе. Обо всем этом из уст создателя и идеолога БЭМ Виталия Харисова.

Полноразмерная анимация страниц с помощью CSS

Одними из новых технологий, поддерживаемых новым браузером IE10, являются CSS 3D Transforms и CSS Animations. О синтаксисе и возможном применении этих технологий в качестве нового концепта навигации между страницами можно почитать в блоге msdn.

Интернет 2002-2012: что изменилось за десятилетие?

Интернет развивается гигантскими шагами. Благодаря этой инфографике можно оглянуться назад и сравнить его прогресс за последнее десятилетие.

Разработка

• Релиз Bootstrap 2.1.0
• Оптимизация графики для Retina-экранов , плюс перевод этой статьи
• 15 полезных htaccess трюков для улучшения работы веб-сайта
• Подборка из адаптивных css-фреймворков и шаблонов верстки
• Создаем векторную маску с помощью HTML5 Canvas
• История создания БЭМ от Виталия Харисова
• Скринкаст от Chris Coyier: Creating and Using a Custom Icon Font
• Рецепты борьбы с более высокой плотностью пикселей от HTML5Rocks
• Polyfill для реализации нескольких изображений для мобильных устройств с различной плотностью пикселей
• LiveReload 2 — все изменения в CSS и используемых на странице изображениях без нажатия Refresh
• Презентация: Укрощая чудовище мобильного Web-а или что такое оптимизация сайтов под мобильные устройства
• Демки с CSS-Tricks теперь на GitHub-е
• TextExpander в помощь веб-разработчикам, работающим на Mac-ах
• Работаем с Sublime text 2 продуктивнее
• Вышла новая 4-я версия Adobe Shadow (приложение для более эффективной работы с веб-приложениями для мобильных устройств) с рядом интересных улучшений

CSS

• Релиз Normalize.css v2.0
• Каскадные таблицы атрибутов для HTML
• Полноэкранная CSS-анимация веб-страниц
• Близится судный день: Opera внедрила префиксы Webkit
• CSS: 256 классов имеют больший приоритет, чем id
• Новый концепт css-лайтбоксов от Хакима
• Интересный концепт для image-слайдеров
• Как применить трансформацию CSS3 к фоновым картинкам
• Инфографика на тему CSS3 свойств
• Два новых предложения по преодолению кризиса с вендорными префиксами
• Дискуссия на тему семантики в вебе: Наша бессмысленная погоня за семантической ценностью и Ценность осмысленности
• Коллекция UI реализованных с помощью CSS3, Sass
• О CSS Summit 2012
• Таблицы с данными в адаптивном дизайне

JavaScripts

• Создаем Tweet Book с помощью jQuery и CSS
• Меню с плавной инверсией цвета
• JZoopraxiscope — jQuery плагин для создания анимации из статических изображений в стиле старых мультфильмов
• jQuery Picture — плагин для плавного перехода к адаптивным изображениям на сайте
• Интерактивная SVG-карта на Raphael
• Калькулятор на jQuery
• Tooltipster — плагин на jQuery для создания симпатичных тултипов
• Карусель для адаптивного дизайна с большим количеством настроек
• JavaScript для котов и/или новичков
• BigVideo.js — плагинчик для задания фонового видео
• Date range picker для Twitter Bootstrap
• Видео-курс «Основы JavaScript для новичков» от Microsoft
• noUISlider — слайдер как компонент формы для выбора промежутка (jQUery Range Slider)
• Really Simple Slideshow — jQuery плагин для создания различных слай дшоу

Браузеры

• Правда о IE10
• Ожидаем Firefox для Windows 8
• Браузеры Safari 6 и Chrome 21 могут использовать альтернативные изображения для дисплеев с высокой плотностью пикселей
• Инновации Internet Explorer
• whattrainisitnow — микро-сервис позволяющий определиться с последними версиями Mozilla Firefox

Новости

• Впервые с 1987 года Microsoft полностью поменяла логотип
• Google представила новый бенчмарк — Octane
• Apple стала самой дорогой компанией в истории, но без учета инфляции
• Про компанию «Яндекс» снимут фильм
• В коллекцию Google Street View добавились чудеса археологии майя
• Google откажется от кнопки «Мне повезет»
• Появились первые скриншоты Skype для Windows 8
• Mail.Ru и «Яндекс» вошли в Топ-5 крупнейших почтовых служб Европы
• Pinterest может обогнать Yahoo по посещаемости
• Opera продлила договор с Google
• Google будет сообщать о падении трафика на сайте

Demo

• Staggering Beauty
• walkinafog.com — 3D ролик с использованием возможностей WebGL

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

• webey.eu — сайт с диагональным скроллингом
• cloud330experience.com — сайт с высоты птичьего полета
• boksquiz.org — детский сайт с большим количеством анимации
• juanmora.me — оригинальный подход к созданию сайта-портфолио
• nerisson.fr — еще один вариант сайта-портфолио
• mydirtydesk.com — сайт с нестандартной геометрией
• nationallgbtmuseum.org — одностраничный сайт где информационные блоки складываются из двух половинок
• daybreak2012.com — множество крутых эффектов и активное использование canvas

Дизайн

• Мобильная версия сайта или адаптивный дизайн?
• О том, как нарисовать фотореалистичную иконку файлового поиска
• Инфографика о дизайнерах
• Крутые эффекты применяемые к тексту в Photoshop
• Десять с половиной примеров хороших веб-дизайнов отелей
• Горячие клавиши Photoshop CS6
• PDF-ки для формата A4 с заготовками под создание скетчей веб-страниц
• Почти четыре десятка свежих логотипов

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

• Che's Bone — нестандартный любимый собаками шрифт от filiz sahin
• Sixta Light — лаконичный шрифт без засечек
• Nikodecs — новый шрифт без засечек
• Cascade — шрифт без засечек в стиле гранж
• Десятка свеженьких шрифтов: от Prosto до Forum
• Четыре с половиной десятка PSD-слоек с довольно современным веб-дизайном

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

• Интернет 2002-2012: что изменилось за десятилетие?
• Десять любопытных фактов о марсоходе Curiosity
• Курс по поиску в Google
• Новые технологии 2012 года
• IEEE разрабатывает новый стандарт Ethernet соединений со скоростью передачи данных до 1 Тб/с
• Новый видео кодек H.265 обеспечит значительный прирост эффективности
• Synaptics ForcePad: тачпад с датчиком силы нажатия
• SanDisk отметила 25-летие флеш-памяти и поделилась интересной статистикой: За два последних десятилетия, как отмечает SanDisk, ёмкость флеш-памяти выросла в 30 тысяч раз, а стоимость снизилась в 50 тысяч раз.
• Песня из рекламы Internet Explorer стала хитом

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

Автор: alexzfort