Дайджест интересных новостей и материалов из мира айти за последнюю неделю (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

[Пастор]

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

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

The Christmas Experiments

Встречайте рождественские веб-эксперименты, оформленные в виде интерактивного календаря. Особенно эксперименты порадуют тех, для кого HTML5. WebGl, canvas и CSS3-анимация — не пустые звуки. Для затравки — один из них

Немного итогов по мобильным приложеням

Google опубликовал лучшие Android-приложения и лучшие Android-игры 2012 года. В Apple также назвали лучше приложения для iPhone и iPad в 2012-м. Кроме того, предлагаем вам ознакомиться с 10 самыми красивыми приложениями 2012 года для iOS

Статические фреймворки

Последнее время наблюдается повышенный интерес к фреймворкам, основанным на связке html/css/js. Бутстрапом уже никого не удивишь, поэтому знакомьтесь: Centurion — адаптивный фреймворк для быстрого прототипирования веб-проектов, GruntStart — стартовый набор, использующий H5BP, jQuery, Modernizr и Respond, HTML5 Bones — базовый шаблон для начала html5-верстки, reuze.me — еще один небольшой фреймворк для структурирования HTML и CSS

Две отличные статьи от Криса Койера

За последнюю неделю один из самых известных фронтенд-разработчиков и автор популярного сайта css-tricks порадовал отличными статьями на тему: «Как бороться с вендорными префиксами» и «5 юзкейсов по использованию иконочных шрифтов»

Мемы 2012

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

Теплая, ламповая новогодняя игра на HTML5

То, чем занимаются гики в преддверие Нового Года. Если вас тоже заинтересовала эта статья, то вы находитесь на правильном ресурсе :)

Еще раз про тренды 2013

Хороший перевод статьи главного редактора популярного ресурса Mashable Ланса Уланоффа (Lance Ulanoff), в которой он пытается предсказывать тренды 2013 года. Как дополнение, можно заодно ознакомиться с еще одним переводом на похожу тематику — Из чего будет состоять SEO в 2013 году

Разработка

• 7 советов для более эффективной работы с Emmet
• Centurion — адаптивный фреймворк для быстрого прототипирования веб-проектов
• GruntStart — и еще один фреймворк для старта сайта, использующий H5BP, jQuery, Modernizr и Respond.
• HTML5 Bones — базовый шаблон для начала html5-верстки
• reuze.me — еще один небольшой фреймворк для упорядочивания HTML и CSS
• Поддержка File Upload на мобильных
• SVG: текст в векторной графике
• SVG: используем CSS для опредления внешнего вида
• Последний Я.Субботник 2012 года, или Здравствуй, Питер!
• WebStorm/PhpStorm настраиваем и используем Live Edit
• Советы по юнит-тестированию фронтенда
• Тестирование верстки. Чеклист.
• Используем новые типы текстовых полей HTML5
• Parallaxin' — какими технологиями лучше реализовывать максимально плавный параллакс
• Введение в разработку WinRT-приложений на HTML/javascript. Стилизация приложения
• Создание приложения Windows Store на HTML/javascript/CSS для Windows 8
• Расшаривание экрана (Screensharing) с помощью WEBRTC

CSS

• Элементы CSS, которые не занимают места
• Как бороться с вендорными префиксами
• 5 юзкейсов по использованию иконочных шрифтов
• Погружение в модель Flexbox
• Будущее адаптивного дизайна с Flexbox
• Интересный концепт для тегов
• Экспорт стилей слоев в CSS в Photoshop CS6.1
• Кроссбраузерное маскирование с помощью CSS — как можно использовать маскирование в современных браузерах
• Рисуем стилями карты и формируем из них веер
• Немного футуризма: CSS3 Grid, на текущий момент поддерживается только IE10
• Animate.less — less-версия анимационных эффектов совместимых с Twitter Bootstrap

javascripts

• Продвинутые таблицы с помощью Ember.js
• Photobox v1.02 — CSS3 image gallery jQuery plugin
• Онлайн-книга «javascript Basics», основанная на “jQuery Fundamentals” by Rebecca Murphey
• Теплая, ламповая новогодняя игра на HTML5
• Солнечная система на LibCanvas
• Пользовательская адаптивная прокрутка на jQuery
• maskew — библиотека для задания skew искажений формы элементов
• Создание jQuery плагина для массовой загрузки файлов на сервер

