«Дайджест интересных новостей и материалов из мира айти за последнюю неделю №39 (5 — 11 января 2013)»

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

CES 2013

Kickstarter в 2012

Обзор поисковых алгоритмов, появившихся в 2012

Cайты, оптимизированные для мобильных устройств

Немного новостей от Microsoft:

Touch-web: Swipe

Топ 10 игр на HTML5

Разработка

• Touch-web: Swipe
• Оптимизация DOM анимации. Приоритетность оптимизаций.
• Ещё одна «Солнечная cистема» на HTML5 Canvas
• Сухой cпособ верстки многостраничных сайтов
• SVG: анимация, Стили для SVG
• Web Developer Checklist
• Сравнение методов создания сайтов, оптимизированных под мобильные устройства
• Junior —front-end фреймфорк для создания мобильных HTML5 приложений
• Полезные хаки и сниппеты для .htaccess
• Используем элементы форм и CSS3 для замены JS
• Новые инструменты для веб-дизайна и разработки за декабрь 2012
• Интервью с Ian Hickson, идним из разработчиков HTML5 в W3C
• Самые популярные WP плагины (инфографика)
• Bandwidth Media Queries? We Don’t Need ’Em!
• Играйте безопасно с Iframe в режиме «песочницы»
• Введение в использование Persona
• Суровая правда о семантической структуре html5: часть 1
• Shadow DOM 101
• Введение в создание Atlantic Wire iPad HTML5 App
• Новый взгляд на обновление контента в динамической странице
• Пять полезных визуальных приемов, настраиваемых в Sublime Text

CSS

• Концепт трехмерной книжной полки с помощью CSS 3d трансформаций
• Ждем свойство «all» в будущей версии CSS
• CSS3 Gmail Buttons
• Адаптивный дизайн в IE10 на Windows Phone 8
• Клевые примеры CSS3 Animations
• Как автоматически генерировать CSS спрайты с помощью Sass и Compass
• Кто сказал, что веб только для квадратов?
• CodePen с CSS3 градиентами
• Эффект разделения изображения с помошью CSS

JavaScripts

• jQuery изнутри — атрибуты, свойства, данные
• Занимательные API: Vibration API, visibilityChange, Battery javascript API
• Isotope: — jQuery плагин для создания динамических лейаутов в стиле masonry
• motio: jQuery плагин для создания спрайтовой анимации
• Yugen Logo
• Обновилась документация jQuery API
• ParamQuery grid — работа с табличными данными и гридами с помощью jQuery
• CSS Browser Selector + A Cross-browser Responsive Design Helper
• PolyCrypt: WebCrypto API Polyfill написанный US Department of Homeland Security
• Tags Input jQuery плагин

Браузеры

• Релиз Firefox 18 c новым JIT-компилятором IonMonkey
• В новой версии Firefox добавлена поддержка Retina дисплеев
• Релиз web-браузера Chrome 24
• Уязвимость нулевого дня в Firefox 18 и Opera 12.12

Новости

• CES 2013:
  
  • Самые интересные новости нулевого и первого дня
  • Обзор второго дня: раз, два
  • CES 2013. Награда выставки за лучшие продукты – краткое описание инноваций
  • Все, что может быть интересно пользователям iДевайсов
  • А также о некоторых интересных штуках подробнее:
  • Новые планшеты: PaperTab — планшет с технологией электронной бумаги и 10 килограммовый планшет от Lenovo
  • Новые мобильные ОС: Ubuntu Phone OS и Firefox OS
  • Технологии будущего: IGZO от Sharp, Xbox IllumiRoom от Microsoft и сенсорный туманный дисплей от россиян
  • Microsoft на CES: продано 60 млн лицензий Windows 8, скачано 100 млн приложений из Store
  • Отчет презентации Samsung. Новый процессор, Экс-президент и гибкий экран
  • Часы Pebble – один из самых успешных проектов в истории сервиса краудфандинга Kickstarter
  • Gorilla Glass 3: тесты на прочность
  • «Steam Box» от Valve
  • YotaPhone на CES: самый инновационный гаджет
  
  
