Дайджест интересных новостей и материалов из мира айти за последнюю неделю (13 — 19 апреля 2013) Опции

[Пастор]

(8 — 14 декабря 2012)

---

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы (8 — 14 декабря 2012)

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

Подводим итоги 2012го года:

«2012-й год подходит к концу и настает время подводить его итоги». Наверное, именно так и подумали ведущие поисковые компании и предоставили миру свою ежегодную статистику: Google с Zeitgeist 2012 и Яндекс с картинкам и цифрами про интернет. Не отстают и самые популярные социальные сети: 2012-й год по версии Twitter и Facebook-версия года

Персонализация поиска

Яндекс презентовал новую платформу поиска «Калининград», позволит сделать результаты поиска более персонализированными. Также, совсем недавно Google запустил «Граф знаний» для русскоязычных пользователей

Встречайте WordPress 3.5 «Elvin»

Новая версия одной из самых популярных бесплатных CMS в мире порадует пользователей обновленными функционалом и дизайном админ-части, новой адаптивной темой «Twenty Twelve» и некоторыми другими приятными улучшениями.

Google на перфокартах

Помните, что такое перфокарты и магнитофоны с бобинами? А то, как выглядели компьютеры несколько десятков лет назад? Для любителей ностальгии был создан эмулятор ретро-версии Google из 60-х годов (если бы он был тогда создан).

Parallax Tools and Techniques

Параллакс эффект прочно занял свое место в трендах веб-дизайна этого года. Авторы этой подборки предлагают целый набор инструментов и техник с рекомендациями по созданию таких эффектов

The Smashing Conference

Эксклюзивные видео и интервью с конференции The Smashing Conference. Первая конференция известнейшего веб-журнала стала знаковым событием, привлекшим специалистов мирового уровня к обсуждаемым темам.

Бесплатные книги

Сезон зимней подарочной лихорадки продолжается! Предлагаем вам две отличные цифровые книги: англоязычная книга «Programming Windows 8 Apps with HTML, CSS, and javascript» и «HTML5. Руководство разработчика».

Разработка

• Постобработка изображений и видео с WebGL
• Parallax Tools and Techniques
• Попробуй БЭМ на вкус
• Современный веб-разработчик, или 6 вещей, которые вы должны знать, чтобы выжить
• Бесплатные книги «Programming Windows 8 Apps with HTML, CSS, and javascript» и «HTML5. Руководство разработчика»
• Chrome extensions для оптимизации фронт-енда
• Встречайте Firefox OS Simulator 1.0, а вот здесь можно посмотреть минималистический шаблон для знакомства с платформой
• Редизайн с помощью media queries
• Полноэкранный прототип PAGEFLIP (эмуляция перелистывания страниц)
• Canvas-driven background images
• SVGO: оптимизатор SVG — видео с Web Standards Days в Москве
• За кадром — Media Query Mario
• Улучшение производительности веб-приложений с Chrome DevTools и профилями (Improving Web App Performance With the Chrome DevTools Timeline and Profiles), а так же подобные измерения на мобильных устройствах от Addy Osmani
• input[type=«datetime-local»] добавлен в Chrome Canary
• WebRTC внедряется в Firefox и попадает в Android и iOS с помощью браузера Ericsson Bowser
• Избранные видео по front end от Paul Irish
• Как насчет адаптивных URL?
• Создание мобильного приложения на HTML5/JS «Where I parked my car», часть первая
• Интересное интервью о Three.js
• Love Bootstrap — галерея сайтов, использующих Bootstrap

CSS

• Придерживайтесь коротких CSS-селекторов
• Нужно ли использовать префиксы для box-shadow и border-radius?
• CSS Animations with only one keyframe
• pointer Media Query
• Симпатичный эффект вдавливания для CSS-кнопок
• Повышаем производительность сайта с помощью Hardware-Accelerated CSS
• CSS Regions Auto-size
• Разница между CSS2.1 и CSS3+
• Адаптивные изображения: то, что по нашему мнению, нам сейчас нужно

javascripts

• jQRangeSlider — адаптивный range slider на jQuery
• Паттерны javascript — видео с Web Standards Days в Москве
• DataMaps — интерактивные карты для визуализации данных
• Are your mixins ECMAScript 5 compatible?
• Vegas Background jQuery Plugin
• Collie — производительная библиотека для создания анимации

