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

[Пастор]

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

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

Релиз jQuery 2.0

Cегодня была анонсирована новая версия самой популярной в мире javascript-библиотеки jQuery 2.0. Помимо отказа от поддержки IE ниже 9-й версии, есть еще один важный момент: библиотека теперь состоит из ряда модулей, 12 из которых являются независимыми и среди которых, например, есть Sizzle — полномасштабный скриптовый движок селекторов

Google Glass

Итак, самый ожидаемый гаджет от Google пошел в массы. Давайте знакомиться с поступающей информацией: Google Glass unboxed + мануал к нему, Технические спецификации Google Glass, Первые видеозаписи, День с Google Glass: первые впечатления, еще впечатления, а также первые вопросы и первые проблемы. Не забыты и разработчики — использование HTML шалблонов Glass и Разработка для Google Glass: Mirror API, HTML5

Dive Into Mobile

В Нью-Йорке состоялась конференция Dive Into Mobile, организованная изданиями Wall Street Journal и AllthingsDigital. Среди звезд IT, посетивших конференцию, были главы Google, Mozilla, Waze, WhatsApp и других компаний. Короткие отчеты по дням можно почитать здесь и здесь, интервью с CEO Mozilla Гэри Коваксом здесь. Видео интервью с Эриком Шмидтом. Любители подкастов также могут послушать короткую сводку по этому адресу

Twitter Music

Еще на прошлой неделе Twitter анонсировали некий собственный музыкальный сервис, а на этой он стал общедоступным. Разработчики обещают, что этот сервис изменит то, как люди ищут музыку.

Производительность фронтенда

Продолжаем бороться за быстродействие клиентской части проекта. В этом помогут две полезные статьи: Быстродействие фронтенда для дизайнеров и разработчиков от Гарри Робертса и Предотвращение падения производительности из-за кастомных шрифтов от Криса Койера

TowTruck — новый сервис от Mozilla Labs

Благодаря усилиям ребят из Mozilla, появился новый сервис разработанный на HTML5/javascript и технологиях WebRTC и WebSocket. Сервис позволяет осуществлять совместный просмотр и разработку сайтов в реальном времени. Принцип работы немного напоминает Google Docs, но в дополнение добавлен текстовый чат и анонсировано добавление видео и аудио чата.

Занимательная статистика

Два гиганта рунета — Яндекс и Mail.ru — предоставили общественности результаты своих свежих исследований. Первые подробно изучили интересы и поисковое поведение своих пользователей, а по данным вторых Игровая индустрия обогнала кинопрокат в России и СНГ

Разработка

• Использование SVG
• Видео докладов с Я.Субботника по фронтенду в Риге
• Быстродействие фронтенда для дизайнеров и разработчиков
• TowTruck – новый сервис от Mozilla Labs для одновременного редактирования сайтов
• Как я Quake в браузере делал
• Инструменты для веб-разработчиков, которые помогут сэкономить время
• Sublime Text 2 — краткий обзор, примеры и плагины, а также Настройка Sublime Text 2
• Тестирование приложений на Canvas: рецепты на примере тестирования API Яндекс.Карт
• Bootstrap-wysiwyg: крошечный текстовый редактор
• Шаблоны и примеры для адаптивной навигации , а также варианты реализации выезжающих меню Slide и Push
• Responsive Patterns — коллекция паттернов и модулей для адаптивных веб-дизайнов
• Как написать Photoshop Extension с помощью HTML, CSS и JS.
• Предотвращение падения производительности из-за кастомных шрифтов
• Новые API: Веб-платежи с помощью PaySwarm и обновления в WebRTC
• Разработка для Google Glass: Mirror API, HTML5
• Спрайтовая анимация
• 5 причин начать использовать jQuery mobile
• Google I/O 2013 Experiment
• Присматриваемся к WordPress 3.6, которую готовятся выпустить в начале мая
• Никогда не говори слово «WordPress» во время продажи проекта
• The-M-Project — мобильный HTML5 javascript Framework, позволяющий быстро и просто создавать мобильные приложения
• Тэг hgroup таки удален из HTML 5.1
• Совмещение SVG и иконочных шрифтов
• Hack Your Maps — о вставке карт
• Введение в типы систем программирования
• Анимация flexbox-а
• Слайдшоу на фоне страницы
• Адаптивная сетка на всю ширину окна браузера

CSS

• CSS-фреймворки для адаптивного дизайна
• Как работает автоматическое позиционирование в CSS?
• Повторяющийся зубчатый фон на CSS
• Автопрефиксер — окончательное решение проблемы префиксов в CSS
• Список псевдо-элементов для стилизации контролов форм
• CSS Архитектура: принципы чистого кода и новые практики
• Непрерывная CSS3 анимация
• Как превратить вашу иконку в веб-шрифт
• «CSS — 'это просто»
• shame.css — просто шутка, или действительно хорошая идея?
• Hover умер, да здравствует hover!
• CSS Paint Times and Page Render Weight
• Эксперименты со Швейцарским Стилем в CSS
• CSS FilterLab: визуальная песочница для фильтров
• SVG фильтры (webplatform.org)
• Создание современного шаблона email
• Метеорологические SVG иконки, анимированные с помощью CSS3
• Тестирование RWD
• Кнопки, разворачивающиеся вокруг своей оси по горизонтали