• Windows Live Messenger прекратит свою работу 15 марта
• В Skype 6.1 для Windows появилась интеграция с Microsoft Outlook
• План Microsoft до 2015 года
• Facebook тестирует новый дизайн хроники
• Появилась Сatmoji — социальная сеть любителей кошек
• Доля Microsoft на рынке смартфонов упала до 3%
• Общий объем выплат разработчикам App Store превысил $7 млрд

Сервисы

• holify.it — добавьте себе на сайт рождественское настроение
• excssive — — онлайн сервис для компрессии CSS на лету

Демо

• HTML5 Canvas Lightning
• Dream of the Tree
• Doom3 gangnamstyle с помощью canvas
• Топ 10 игр на HTML5
• Бесконечно растущий в canvas цветок

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

• degetel.com — забавный сайт с полноэкранным видео на фоне
• badrfood.com/ — сайт, где скомбинированы маски и параллакс
• voeux.extralagence.com — сайт с нестандартным использованием временной шкалы
• rei1440project.com — каждая минута в фотографии, на полноэкранном сайте-галерее
• madwellnyc.com — интересный сайт-портфолио с переключалкой параллакс- и плиточного представления разделов и прочими приятными мелочами
• kyron.me — интересные скролл-эффекты
• dim.hr — полноэкранное портфолио хорватской студии, выполненное с европейским шармом
• silktricky.com — смесь плиточного интерфейса с видео и фото-галереей

Дизайн

• Интервью с гениальным дизайнером
• Как делать PSD-файлы более гибкими
• Чертова дюжина трендов для 2013-го
• Примеры использования текстур в веб-дизайне
• Два десятка примеров веб-дизайна, с удачным использованием больших изображений
• Подборка классных веб дизайнов фотографическими фонами
• Техники ретуширования в фотошопе, часть 1
• Психология дизайна визиток
• Замечательные упаковочные дизайны
• Десятка ресурсов, где можно посмотреть лучшие патерны мобильных UI
• Видео-уроки о рисовании мультяшных персонажей
• Логотипы выполненные в ретро- и винтажном стилях
• О важности создания дизайна для «пустых» окон либо страниц
• Горячий тренд: инфографика на вашем сайте!
• The iOS Design Cheat Sheet v2
• Conditional Lightbox: об альтернативах всплывающим окнам на мобильных устройствах

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

• game-icons.net — Сотни векторных иконок для подключения к вашим играм
• Gemicon — упаковка из шести сотен иконок в PNG формате + исходник в PSD
• Иконки социальных сетей в PNG/PSD форматах
• 13 наборов UI в PSD
• Исходник PSD презентационного папки, дизайн которой можно менять используя преимущества использования Smart Object
• Два с половиной десятка фото-текстур
• За подписку на почтовую рассылку предлагается исходник сайта, основанном на Bootstrap, в PSD
• Лого с туристической тематикойв кореловском формате
• RIDGE — декоративный шрифт без засечек с псевдо-3D эффектом
• Gutenberg A — декоративный ретро-шрифт, бесплатная версия знаменитого B42 испльзованного тем самым Иоганном Гутенбергом в той самой 42-строчной Библии
• VDS — приятный, обновленный новыми начертаниями, шрифт без засечек
• Typicons — компактный иконочный шрифт

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

• Обзор поисковых алгоритмов, появившихся в 2012
• Грядущие бизнеc-войны 2013 года
• IT-лидеры в 2013-м: Facebook зарабатывает, Apple ослабевает, Google прогрессирует
• Самые популярные веб-технологии 2012 года по версии W3Techs
• Kickstarter подвел итоги года: на проекты привлекли $319 млн
• TIOBE Software подвела итоги популярности языков программирования в 2012 году
• Для чего чаще всего используются сматрфоны
• Инфографик всех продуктов Microsoft
• Уроки тимбилдинга от Марка Цукерберга
• Большинству владельцев смартфонов и планшетов не важна операционная система
• Ограблен офис Microsoft R&D, украдены только планшеты iPad
• Instagram слепого человека
• Песенка «Будь проклят тот день, когда я купил iPhone»
• Демотиваторы по информатике для второго класса
• Американские диалектологи назвали «хэштег» словом года
• Регулярки для поиска в Twitter-е