Браузеры

• Браузер Maxthon уходит в облака
• IE позволяет отслеживать координаты мыши (даже в другом окне)
• Ждем Australis tabs в будущих версиях FF
• Google внедрит в Chrome главную страницу поискового сервиса в качестве страницы по умолчанию
• Что нового в Internet Explorer 10 для Windows Phone

Новости

• Google Zeitgeist 2012
• 2012-й год по версии Twitter
• 2012-й год по версии Facebook
• Ежегодная статистика от «Яндекса»
• 2012й год для Mozilla
• Last.fm сообщает о прекращении сервиса радио для большинства стран
• Новая платформа поиска Яндекса с персональными результатами: «Калининград»
• Встречайте WordPress 3.5 «Elvin»
• Google официально запускает YouTube в Украине
• Рейтинг мобильных ОС: Android наступает
• Службы Android Google Now появятся и в Chrome
• Angry Birds Star Wars добралась и до платформы Windows Phone
• Число пользователей Facebook через Windows Phone возросло в 4 раза
• Google, Facebook, Red Hat и другие IT-компании объединяют усилия в борьбе против патентов на ПО
• Всё ради знаний: Google запускает «Сеть знаний»
• Twitter запустил конкурента Instagram

Сервисы

• css3generator — обновленный онлайн-генератор CSS3-свойств
• fakeimg.pl — генератор плейсхолдер-изображений
• cssload.net — генератор настраиваемых CSS3-прелоадеров

Демо

• Google на перфокартах
• Рождественская история на CSS
• Google Droid-gangnam на чистом CSS

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

• getgoingtoday.org — полноэкранный сайт с интересными элементами навигации
• tapmates.com — портфоолио с интересной 3D трансформацией
• builtbybuffalo — элементы в виде сот

Дизайн

• Подборка веб-дизайнов и ресурсов в стиле стимпанк
• Обмен лицами с помощью фотошопа
• Adobe анонсировала новые фичи Creative Cloud
• Четыре десятка превосходных иконок для мобильных приложений под iOS
• Наиболее удачные примеры использования фотореалистичности в дизайне приложений под iPad
• Сайты, использующие полноэкранные фото в качестве фона
• Забавные страницы с 404-й ошибкой
• Лучший подарок дизайнеру ;)
• Нетипичные праздничные ёлки
• Рождественские иконки социальных сетей в формате PNG

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

• Лучшие шрифты 2012-го от Villa Didot до Barkentina
• Целая сотня крутых шрифтов 2012-го, от Venera до Barkentina от Teléfono
• Десятка популярных рукописных шрифтов
• Векторные элементы рождественских открыток
• Немного векторных снежинок
• Пакетик с текстурами дерева
• Шесть десятков наборов Web UI и Mobile UI c PSD
• Сборник огромного количества кистей для Photoshop, посвященных Рождеству
• Рождественский набор для дизайнера: кисти, текстуры, паттерны и векторные изображения

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

• Инфографика: История HTML5
• Эксклюзивные видео и интервью с первой конференции The Smashing Conference
• Сколько заработал PSY на своем Gangnam Style
• Пользование сервисом Apple Maps в Австралии сопряжено с риском для жизни
• Британские ученые собираются заменить пиксельную графику на векторную, в ближайшие пять лет, с помощью VPI (vectorized photographic images)

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

[Пастор]

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.(15 — 21 декабря 2012)

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

Santa Tracker

Поисковик Google запустил сервис, который позволит следить за перемещениями саней Санта-Клауса в католический сочельник 24 декабря. Если же вас перемещение деда не интересует, то можете обратить внимание на техническую реализацию проекта — CSS-анимации, параллакс-эффекты, мини-игры на JS, использование API для карт и многое другое.

Консорциум W3C завершил формирование спецификаций HTML5 и представил черновик HTML 5.1

Консорциум W3C объявил о завершении процесса подготовки спецификаций HTML5 и Canvas 2D, которые признаны полностью сформированными, завершёнными и целостными. Параллельно был представлен первый черновик HTML 5.1 и HTML Canvas 2D Context, Level 2, а также спецификация для нового элемента «main»

Россыпь новостей от Яндекса:

