Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

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

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

Магия CSS

Предлагаем вашему вниманию статью на smashingmagazine от Rodney Rehm, которая объединяет последние знания о CSS3 transitions. Также, полезно будет почитать о «магических числах» в CSS, где Chris Coyier обращает внимание на вред от их использования, а также о 3D transforms. Obral Senyum наглядно демонстрирует работу с фонами в CSS. И немного ближайшего будущего — использование директивы @supports и грядущие CSS3 Flexible Boxes

Доминация Samsung

Корейцы настроены серьезно. По результатам исследования DRAMeXchange, 3 из 10 проданных в 1 квартале смартфонов выпустила Samsung. Кроме того Samsung планирует поставить 10 миллионов Galaxy S IV… за первый месяц. Плюс, корейцы разрабатывают способ управления планшетами силой мысли. Что касается СНГ, то по прогнозам Samsung впервые обгонит Apple по продажам hi-end смартфонов в России, а в Украине уже каждый второй проданный смартфон — Samsung на Android

YouTube 8 лет

Поздравляем самый популярный видеохостинг с восьмилетием. Самое время посмотреть TOP-10 самых популярных роликов

Полезные букмарклеты

Многие веб-разработчики активно используют букмарклеты для оптимизации своей работы над своими проектами. Вот некоторые из них: Breakpoint Inspector для определения медиа-правил, gridwax для добавления гридов, ThePrintliminator для удаления ненужных в печати блоков, Viewport resizer для тестирования адаптивного дизайна, SEO, плюс полезные штуки для мобильного Safari, а также целая пачка букмарклетов для социальщины

Проделки хакеров:

Хакеры последнее время активизировали свою деятельность: атаковали принадлежащие РБК интернет-компании, взломали твиттер и сообщили о ранении Обамы, вызвав панику на фондовом рынке. Associated Press вернуло себе твиттер спустя сутки, после таких событий озвучена новость о том, что Twitter внедрит систему двухфакторной аутентификации. Кроме всего прочего, была взломана база игры World of Tanks, пользователям нужно сменить пароли

Техники реализации адаптивного дизайна

Появилась новая техника для реализации адаптивных изображений — Clown Car, так же предлагается решение для адаптивных графических теней

Автомобили и IT

Альянсы автомобильных и IT производителей приводят к удивительным решениям: Volkswagen представила «iPhone-мобиль» (под этим громким названием скрывается попытка совместить бренды автомобиля Beetle и iPhone), а Asus и Toyota объединяются, представляя инновационную навигационную систему. Также, несколько мобильных приложений для авто от производителей. И о будущем: Наступит ли тот день, когда мы окажемся лишними за рулем?

Разработка

• jRIApp — новый HTML5 фреймворк для создания интернет бизнес приложений
• Source — движок для документирования вёрстки
• Чеклист производительности для мобильного веба (видео)
• Начинаем работать с HTML5
• Быстрый старт разработки с HTML5 Boilerplate (видео)
• Новости от разработчиков Firefox: HTML5 notifications, Parallel JS, asm.js и другое
• Навигация в стиле YouTube
• Permalinks tutorial
• ARIA’s application role
• Markup Framework A Starting Point for Web Design
• Используем фреймворк Bootstrap для создания адаптивной темы WordPress
• Как использовать HTML5 audio (часть 1) (видео)
• Поддержка в IE6/IE7 Twitter-а для веб-сайтов с 13-го мая прекращается!
• Утечка байт на iOS устройствах при использовании HTML5 Video
• Крутецкий кросс-платформенный процесс разработки с помощью Grunt
• Показываем fallback для мультимедиа элементов, когда не найден поддерживаемый файл
• Пуш уведомления в браузере с помощью отправляемых с сервера событий
• Создание карты Google Maps с обновляемыми маркерами
• Эффект такой же как у меню на YouTube
• Полноэкранные анимированные переходы между плитками
• Оптимизация FE: просто уберите один JPG («one less JPG»)
• Букмарклет для добавления гридов на сайт
• Breakpoint Inspector A CSS media query bookmarklet.

