Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 78 (6 — 12 октября 2013)

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

• Создание 3D эффекта на примере простых объектов
• Подробно о редизайне сайта в RWD и его оптимизации
• Итак, имеем ли мы на данный момент кросс-браузерный формат аудио? (спойлер: нет)
• httpflies — симпатичный сборник кодов HTTP статуса
• practice.io — практические задачи по JavaScript/HTML/CSS
• Делаем HTML5 Text Editor с помощью FileSystem API
• Используем SVG как альтернативуa Imagemaps, а также Создание адаптивной карты с помощью SVG
• Пять новых технологий от Mozilla, о которых вы возможно никогда не слышали
• 12 ошибок, о которых часто забывают в HTML5
• W3C это ресторан — о проблемах, которые сопутствуют деятельности и бездеятельности консорциума
• Подкрепляем стероидами процесс HTML-разработки (Yeoman)
• Создание веб-приложения с помощью Yeoman и Polymer
• Веб-приложение, закрепленное на базовом экране Android-а, благодаря Chrome 31+
• Emmet: Encode/Decode Image to data:URL
• Облегчаем ваш адаптивный веб-дизайн с помощью RESS
• Firefox Developer Tools и Firebug
• О создании игры с дополненной реальностью при помощи WebRTC, JSARToolkit, ThreeJS и Box2D.js
• fullscreenmario — ремейк Марио на HTML5
• Анимируем URL для индикации изменений
• Video: Gone In 60fps – с пояснениями от Addy Osmani

CSS

• Сброс стилей в CSS
• Сброс стилей с помощью ‘all: unset’ в Firefox 27
• Доклад Ana-Maria Tudor с последнего CSSconf.eu: Maths-powered transforms for creating 3D shapes
• Конические градиенты на CSS
• Автоматическая нумерация с помощью CSS Counter
• CSS luminance masking now available in Chrome Canary and Webkit Nightly
• Анимированные Media Queries
• Начинаем разбираться с Sass
• Музей с техниками CSS Image Replacement
• Flexbox вовсе не медленный
• Трансформирующиеся после клика иконки
• Коллекция календарей от Chris Coyier
• Анимация поля для текста, расширяемого при фокусе
• Печатающийся текст о тосте, летящем в космосе
• Знакомимся с принципами работы CSS shapes и exclusions
• csste.st — коллекция инструментов для тестирования CSS

JavaScripts

• Почему JavaScript обречён? (на самом деле нет)
• Дизайн кода: организация JavaScript
• Создание системы частиц в 200 строчек JavaScript
• Оформление карт Google под себя
• Оптимизация JavaScript и jQuery из-под HTML и CSS при разработке сайта из песочницы
• Разбираемся с цветовым сравнением на JS
• Thinking Inside The Box With Vanilla JavaScript
• Пишите код для людей, или почему писать ~«a».indexOf(«b») плохо
• Marius Gundersen: сравнение двустороннего биндинга в AngularJS, EmberJS и KnockoutJS
• JavaScript console API
• Введение в ES6 часть 3: Destructuring
• CloudPaint – ремейк MacPaint на JS
• Отрицательный индекс в массивах
• Standard ECMA-404. JSON Data Interchange Format — спецификация синтаксиса JSON
• opentype.js — парсер TrueType и OpenType
• Понимание события DeviceOrientation при создании маленькой 3D игры с помощью babylon.js
• Node.js и front-end нового веба
• Node.js: улучшение производительности с помощью Socket.IO и doT
• NodeOS — дружественная к хакерам ось, написанная на Node.js
• Prerender — подготовка JavaScript-приложений для поисковых роботов
• BubbleChart — библиотека для двумерной визуализации данных
• Fixed-sticky — полифил position:sticky
• jQuer.Pin — для пришпиливания объектов
• juicebox — адаптивная HTML5 галерея с поддержкой тач устройств
• fullPage.js — библиотека для создания слайд-сайтов
• Scrolld.js — плагин на jQuery для создания скролл-лейаутов

Браузеры

• Браузер Mozilla Firefox получил долгожданную оптимизацию кода
• В Firefox добавили флэш-плеер Shumway, написанный на HTML5
• Выпуск web-браузера Chrome 30
• Яндекс.Браузеру исполнился год
• Internet Explorer 8 — самый популярный браузер в мире

Веб-инструменты

• StackEdit — редактор Markdown-разметки
• Частотный генератор фонового шума на HTML5
• Daturi — онлайн-генератор картинок в Base64 Code

Новости

