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

[Decker]

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

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

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

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








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




PlayStation Meeting 2013


Sony представила PlayStation 4, Несколько отчетов о PlayStation Meeting 2013 здесь и здесь, в этой заметке вкратце о новом геймпаде, камере и эксклюзивах, здесь то же в виде инфографики, также фотогалерея от Ленты, ну и как это было на самом деле. Плюс, короткая новость от конкурентов: В сеть утекла спецификация Kinect 2.0





HTC One


Компания HTC презентовала новый мобильный флагман. Предлагаем ознакомиться с впечатлениями из Лондона от Nomobile и Предварительным обзором от mobile-review. Видео презентации, Тестирование HTC One в популярных бенчмарках, Знакомимся с новой технологией UltraPixel, HTC представили SDK для ИК-порта





Новости от Google


Демонстрация интерфейса Project Glass и раздача прототипов, а также видео «How It Feels» + официальный сайт проекта Google Glass. Также, Google представила премиум-ноутбук Chromebook Pixel по цене от $1299. Немного текста о том, Почему они это сделали. Кроме того, компания рассказала о некоторых планах развития своего поиска, а еще планирует строить сеть собственных магазинов





Ubuntu Tablet


Компания Canonical представила вариант Ubuntu для планшетных ПК, официальная страница, Обзор ожидаемых возможностей Ubuntu tablet . Cмартфоны под управлением Ubuntu появятся в 2014





Tizen


Поговаривают, что Samsung уйдет с Android уже в этом году на Tizen, Анонсирована новая версия мобильной ОС Tizen: Tizen 2.0, Релиз мобильной платформы Tizen 2.0 с поддержкой запуска нативных программ, В сети появились скриншоты Tizen 2.0





Встречаем новые браузеры


Вышел Chrome 25 с поддержкой Web Speech API, позволяющего интегрировать в web-приложения функции распознавания речи. Также, вышел Firefox 19, в котором добавлена встроенная функция просмотра PDF файлов. Плюс, Сводка новостей от разработчиков Firefox





Кроссбраузерная кастомизация системного скроллбара


Думаю, что все верстальщики сталкивались с задачей кастомизации системного скроллбара на страницах сайта. Разработчики компании 2ГИС в своей статье подробно рассмотрели механизмы работы скролла, js-альтернативы и предложили свой вариант решения задачи с подробным описанием процесса. Кроме этого, эту статью косвенно упомянули в эфире moskva.fm




Разработка

• Кроссбраузерная кастомизация системного скроллбара, demo
• Разработчики HTML-стандартов обеспокоены возможным одобрением в W3C реализации DRM для Web
• Представлена демонстрация 3D-движка Unigine, работающая в web-браузере
• Сокращаем по максимуму HTML5 код
• Эволюция методологии BEM
• Делаем скринсейвер с помощью HTML
• Accessibility Bookmarklets — букмарклеты для тестирования страниц на предмет доступности для пользователей с ограниченными способностями
• Презентация от Nikolas Zakas на тему accessibility
• Поддержка Viewport target-densitydpi убрана из webkit
• Разработчики Mozilla говорят, что нативное audio для браузеров уже готово
• Введение в HTML5 WebSockets API
• Использование WAI-ARIA Landmarks – 2013
• Концепт реализации правильной «бесконечной» прокрутки страницы
• Использование отступов для повышения читабельности HTML/CSS кода
• LearnGitBranching — о бранчах в GIT
• Небольшой обзор Edge Reflow

CSS