CSS

• CSS3 Transitions: Thank God We Have A Specification!
• Magic Numbers in CSS
• Intro to CSS 3D transforms
• Презентация о CSS архитектуре от csswizardry
• Unicode CSS Classes
• Полноэкранная анимация переходов по страницам
• Использование tabindex с :focus
• Демонстрация работы с фонами в CSS
• CSS3 Flexible Boxes
• Инвертирование в CSS без фильтров
• Zelda: A link to the CSS — CSS3 анимация с 3D эффектами
• Нативное определение фич CSS с помощью правил @supports
• Адаптивные графические тени (Responsive drop shadows)
• Техника «Clown Car» для responsive изображений
• ptb/flexgrid: CSS сетка с поддержкой flexbox на 3.6k

JavaScripts

• tFormer.js — велосипед для валидации форм
• Verlet.js — физический движок на основе метода Верле
• JavaScript обёртка скроллбара в виде jQuery плагина
• TraceGL — интересный способ отладки JavaScript, визуализирующий информацию с помощью webGL
• codoplayer — качественный HTML5 / Flash видео плеер
• PathFinding.js — визуализация алгоритмов нахождения пути
• Крадем функционал кнопки back с помощью History API
• Clockface timepicker for Twitter Bootstrap
• FPSMeter — небольшая библиотека для измерения FPS
• jQuery Builder
• Sly — jQuery плагин для создания навигации в стиле coverflow
• Intention.js — манипуляции с DOM по HTML атрибутам (для responsive дизайнов)
• Концепции WebGL
• Hand.js — полифил для поддержки событий курсора в каждом браузере
• Snap.js — выезжающее меню в стиле «off canvas»

Браузеры

• The Internet Explorer 8 Countdown
• Как просматривать документы Microsoft Office в Google Chrome
• Установка расширений и приложений Chrome с сайта разработчика
• Forrester: Windows 7 и Internet Explorer №1 в корпоративном секторе
• В Firefox добавлены режимы смешивания в Canvas

Новости

• YouTube исполнилось 8 лет
• Git исполнилось 8 лет
• WordPress.com перешёл на свободный шрифт Open Sans
• Интернет-магазин Amazon.com открывается в России, а также 10 последствий появления главного интернет-магазина в России
• Через Skype разрешат проводить совещания голограмм
• Facebook начал публиковать фото в формате WebP
• Adobe представил инструмент для прогнозирования влияния в социальных медиа
• Apple: Чистая прибыль компании упала на 13%, при том что статистика показателей компании выглядит впечатляюще: Новые рекорды: App Store — 45 млрд. загрузок, iCloud — 300 млн. пользователей, так же анонсировано WWDC 2013, которое пройдет 10—14 июня, билеты разобрали за две минуты
• Samsung: 3 из 10 проданных в 1 квартале смартфонов выпустила Samsung, кроме того Samsung планирует поставить 10 миллионов Galaxy S IV… за первый месяц, DRAMeXchange: Samsung заняла 30% мирового рынка смартфонов
• Смартфоны на Firefox OS вышли в продажу и сразу же первые телефоны на Firefox OS разошлись за несколько часов
• PocketBook выпустила первый в мире ридер с цветным экраном и другие новинки
• Intel продвигает адаптивные ПК-моноблоки, оснащённые батареями
• Yahoo закроет ещё 5 сервисов и прекратит поддержку устаревших интерфейсов почты
• Strategy Analytics: доля iPad сократилась, а Android-планшеты показали рост
• Google Now могут добавить прямо на домашнюю страницу поисковика

Сервисы

• ui-cloud.com — поиск PSD отдельных UI-компонентов или даже целых наборов
• webcolourdata.com — сервис собирающий цветовые палитры сайтов
• Layoutit! — создание веб-интерфейса на Bootstrap прямо в браузере, с помощью перетягивания компонентов
• Гугл-шрифты просмотрены более 500 млрд. раз