• Альянс за доступный интернет во всем мире – новая инициатива IT компаний
• Google и NASA объединились для создания квантового компьютера
• Samsung выпустил первый в мире смартфон с изогнутым дисплеем, народное творчество на эту тему
• Веб-сервисы:
  • Яндекс.Маркет представил новую модель сотрудничества с интернет-магазинами, а также ее обзор
  • Google запускает возможность поиска эпизодов ТВ-программ, шоу и сериалов
  • Google будет использовать имя и фотографию пользователя для продвижения товаров и услуг среди его друзей
  • Google Hangouts обзаведется возможностью отправки SMS-сообщений
  • «ВКонтакте» запустит платформу для мобильных приложений
  • SkyDrive в Windows 8.1
  • Twitter обнародовал подробности заявки на IPO: компания хочет привлечь $1 млрд
  • Twitter превратится в телевизионный сервис
  • Facebook заключил партнерство с крупными мировыми телекомпаниями
  • Divan.tv выходит на рынки России, Европы и США

• В России продажи смартфонов с крупным экраном выросли на 736%
• Техподдержка Windows XP и Office 2003 прекратится через полгода
• За пять лет доля Microsoft на рынке персональных компьютеров снизилась до 30%
• В России появятся кибервойска
• Нобелевскую премию по физике дали за бозон Хиггса
• Yahoo отметила 16-летие почты очередным редизайном

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

• fontwalk.de — сайт с интересными решениями для скроллинг-анимации
• nedd.me — удачный симбиоз анимации и портфолио-элементов
• забавный элемент навигации «прокрутить вверх»
• diplomatic-cover.com — очередные удачные эксперименты с навигацией
• bulo.com — занимательная реализация стандартных для такого рода сайтов элементов
• bjoernmeier.com — еще один представититель современной генерации сайтов, с легкими вкраплениями параллакса и анимации

Дизайн

• Интерфейсный дайджест, сентябрь 2013
• Визуализация шрифтовых начертаний
• Twitter обновил домашнюю страницу
• Рисуем 3D-кнопку в Adobe Illustrator
• Мультяшные сайты для вашего вдохновения
• Интервью с дизайнером упаковки Ольгой Мосиной
• NoJPEG — почему нельзя использовать JPEG для логотипа (ссылка для клиентов и заказчиков)
• The ultimate guide to flat design
• 6 Mobile Checkout Usability Considerations
• Как плоский дизайн влияет на текст элементов интерфейса
• inabrush.com — типографика нарисованная от руки
• designerboard.co — агрегатор работ из dribbble, behance и др.
• Необычный трюк увеличивающий читабельность текста на 30%
• Примеры простых и ясных логотипов
• Как создать иллюстрацию, посвященную Дню Всех Святых с изображением ребенка в Photoshop-е
• Десять основных причин, по которым стоит использовать Lightroom
• Примеры сайтов некоммерческих организаций
• Классные иллюстрации из типографики
• Примеры логотипов авиационных компаний
• Взгляд на: WebP – новый формат изображений для Web
• Руководство по пиксельной подгонке
• Создание геометрических фонов в Illustrator-е
• Классные логотипы с плоским дизайном и длинными тенями (+ генераторы длинных теней)
• Дизайн под iOS 7: с чего начать
• Полезные наборы иконок и шаблоны PSD для создателей дизайна приложений под iOS7
• Лучшие уроки по Adobe Illustrator за сентябрь 2013
• Симметрия против асимметрии
• Чистые и лаконичные компоненты с обводкой в веб-дизайнах

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

• Подборка сайтов с бесплатными PSD-файлами
• Long Shadow Generator
• Breeezy — расширение фотошопа, позволяющее делать экспорт сразу нескольких слоев
• AC Mountain — декоративный заголовочный шрифт без засечек
• Исходники PSD с iPad-ом и телефоном iPhone 5s
• Три в одном: набор элементов UI, часть 1-я, в разных стилях (Flat/Bulky/Outlined)
• zerobundle — набор иконок, шрифтов и исходников
• Более сотни, серьезных и не очень, шрифтов 2013
• Recma — PSD-шаблон блога
• Упаковка с забавными векторными иллюстрациями
• Паттерны для Photoshop

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

• Разработчики комплекта для создания тараканов-киборгов показали, как заставить насекомых танцевать
• Аналитика: планшеты становятся устройством №1 для детей всех возрастов
• Владельцы планшетов не готовы отказаться от традиционного ПК
• Акционеры Tesla Motors потеряли $2,4 млрд из-за ролика на YouTube
• Видео дня: «волшебная» бумага, генерирующая электричество
• Avegant Virtual Retinal Display: видеоочки нового поколения
• Музей Mario
• Эти гадкие, гадкие языки!
• Видеодемонстрация работы Steam Controller
• Жареные цифры
• Карма «Хабра»: Приключения Дениса Крючкова в стране денег
• Единственный путь к спасению BlackBerry
• Основные виды переспама (переоптимизации) при продвижении сайта
• Do it HARD: Продолжаем выбирать материнскую плату

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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

Автор: alexzfort

Источник