Браузеры

• PenguinMark — измеряем браузер пингвинами
• Mozilla отказалась от идеи полностью прекратить разработку 64-битной версии Firefox

Новости

• В Киеве запустился сервис печати фотографий с Instagram
• Фотохостинг Flickr подарит пользователям платные аккаунты
• Google опубликовал лучшие Android-приложения 2012 года
• Также, лучшие Android-игры 2012 года по версии Google
• В Apple также назвали лучше приложения для iPhone и iPad в 2012-м
• 10 самых красивых приложений 2012 года для iOS
• В Windows Blue обновятся интерфейс и ядро
• Поисковик Lycos планирует возвращение в 2013 году
• Microsoft сворачивает разработку Expression suite: инструменты для веба и дизайна, и будет интегрировать часть продуктов в Visual Studio

Сервисы

• We Love Icon Fonts — бесплатный хостинг иконочных веб-шрифтов
• cssarrowplease — генератор блоков со стрелочками на CSS
• pixelplant — конвертация Flash в HTML5

Демо

• christmasexperiments — рождественские эксперименты с возможностями вашего браузера
• Один из экспериментов из предыдущего сервиса (webkit only)
• Путешествие в зимнем 3D лесу

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

• www.chevalblanc.com — полноэкранный сайт-слайдер с параллаксом и масками
• etchapps.com — симпатичный сайт с интересными решениями в навигации
• zippergaleria.com.br/pt/ — полноэкранный сайт-галерея
• com.agentur360.de — промо-сайт с эффектной навигацией по полотну-странице
• sonicomed.com — туристический сайт с непривычными геометрическими формами
• carbonstudio.co.uk — сайт с нестандартной drag'n'drop навигацией на главной странице, активным использованием SVG и CSS3

Дизайн

• Студию Лебедева снова линчуют за вторичность
• «Не говорите мне, куда мне идти», — ваш пользователь
• Использование оптических иллюзий в логотипах и веб-дизайне
• Два десятка лого нарисованных с использованием фигурных скобок
• Три десятка примеров с веб-дизайном с типографикой в винтажном стиле
• Пять простых советов дизайнерам
• Самые популярные статьи блога Just Creative за 2012
• Лучшая анимация 2012 в UI мобильных приложений по мнению beautifulpixels
• Редизайн мобильного приложения WhatsApp
• Два десятка креативных сайтов, посвященных различным событиями
• Коллекция из полсотни симпатичных лого
• Клевые рождественские обои
• Интересные примеры дизайнов брошюр
• Красочная инфографика показывающая процесс создания логотипа
• Как работать со slice-ами в Photoshop

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

• Expression Design от Microsoft теперь бесплатная, однако это последняя версия программы
• Немного текстур растрескавшегося тротуара
• PSD со знаками зодиака
• Три десятка PSD с компонентом нумерованной постраничной навигации
• Почти две дюжины наборов иконок
• gemicon — более шести сотен монохромных иконок, в том числе и в PSD-формате, в размерах 16, 32, 64
• Myra Caps — шрифт с декоративным скруглением в правом верхнем углу с поддежкой кириллицы
• Underneath — стильный декоративный гранж шрифт
• Дюжина свежих шрифтов от Julio A Rivera

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

• Мемы 2012
• Apple 2012: релизы, кадровые перестановки, патентные войны и другие свершения
• ТОП-5 лучших рекламных видео на YouTube за 2012 год
• Еще раз про тренды 2013 (взгляд главного редактора Mashable)
• Из чего будет состоять SEO в 2013 году
• Зимнее поздравление от разработчиков Android
• Две статьи для размышления: «Windows 8 — отличный подарок тому, кого вы ненавидите» и «Windows 8 – главное разочарование года»
• Ранние прототипы гаджетов Apple, взрывающие мозг и воображение
• Четвероногий робот военного назначения AlphaDog растет и развивается
• Как интернет-компании обыграли тему конца света
• Если бы Apple продавала бы воду

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