javascripts

• Выпуск свободной javascript-библиотеки jQuery 2.0, также официальный анонс в блоге
• Пишем свое контекстное меню на jQuery
• Еще раз о создании jQuery плагина или применяем на практике
• Веб-чат от Mozilla на javascript
• YaUI — буддийская кросплатформенная нативная javascript библиотека UI
• Все для обработки javascript error в проекте
• FlexNav — jQuery Plugin для адаптивных многоуровневых меню
• Responsive Multi-Level Menu
• Greensock — js-фреймворк для создания анимации в вебе
• shapeshift — библиотека для организации независимых блоков с поддержкой адаптивности дизайна
• jAutochecklist — jQuery plugin для создания юзер-френдли HTML списков
• TimeJump — переход по хеш-тэгам в HTML5 audio и video
• Log — скрипт позволяющий раскрашивать и стилизовать сообщения в консоли
• Генерация случайных чисел
• RETINISE.JS — для поддержки версий изображений для Retina дисплеев

Браузеры

• Конкурс на тему IE «Microsoft IE Win Back»
• Защита от вредоносных сайтов при помощи Яндекс.DNS и Google Chrome
• Rockmelt закрывает социальный браузер и готовит к запуску новый сервис
• IE 10, Windows 8 и Metro UI
• Adobe присоединился к разработке Blink
• В новом оформлении Firefox планируют ограничить возможности по настройке интерфейса
• Как с помощью Google Chrome научиться “слепому” набору текста
• Сейсмические изменения браузерного ландшафта и где мы находимся сейчас

Новости

• Twitter Music
• Телефоны на Firefox OS появятся в продаже на следующей неделе
• Google Glass:
  
  • Google Glass unboxed + мануал к нему
  • Технические спецификации Google Glass
  • Первые видеозаписи, сделанные с помощью Google Glass
  • День с Google Glass: первые впечатления
  • Первые впечатления, первые вопросы, первые проблемы
  • Google запрещает продавать/одалживать свои Google Glass
  • Using Glass HTML templates
  
  
• Dive Into Mobile:
  
  • В Нью-Йорке состоялась конференция Dive Into Mobile
  • день первый, день второй
  • CEO Mozilla Гэри Ковакс: Границы между приложением и веб-страницей больше нет
  • Видео интервью с Эриком Шмидтом
  • Ведущие сотрудники IT-индустрии рассказали о своих детищах
  
  
• YouTube представил функцию «видеомагнитофона»для просмотра видео, в честь 57-летия «видиков»
• Статистика: какие Android-планшеты самые популярные в мире?
• Facebook тестирует кириллический логотип
• Netflix планирует уйти от использования Microsoft Silverlight в пользу HTML5
• Microsoft тоже возьмется за разработку умных часов?
• Сооснователи продали 48% акций «ВКонтакте», не сказав Дурову
• Аmazon откроет магазин Android-приложений в 200 странах мира
• В мире 750 миллионов Андроидов; каждый день активируется 1,5 миллиона
• Моноблоки-трансформеры наступают: ASUS Transformer AiO выходит в продажу, моноблок Dell XPS 18 доступен для предзаказа
• IHS: нетбуки полностью исчезнут до 2015 года
• Leap Motion и HP выпустят ПК с поддержкой бесконтактного управления жестами

Сервисы

• 10 онлайн инструментов для создания своего портфолио
• Отличный сервис для тестирования и отладки адаптивного дизайна
• FlexyBoxes — песочница и онлайн-генератор
• forecast.io — прогноз погоды нового поколения
• coffitivity — смешивает музыку со звуками кафе, создавая своеобразную атмосферу
• moot.it — платформа для создания форумов
• pltts.me — быстрый поиск нужной цветовой палитры
• kippt.com — онлайн библиотека, позволяющего создавать свои коллекции материалов
• todocat.com — самый правильный список дел

Демо

• CSS Factory
• Фигурки животных на CSS
• 30 игр на html5
• Северное сияние в 360 градусах

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

• 7billionworld.com — 7 млрд людей на одной странице
• intothearctic.gp — крутой сайт от Гринпис об Арктике
• weareeli.dk — нестандартный подход к навигации на сайте
• pillandpillow.com — креативный подход к созданию портфолио
• thebuildfilm.com — интерактивный сайт-фильм
• co3.lemouv.fr — еще один сайт, который сломает ваши стереотипы
• moto.oakley.com — сайт-презентация с обилием параллакса и анимаций
• toyota.com/onlythename — автомобильный сайт-слайдер с видео на всю страницу
• theartofraw.g-star.com — одностраничный полноэкранный сайт с удобной навигацией
• onnit.com/lucid-dreaming — анимация + скролл-эффекты
• liton.ru/ru — одностраничный сайт с различными эффектами
• finch15.com — динамически изменяющийся логотип
• firstmenonthemoon.com — погружение в операцию по прилунению первого человека на Луну