Демо

• Spiderweb на verlet-js
• Эксперимент с HTML5 audio
• Lava Blade – тактическая RPG

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

• paperandpaint.dk — немцы опять экспериментируют с навигацией или полноэкранный сайт с Drag-навигацией, прогрузка данных с помощью Ajax и CSS3 эффектами
• co3.lemouv.fr/#/salon/ — совсем недавно такие сайты можно было сделать только на flash
• intothearctic.gp/ — экспедиция к северному полюсу, сайт напичкан CSS3 анимацией
• kiliwatch.fr/en/ — нестандартная геометрия и множество CSS3 анимационных эффектов
• Подборка одностраничных сайтов с эффектами, которые рассказывают свою историю

Дизайн

• Вдохновляющая 3D-типографика
• Интервью с иллюстратором Ольгой Громовой
• Pixel Perfect Precision — замечательная книга для веб-дизайнера по создания дизайна пиксель в пиксель
• userium.com — чек-лист по юзабилити
• Угол в иконках
• Перенаправление Photoshop для веб
• Yahoo! Weather App для iPhone, iPod и iPod Touch
• Мобильный веб: Не используйте нативные дропдауны для навигации
• Как задать нестандартную форму текстовым полям
• 2013 Font Trends
• Android cheatsheet for graphic designers
• Facebook открывает новый логотип и иконки
• Логотипы: с креативными концепциями, с женщинами раз и два, со зданиями, луны
• 2013 Font Trends
• Android cheatsheet for graphic designers
• Текущий тренд веб-дизайна: использование фонового видео

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

• psd-исходники музыкальных плееров, испходники других UI компонентов, PSD файлы окна входящего звонка
• PSDDD — ресурс позволяющий находить свежие исходники PSD появляющихся в Dribbble
• all-silhouettes.com — большая коллекция векторных силуэтов
• Текстуры: деревянных скамеек, светлые и тонкие
• Шрифты: декоративный BAMQ, графити шрифты
• Иконки: наборы плоских иконок, наборы иконок в том числе и иконочные веб-шрифты

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

• TOP-10 роликов на день рождения YouTube
• Обзор первой Вебмастерской Яндекса (часть 1), часть 2
• Впечатления после длительного использования Microsoft Surface RT
• Страсти по Вконтакте: План для Дурова: бежать нельзя остаться, Ход Дурова: 5 сценариев будущего «ВКонтакте» и других проектов её создателя, «ВКонтакте» с государством: сможет ли соцсеть развиваться без Дурова
• В Нью-Йорке прошла первая выставка достижений 3D-печати
• Обзор Facebook Home: ложка существует
• Mars One начал отбор участников для безвозвратной экспедиции на Марс, более практичное агенство NASA запустило в космос три смартфона, чтобы в будущем создать дешевый спутник
• Volkswagen представила «iPhone-мобиль», в то время как ASUS готовит основанные на облачных вычислениях навигационные автомобильные системы
• Наступит ли тот день, когда мы окажемся лишними за рулем?
• Как контактировать с Google в случае необходимости
• Google исключил из выдачи отдельные страницы сайта Mozilla за наличие спама
• Розничный релиз Google Glass состоится в следующем году
• Проделки хакеров: Взломанный твиттер AP сообщил о ранении Обамы, Сообщение во взломанном твиттере Associated Press вызвало панику на фондовом рынке, Associated Press вернуло себе твиттер спустя сутки, после таких событий озвучена новость о том, что Twitter внедрит систему двухфакторной аутентификации, Хакеры взломали базу игры World of Tanks, пользователям нужно сменить пароли
• Дуров разъяснил происхождение слухов о новом проекте
• Facebook разрешил брендам рекламироваться на фото обложки, Facebook Home: 500 тыс загрузок и большинство отрицательных отзывов

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

Автор: alexzfort

Источник