Яндекс и Сбербанк России будут совместно развивать онлайн-платежи на базе Яндекс.Денег, Яндекс.Диск придумал сервис для для мобильного переезда, а также обновилось приложение «Навигатор» для Android и iOS, добавив поддержку предварительного кэширования карт городов

Облегчаем разработку мобильного веба под смартфоны

Предлагаем вашему вниманию большую подборку плагинов на jQuery, которые поддерживают тач-ивенты. В связи с резким ростом смартфонов, планшетов и мобильного траффика, такие штуки становятся все более актуальными

Производительность веб-страниц

Иногда стоит приостановить активную разработку очередной клевой фичи для сайта и оглянуться на то, как с точки быстродействия работают уже готовые. В частности, посчитать производительность скроллинга, а также задуматься о методе выбора метода анимации, прочитав свежие статьи Пола Айриша и Криса Койера

Flash vs HTML5

Прелагаем вам отличную статью на тему «Flash и HTML5 для клиентов, разработчиков и пользователей. Откручиваем гайки ». Кратко о текущем состоянии дел на сегодняшний день и развенчание некоторых мифов

Своя игра с javascript и Canvas

Отличная статья из песочницы Хабра, где продемонстрировано, как с помощью новых технологий HTML5 можно написать свое интерактивное приложение

Разработка

• Последние видео с Web Standards Days в Москве:
  
  • Круглый стол с экспертами W3C, Яндекса и Opera Software
  • Адаптивный веб-дизайн — Что? Где? Когда?
  • Getting touchy
  • Технолог — тоже дизайнер
  • Grunt. Система сборки для фронтенд-разработчиков
  
  
• Обновленные серверные конфиги от html5boilerplate
• Своя игра с javascript и Canvas
• Производительность скроллинга
• Грядущие изменения в bootstrap 3.0
• Инструменты для разработки под Firefox
• Microsoft написала Pointer Events для Webkit
• Vexing Viewportst (Досадные вьюпорты) — занимательная статья от PPK и компании, о пиксельных проблемах с мобильными устройствами и в частности с iPad mini
• Discover WordPress Conditional Tags
• Conditional loading of resources with mediaqueries
• Merry Scrolling with skrollr.js
• SVG: основы векторной графики в HTML
• Мобильные браузеры и position:fixed
• Tips on Sublime Text 2 – your favorite code editor
• thefirefoxos.com — портал посвященный OS Firefox
• Оптимизация полета снежинок отрисованных в canvas
• Самый быстрый способ скопировать шестнадцатиричное значение цвета из Photoshop
• Прочесть перед началом нового огромного веб-проекта

CSS

• Нативное распознавание возможностей CSS-фич при помощи правила @supports
• Пришло время проапдейтить ваши таблицы стилей
• CSS Baseline: The Good, The Bad And The Ugly
• Почему анимация с помощью translate() лучше, чем pos:abs top/left (paulirish)
• И еще раз: история о производительности анимаций (chriscoyier)
• Использование минимальной и максимальной ширины и высоты в CSS
• CSS calc
• CSS Click Events
• Как надо делать стрелки на примере сайта Adobe
• Как выравнивать фон относительно многострочного текста
• Правильная терминология для селекторов CSS классов
• Марширующие муравьи на тексте, с помощью canvas

javascripts

• Видео докладов с прошедшей на прошлой неделе конференции KharkivJS: часть 1, часть 2
• jQuery 1.9 Beta 1 Released
• java script: Рисуем с помощью кривых Безье
• App Folders — эффект для нажатия иконок в стиле iOS
• toggles — симпатичные переключатели на jQuery
• stratus — библиотека на jQuery для работы с SoundCloud
• shapeshift — библиотека для создания динамических гридов
• jQuery Spellchecker
• Mini Help System with jQuery
• 43 jQuery-плагина для работы с тач-ивентами
• Creating a Mobile Touch Slide Panel with JQuery

Браузеры

• Яндекс.Браузер обогнал ИнтернетMail.ru и продолжает расти
• Mozilla собирается прекратить поддержку 32-разрядных сборок Firefox для Linux
• H.264, MP3 и AAC в Firefox Nightly для Windows
• Browsers: BlackBerry 10 vs. Windows Phone 8 (HTC 8X) vs. iPhone 5
• Safari мог бы называться Freedom

Новости