Дизайн

• Обзор свежих материалов, январь-март 2013 из блога mail.ru
• Дизайн, ориентированный на улучшение читабельности
• Космические сюжеты в веб-дизайне
• Примеры использования иллюстраций в веб-дизайне
• Новое лого GitHub
• Редизайн USAToday
• Лучшие примеры использования окружностей в веб-дизайне
• Векторные материалы в ретро-стиле
• Good User Interface — правила юзабилити хороших интерфейсов
• Понимание Smart Object-ов при решении задачи копирования
• Использование Photoshop и Illustrator для создания струнного типографического эффекта
• Креативные фото, отретушированные студией Filtre
• Креативные концепты UI приложений для iOS
• Несколько лучших уроков по Photoshop за март и за этот месяц
• Дизайны: форм подписки на веб-сайтах, поисковых форм, сайтов с иллюстрациями
• Примеры логотипов: «плоских» лого, спортивных, сыра
• Примеры впечатляющих лого использующих 3D эффект
• Несколько плагинов к фотошопу для фотографов
• Быстрое тестирование дизайна иконок для iOS

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

• Вектор: баннеры, рамочки преимущественно с флористическим оформлением
• пакет Wired 1.0 для приложения Sketch
• Текстуры: черно-белые
• Иконки: Simplicity — набор векторных иконок, Flat Icon Set в PSD
• Две тысячи паттернов для фотошопа
• Шаблоны iPad и iPhone 5 для вайрфреймов
• PSD с дизайном пуш-уведомлений
• Шаблоны PSD различных UI компонентов, текстовых эффектов и печатного издания
• Шрифты: Press Style, Dottie Daze, Futura FH Custom, Langdon, defeated

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

• Игровая индустрия обогнала кинопрокат в России и СНГ
• Пользователи Яндекса: интересы и поисковое поведение
• Немного пятничной статистики от Magic, Inc. на основе данных таргета «ВКонтакте»
• Фототест актуальных смартфонов 2013
• Searchengines.ru — Блистательная история триумфа
• Top-25: ИТ-компании с рекордными зарплатами программистов
• Adobe Photoshop Lightroom 5 Beta: что нового?, Фантастические возможности в свежей публичной бета-версии
• Исполнителей теракта в Бостоне нашли с помощью краудсорсинга
• Руководство по найму программиста
• Facebook Home: пользователи уже критикуют, а также Почему вам не стоит ставить его на свой Android-смартфон
• Интернет-реклама в эпоху Больших данных
• Как купить самые дешевые авиабилеты? Режим инкогнито + другие советы
• Прикосновение через Интернет. Виртуальный секс по версии Durex
• 42 километра твитов, Google запустил сервис поиска информации о пострадавших для жителей Бостона
• Google изменит механизм работы выдачи под давлением ЕС
• Исследования Google Art и два года работы
• Новые способы вывода информации: Разработка Fujitsu позволяет работать с листом бумаги, как с сенсорным экраном (видео) и Cенсорный экран, который можно растягивать и проминать
• Эрик Шмидт выразил обеспокоенность летающими дронами, пример подобного дрона от Festo
• Kickstarter: кто-то собирает на 3D-мультсериал, кто-то — на носки, а кто-то уже успел в нем разочароваться
• Комедия iSteve о Стиве Джобсе доступна бесплатно для просмотра

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

--------------------

В Интернете тебя встречают по аватару, а провожают по умению обособлять запятыми деепричастные обороты.

Мои друзья - аморальные ублюдки! Но я люблю их не за это...

Не пускайте детей в интернет. Интернет от детей тупеет ©

Ничто не предвещало беды - кот спал в кресле, мухи совокуплялись на отвесных поверхностях, я ел борщ...©

Если вас положили в воду и начали размешивать, знайте – вас разводят! ©

бНОПНЯ вЭлкам for great justice frequently asked questions

От нефиг делать, на досуге, слова рифмую я друг с другом. Вчера, в подъезде, слово бал - я феерично станцевал © Пастор

*”``”*°•. ۞☯Церковная лавка☯۞.•°*”`”*°•.

Такие парни, как я, на футбол без бензопилы и канистры бензина не ходят - не интересно.©

Сколько бы обо мне не говорили плохого, мне всегда есть, что добавить.©

--------------------
Подарки: (Всего подарков: 17 )

Подарил(а): львица

Подарил(а): Мэри

Подарил(а): Мэри

[Пастор]

(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

[Rone4ka]

гугл на перфокартах интересно))

[Пастор]

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.(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

[Пастор]

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

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

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