• «Многослойный CSS» — Доклад Роберта Харитонова из Одноклассников.ру с Web Standards Days от 13 октября 2012
• Таблица css-совместимости для мобильных браузеров
• Hotmail и Outlook.com убирают поддержку Margin
• Последний EAP PHPstorm поддерживает Emmet в CSS
• Использование Flexbox: смешиваем старые и новые для лучшей кросс-браузерности
• Flexbox синтаксис для IE 10
• Секреты CSS от Lea Verou
• Setting Weights And Styles With The @font-face Declaration
• Улучшаем оформление текста в CSS [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Создание эффекта блеска с помощью стилей [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Понимание LESS Color Functions [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Создаем Sticky Note на CSS [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Симуляция float: down [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Image Slider на CSS3 c 3D трансформациями [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Новые CSS тесты для селекторов и свойств columns [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• On/Off FlipSwitch [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

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

• jQuery Learning Center [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• typeahead.js — Twitter открыл код Typeahead.js, JavaScript-библиотеки для организации автодополнения ввода [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Анимация CSS3 Transforms с помощью MooTools Fx [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• jqueryrotate — кроссбраузерное вращение блоков [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Pronto — jQuery плагин для более быстрой загрузки страниц [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Подборка jQuery-плагинов для обработки фото в стили инстаграм [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• vminpoly — полифил для поддержки vw, vh и vmin [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

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

• PlayStation 4:
  
  
  • Sony представила PlayStation 4
  • Несколько отчетов о PlayStation Meeting 2013 здесь и здесь
  • в этой заметке вкратце о новом геймпаде, камере и эксклюзивах
  • здесь то же в виде инфографики
  • Фотогалерея от Ленты
  • И как это было на самом деле
  • Короткая новость от конкурентов: В сеть утекла спецификация Kinect 2.0
  
  
  
• Новый мобильный флагман HTC One:
  
  
  • Впечатления из Лондона от Nomobile и Предварительный обзор от mobile-review.
  • Видео презентации
  • Тестирование HTC One в популярных бенчмарках
  • Знакомимся с новой технологией UltraPixel
  • HTC представили SDK для ИК-порта
  
  
  
• Новости Google:
  
  
  • Демонстрация интерфейса Project Glass и раздача прототипов, а также видео
  • «How It Feels» + официальный сайт проекта Google Glass
  • Google представила премиум-ноутбук Chromebook Pixel по цене от $1299 и Почему они это сделали
  • Google хочет давать пользователям ответы, а не ссылки
  • Корпорация Google собирается строить сеть собственных магазинов
  • Google предсказывает возможных обладателей премии Oscar на основании поисковой популярности
  
  
  
• Ubuntu Tablet:
  
  
  • Компания Canonical представила вариант Ubuntu для планшетных ПК
  • официально
  • Обзор ожидаемых возможностей Ubuntu tablet . В то время как смартфоны под управлением Ubuntu появятся в 2014, в то время как iPhone 5 — самый продаваемый смартфон в четвертом квартале 2012
  
  
  
• Tizen 2:
  
  
  • Поговаривают, что Samsung уйдет с Android уже в этом году
  • Релиз мобильной платформы Tizen 2.0 с поддержкой запуска нативных программ
  • Анонсирована новая версия мобильной ОС Tizen: Tizen 2.0
  • В сети появились скриншоты Tizen 2.0
  
  
  
• Короткие новости от соцсервисов:
  
  
  • Facebook запустит видеорекламу
  • YouTube нанял профессиональных переводчиков
  • Рамблер-Карты закрываются
  • Mega запустит почту, чат, голос, видео и мобильный сервис
  • В 2012 году звонки в Skype составили треть мирового голосового трафика и запускает обмен видеосообщениями
  
  
  
• Microsoft закрыла Hotmail
• Яндекс открывает Малый ШАД

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

• Вышел Firefox 19, в котором добавлена встроенная функция просмотра PDF файлов
• Сводка новостей от разработчиков Firefox [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Релиз Chrome 25
• Переход Оперы на вебкит:
  
  Mozilla о переходе Opera на WebKit,
  
  Чем аукнется усыхание разнообразия браузеров?,
  
  Opera Software уволила основную часть разработчиков своего браузерного движка
• Кто пишет WebKit?

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

• Программисты, покайтесь! [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• color.hailpixel.com — страница — цветовая палитра [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• hsmaker — Гарлем шейк для сайтов [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Gangnam Style maker [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• vined — смотрите за тем, что происходит в мире: вбейте хеш тэг либо username, и смотрите список Vine роликов [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• ami.responsivedesign.is — сервис для проверки адаптивности сайта [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• tlk.io — простой веб чат [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

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

• Интерфейс в стиле Win 8 UI
• CSS PhotoEditor для iOS6 устройств

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

• jiouhe.com — тайванцы знают толк в нестандартной навигации
• fourroses.es — небольшой сайт с приятным дизайном и параллаксом
• wildbluetech.com — лаконичный сайт со скролл эффектом прокрутки как по вертикали, так и по горизонтали
• theclassicdomain.com — одностраничный сайт-слайдер с ненавязчивой анимацией и простыми элементами, созданными с использованием SVG

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

• Такие разные дизайнеры. Как не перепутать?
• Grunge Style in Web Design [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Юзабилити мобильных форм: избегайте разделения одиночных инпутов [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Анализ Landing Page [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Как я создаю иконочные веб-шрифты — короткое видео от Ben Schwarz [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• iconsTimes — важные новости в графическом виде [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Guideline Colours — коллекция основных цветов наиболее известных сайтов [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Интервью с Shaun Yue, принимавшим участие в создании интерфейсов в фильме Prometeus Ридли Скотта [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]
• Дизайним для тач, от Luke Wroblewski [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]
• Как делать Cinemagraph изображения, или попросту анимированные фото-гифки, в фотошопе [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Более двух десятков уроков по Photoshop CS6 [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Тренды в веб-дизайне сайтов компаний из золотого списка Fortune 500 (инфографика) [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/be5/3e4/256/be53e4256e771ad12bc412af8b30f91e.gif[/img] Подборка бесплатных дизайнерских печенек

• Немного текстур в разрешении 3600х3600, два десятка металлических текстур, текстуры из географических карт [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Square UI — набор интерфейсных элементов с «плоским» и квадратным плашечным дизайном [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Facebook Timeline Template [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Почти два десятка свежих шрифтов: от Myra до Vger Grotesque, включая и PROMESH — атлетический шрифт с засечками [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Salt & Foam — unicase шрифт представляющий сёрфинг [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Коллекция снежно-ледяных шрифтов [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Более трех десятков шрифтов для заголовков от Junction до Caprica [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• IconBeast Lite — три сотни иконок для iOS Tab Bar [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• MFG Labs — иконочный набор с веб-шрифтом, изначально разработанный для внутреннего пользования [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/cc0/d6f/fe8/cc0d6ffe8d4e924a9bf96ab304d98fa0.gif[/img] Занимательное

• «Наши» на GitHub: рейтинг
• Селебрити массово мигрируют на Android
• Как реклама в Google и Facebook влияет на человеческий мозг
• Резюме Сергея Брина в канун зарождения Google [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Между любыми веб-страницами в среднем 19 кликов
• Билл Гейтс раскритиковал Microsoft за отставание на рынке смартфонов
• На Kickstarter стартовал проект 3Doodler — ручка, которой можно рисовать в пространстве
• Напечатайте мне… лицо. 3d принтер для Фантомаса
• 14 компьютерных игр признаны произведениями искусства
• Harlem Shake: учёные о причинах успеха, а так же подборка танцевальных флешмобов от известных IT-компаний
• Google попросил СМИ «замять» историю с утечками данных в своем сервисе
• 50+ мировых ресурсов бесплатного онлайн-образования
• Цукерберг, Брин, Левинсон и Мильнер учредили премию в области естественных наук
• Путешествие в любую точку мира [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]
• Оригинальное приглашение на свадьбу в стиле поисковой выдачи Google [img]http://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif[/img]

Дайджест за прошлую неделю

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



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

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