• Консорциум W3C завершил формирование спецификаций HTML5 и представил черновик HTML 5.1
• Futubra всё
• Яндекс.Диск для мобильного переезда
• Вместо конца света. Приложения победили браузер
• Google+: 24 подарка к Новому году
• Your Twitter archive
• Что вы смотрели на YouTube в уходящем 2012 году?
• Герман Греф подтвердил покупку «Яндекс.Денег» Сбербанком
• Яндекс.Навигатор с оффлайн-картами
• В 2012 году Nokia перестала быть самым крупным производителем мобильников
• Wired включил Евгения Касперского в список самых опасных людей мира
• Список главных технологических конференций 2013 года по версии TechCrunch
• Эрик Шмидт: «Android победил Apple»

Сервисы

• spritemachine — еще один онлайн-генератор спрайтов
• divshot — The Interface Builder for Web Apps
• Scratchpad — он-лайн редактор HTML/CSS кода
• framote — помощник для разработчиков мобильных сайтов и не только! (Редактируемый ShortLink)
• moonbase — анимационный генератор

Демо

• Simple Sexy Loader
• JS Wolf 3D
• Что d3.js может сделать с картой штатов

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

• alln1hob.com — простой, но элегантный сайт
• energytrust.org/timeline/ иллюстрированный сайт с горизонтальной прокруткой-перетаскиванием
• what-if.es одностраничный сайт с приятными fade-эффектами
• cinema-series.orange.fr/evenement/magiccity/ эффектный кинематографический сайт с множеством эффектов и легким параллаксом

Дизайн

• Новое для веб-дизайнера за первую половину декабря
• Обзор популярных дизайнерских трендов в 2012-ом
• Интерактивный гид по типографике блогов
• mockupstogo — набор компонентов UI для balsamiq
• Команда Behance присоединяется к Adobe
• Типографические приемы которые должен знать каждый дизайнер
• Документальный фильм «Connecting» — будущее интерактивного дизайна и опыта пользователей
• Adobe добавила поддержку Retina-дисплеев в Photoshop CS6
• Создание в фотошопе эффекта динамической инверсии цвета
• История развития заставок графических программ: Adobe Illustrator, InDesign, Photoshop
• Использование размытого фона в веб-дизайне
• Как можно оформлять QR-коды для праздников
• Четыре десятка рождественских обоев

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

• Шаблон для создания иконок под iOS
• Коллекция 2012 UI Kits
• Шаблон рассылочного письма в формате PSD
• PSD исходники изображений мобильных устройств — Android, iPad, iPhone
• PSD туристического сайта
• Набор текстур бетона
• Десять упаковок с рождественскими иконками и обоями
• Упаковка рождественских иконок в PNG формате 256x256 от Smashing Magazine
• Упаковка круглых социальных иконок
• Кулинарные иконки
• Более полсотни упаковок с рождественскими иконками
• iconify.it — коллекция монохромных иконок
• Упаковка с диснеевскими персонажами
• Векторные винтажные и флористические орнаменты и кисти
• Десяток шаблонов InDesign для брошюр и журналов
• Десяток свежих шрифтов, от YDXS до Albatross
• Handy Icons — иконочный веб-шрифт с нарисованными от руки иконками
• Christmas Numerals — рождественский шрифт

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

• Как YouTube влияет на скорость распространения новостей
• Flash и HTML5 для клиентов, разработчиков и пользователей. Откручиваем гайки
• Кто выживет после “Калининграда”? Последствия персонализации для основных игроков рынка.
• 100 секунд про PayPal
• Ксенія Симонова присвятила нову пісочну історію запуску YouTube в Україні.
• GPS и карты: смещённые координаты в Китае
• NASA Johnson Style — как нужно популяризировать науку
• Readability vs. Instapaper vs. Pocket. Сравнительный обзор сервисов отложенного чтения
• Большой взрыв — новый проект от lenta.ru на тему истории видео-игр
• «ВКонтакте» отказывается играть песни Сергея Лазарева из-за низкой культурной ценности
• Двухгигапиксельная фотография Эвереста
• РОСАРМАГЕДДОНБАНК
• Жителям Лондона предложат сообщать о пожарах в Twitter
• Google запустила собственный сервис слежения за Санта-Клаусом
• Microsoft нашла удачный способ объяснить простоту Windows 8

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