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

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

История веб-дизайна

Web Standards Days в Яндексе

История создания 100,000 Stars

Инструменты для облегчения веб-разработки

Цвета в CSS

5 API, которые изменят Веб в 2013-ом году

Шпаргалка по размерам медиа-элементов

Разработка

• Первые впечетления от работы с SecnhaTouch2 — видео доклада
• Кроссбраузерное определение экранов повышенной четкости
• Сайт, который пытается облегчить работу с html5/css3: генераторы, стати, инструменты
• Большая шпаргалка по всевозможным размерам медиа-элементов, использующихся в социальных сервисах
• Оффлайновое аудио в OS 6 Safari
• Как записывать аудио в хроме с помощью нативного HTML5 API
• Шпаргалка по Chrome Devtools
• imgo — мощный оптимизатор изображений
• Адаптация сайтов на WordPress под устройства с сенсорным экраном
• Сниппеты под WP для работы с социальными сетями
• Как создавался проект Type Inspiration
• Michael Chang рассказывает о том, как делался впечатляющий проект 100,000 Stars, Chrome Experiment, и как в нем использовались THREE.js и CSS3D
• Список из 180 полезных дополений, компонентов, надстроек и ресурсов для работы с Bootstrap
• Галерея цветовых схем для Sublime Text 2 от Dayle Rees
• 6 принципов создания более быстрых веб-приложений
• Пять API которые изменят WEB в 2013-м году
• Chrome Dev Tools. Панель для разработчиков в Chrome (часть 2): cеть и консоль, и первая часть о маркапе и стилях

CSS

• Когда CSS-код с душком
• Древовидная структура на чистом CSS, без всяких скриптов
• Производительность веб-шрифтов
• Hayaku — пишем CSS быстрее
• Персонажи на CSS: Луиджи, Зойдберг
• Цвета в CSS
• Еще раз о новом синтаксисе Flexbox
• Элемент ‹menu›
• Вспоминаем тонкости селекторов аттрибутов
• SCSS и кросплатформенный градиент (ну почти)
• Примеры использования тригонометрических функций для анимации
• Кроссбраузерная реверсивная анимация фона на CSS3
• ID не сделает ваш документ более семантичным
• Интересный эффект для анимации в меню
• Sass and Compass CSS animation library based on Animate.css

JavaScripts

• Calendario — клевый резиновый календарь
• Простые, но симпатичные эффекты для выпадающих списков
• a!ertifyjs — настраиваемая система нотификаций
• bootup.js — кеширование и загрузка статики с помощью local storage
• Any List Scroller — jQuery плагин для скроллинга списков, блоков и других элементов с любыи контентом
• responsiveimg — делаем существующие изображения адаптивными без создания новых
• timing — jQuery-плагин для манипуляций со временем
• numeraljs — jQuery-плагин для форматирования и манипуляций с числами
• Несколько новых штук, которые появятся в JS
• Sublime Text Editor 2 — JavaScript Snippets
• pickadate.js — компонент для выбора даты (IE9+)

Браузеры

• Начало бета-тестирования Firefox 18 и создание aurora-ветки Firefox 19
• Firefox 18 Beta получил поддержку Retina-дисплеев
• Релиз Chrome OS 23 и обновление браузера Chrome для настольных и мобильных систем

Новости

• iTunes 11 наконец-то стал доступен для загрузки
• Google выпекает лимонный пирог: Android 5.0 в мае 2013
• Facebook запустил инструмент для отслеживания конверсий
• Уолл-Стрит: почему ушёл Пол Отеллини и что будет дальше с Intel?
• Apple уволила главу картографического подразделения
• Доходы Android приложений растут быстрее, чем iOS
• Бизнес Apple является самым прибыльным в индустрии
• По мнению независимых экспертов продажи Windows 8 испытывают трудности
• А по мнению компании из Редмонда: за первый месяц Microsoft продала 40 млн копий Windows 8, и продажи Windows 8 опережают продажи операционной системы Windows 7 на аналогичном этапе
• СМИ: Microsoft будет выпускать крупное обновление для Windows каждый год
• Microsoft готовит обновление для Windows Phone 8 под названием Apollo Plus
• Пользователи Gmail теперь могут отправлять файлы размером до 10 Гбайт
• В «Яндекс.Диске» появились общие папки для совместной работы
• При помощи Google Drive теперь можно создавать простые сайты
• Новый сервис Dropbox: диалог выбора файлов Dropbox Chooser
• YouTube научился распознавать русскую речь

Сервисы

• SmartSprites — мощный генератор CSS-спрайтов
• makeappicon — генератор иконок для веб-приложений под iOS и Android
• iconbench — веб-приложение для стилизации иконок, выбранных из доступных в сервисе наборов
• Font Custom — генерируем иконочные шрифты с помощью командной строки
• <>ne div — галерея стилизованных изображений нарисованных с помощью CSS3. Одним из преимуществ таких изображений является возможность добавления анимации
• Extensionizr — создание дополнения для Chrome за 15 секунд. Более подробно о проекте можно почитать в статье автора здесь на хабре

Демо

• Dune 2 Online — для тех, кто помнит
• Трехмерный Digital Creativity Guidebook от Google

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

• http://vizzuality.github.com/rollingstonesmap — сайт, построенный по слайдовой модели
• myprovence.fr — симпатичный одностраничный сайт с параллаксами
• surveyofthestates.com — сайт с большим количеством анимации и интерактивными элементами
• lostphoneexperiment.nl — одностраничный сайт с проработанной анимацией, в том числе и спрайтовой, и симпатичными иллюстрациями
• elloro.nl — органично вписанные анимационные эффекты, используемые для большинства интерактивных элементов
• clicknow.com.br/circulo-da-comunicacao-digital/ — еще немного одностраничности и спрайтовой анимации от бразильцев

Дизайн

• История веб-дизайна
• Фильм об истории дизайна. Часть 5
• 30 лучших альтернатив для Helvetica
• Подборка сайтов отечественных фрилансеров-дизайнеров
• Использование прозрачности в веб-дизайне: за и против
• Эволюция известных брендов
• Скеоморфизм и UI — еще раз об уместности его использования (Skeuomorphism and the User Interface)
• photoshopsecrets — блог, посвященный раскрытию возможностей Photoshop, благодаря описанию туториалов, полезных плагинов, горячих клавиш и прочего
• Интересные примеры типографического анаморфизма, иллюзии, позволяющей видеть надпись с определенного угла поля зрения

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

• Бесплатные векторные карты мира (AI, EPS, SVG)
• Тематические наборы социальных иконок
• PSD исходники вкладок-социальных кнопок
• PSD с UI супер-кнопок
• Три десятка премиум наборов UI с PSD исходниками
• UI наборы со светлым дизайном
• Более пяти десятков векторных изображений посвященных Рождеству
• Десятка новогодне-праздничных шрифтов
• Prime — лаконичный технический шрифт без засечек
• Десять Slab serif шрифтов
• Festiva — карнавальный декоративный шрифт
• FV Deventer — декоративный шрифт без засечек
• Boros rounded — декоративный шрифт в стиле ведьмочек

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

• Web Standards Days в Яндексе
• Microsoft пытается троллить хейтеров IE, моментами забавно
• Khan Academy теперь и на iPhone
• Обзор операционной системы Windows RT
• Одно из первых русскоязычных 360-video
• Начальник связи Таджикистана потребовал к себе «хозяина Facebook»
• Игра Cut The Rope стала мультсериалом на YouTube