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

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

• Google выпустил HTML5-редактор для веб-дизайна, плюс статья с сомнениями о его полезности
• Fontello — генератор иконочных шрифтов
• Производительность фронтэнда. Часть 1 — конкатенация, компрессия, кэширование (4-я из 12 статей о Node.js от Mozilla)
• Синхронизация рабочего пространства веб-разработчика
• Улучшаем Pinned-иконки для сайтов под IE11
• Оптимизация UI-иконок для более быстрого распознавания
• Performance Tooling by Paul Irish (#perfmatters at SFHTML5)
• Различные варианты для разделителей секций на высоких одностраничных сайтах
• Инфографика: анатомия идеальной страницы
• URL как UI Design Pattern
• Mozilla Brick (презентация)
• Использование getUserMedia API с HTML5 video и canvas
• Начинаем разбираться с Yeoman и generator-webapp , а так же Как c помощью Yeoman установить Twitter Bootstrap for CSS, Sass, Less или Stylus
• Как улучшить эргономику вашего приложения JavaScript/HTML5/CSS3 Windows 8.1 новой навигационной панелью
• Мощные подходы, инструменты и трюки для веб-разработчиков и веб-дизайнеров
• bookmarkify.it — Небольшой онлайн-инструмент для создания своих букмарклетов

CSS

• Гениальное объяснение того, как строятся треугольники на css
• Делаем css-спрайты отзывчивее на retina-дисплеях и не только
• Размытый полупрозрачный эффект для фиксированной шапки сайта в стиле iOS7 на CSS
• Media Queries, основанные на дизайне
• Подборка инструментов и туториалов по CSS анимации
• Пример слайдера, управляемого только с помощью CSS3
• Введение в CSS Regions
• Анимированные кастомные checkbox-ы, созданные с помощью CSS и иконочного шрифта
• Определяем используемый шрифт с помощью DevTools
• Коллекция техник off-canvas для анимимации меню, которое находится по бокам страницы
• CSS и критический путь (презентация) на примере the Guardian
• Используем разрывы страницы в версии для печати
• Как убрать кнопки поля search в браузерах на WebKit

JavaScripts

• Нам не нужен ваш кофе
• Доклад Романа Дворнова из «Ostrovok.ru» на тему Basis.js. Почему я не бросил разрабатывать свой фреймворк
• jQuery.BEM — декларативный подход к работе с версткой по БЭМ методу
• iOS7 Frosted Glass Effect c помощью HTML 5 и Javascript
• Начинаем работать с Ember.js
• Пишем модульный JavaScript с AMD, CommonJS & ES Harmony
• Safe integers in JavaScript
• Используем getUserMedia API с HTML5 video и canvas
• Создаем более быстрые страницы с помощью Web Workers
• Полное руководство по изучению AngularJS за один день
• Как избегать ‘layout thrashing’
• JavaScript Allong? — бесплатная книга от Reginald Braithwaite
• RSS Pipes — система, позволяющая создавать и редактировать RSS агрегаторы
• requestAutocomplete — заберите мои деньги, но не время
• Почему (и как) вы возможно должны использовать Web Notifications
• Multi-File Uploads и Multiple Selects
• Плагины и библиотеки:
  
  • RulersGuides.js — библиотека для включения линеек и направляющих в стиле Photoshop
  • Вертикальный News Slider на jQuery
  • squiggle — плагин на jQuery, позволяющий креативно зачеркивать текст
  • Keypress — небольшая, но мощная библиотека для захвата и обработки клавиатурных нажатий
  • jQuery Custombox v1.0.0 — плагин для создания модальных окон появляющихся с различными CSS3 эффектами
  • Jquery-flip — эффект перелистывания на jQuery
  • One Page Scroll — послайдовая навигация с плавным скролингом
  • Recline.js — библиотека, для создания веб-приложений с большим количеством данных
  • peeler.js — скрипт для создания эффекта многослойности прокручиваемой страницы
  • Несколько jQuery-решений для предзагрузки

Браузеры

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

Новости

• Платформа «Атом» от Яндекса — интернет, адаптированный для каждого
• Открылась бета-версия новых Яндекс.Карт: как и почему мы их делали
• Яндекс подарил мобильным разработчикам распознавание голоса
• Adobe hacked, 3 млн. аккаунтов скомпрометированы
• WordPress 3.7 будет обновляться автоматически
• Skype вводит синхронизацию сообщений на разных устройствах
• В W3C сделали рабочую группу, чтобы запретить смотреть исходных код веб-страниц
• Apple и Google возглавили список самых дорогих брендов мира
• Началась новая война за Вконтакте. Дурову грозят увольнением
• Павел Дуров опровергает большинство обвинений UCP: Конфликта интересов нет, на вопросы отвечал, коллег не демотивирует
• Canon, HP, Samsung и Xerox объединились в Mopria Alliance для разработки и продвижения единой технологии мобильной печати
• Новые фотографии Android 4.4: строгий, мощный, функциональный
• В России запущен Google Play Music (+ предсказуемая реакция рунета)
• YouTube Music Awards пройдет в Нью-Йорке 3 ноября
• Видеосервис Netflix обогнал по популярности спутниковое ТВ
• И сгустилась тьма: В США прекратили работу правительственные сайты и сервисы
• Статистика: Статистика Android за сентябрь 2013, Доля windows xp падает, а windows 8 — растет
• Составлена карта самых популярных сайтов в каждой из стран
• Google купил Flutter, разработчика интерфейса, позволяющего управлять сервисами при помощи жестов
• Facebook представил социальный поиск

Демо

• Radius Raid — игра на HTML5/JS размером в 13 kB
• Water noise — ночной океан на webGL с помощью three.js
• Microsoft выпустила браузерную версию игры Hover

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

• Первый в мире сайт, где ничего не происходит
• travel.ilovevitaly.com — поиск для путешественников, позволяющий увидеть полезную информацию с разных сайтов, а также maps.ilovevitaly.com — карта с большими возможностями
• Wrist — сайт с интерактивными векторными часами
• rbv.me — стильный одностраничный сайт с css3-анимацией элементов
• QuadriTown — сайт-игра в пиксель-арт стиле
• Greyp Bikes — симпатичный одностраничный сайт с презентацией байков
• Deep Sea Dive — креативный подход к оформлению сайта
• studionone.com.au — запоминающееся эффектами и нестандартной навигацией портфолио
• une-cuisine-astucieuse.fr — забавная анимация и звуковая дорожка
• d.slowlyshooting.com — впечатляющий пример органичного объединения стильного дизайна и CSS 3D трансформаций

Дизайн

• Уроки по веб-дизайну
• 25 креативных примеров типографики
• Адаптивный дизайн: теперь дело уже не в размере экрана
• Илья Рудерман о нелюбви к шрифту Arial и проблемах дизайн-образования
• Александр Гладких о том, как хороший дизайн влияет на читателей
• Дизайнерам предложили потягаться в интернет-популярности с котами
• Примеры анти-паттернов в мобильном дизайне
• История типографики за 5 минут
• Как создать хипстерский логотип
• Почти два десятка уроков по Photoshop посвященных Дню Всех Святых
• Что такое Adobe Camera Raw?
• Четыре способа создания эффекта длинной тени в Photoshop

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

• Freecns Cumulus — более сотни погодных иконок в форматах PNG, PDF, SVG
• Flaticon.com: Используй 11,000+ плоских иконок прямо из Adobe Photoshop
• Восемь свежих декоративных шрифтов, от Braxton до Sequi
• Два с половиной десятка шрифтов, использовавшихся в популярных логотипах
• Набор иконок Adobe Long Shadow
• Декоративный шрифт без засечек PEYO Regular
• Стилизованный шрифт без засечек Paihuen Mapuche

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

• Что ответить маме: несколько распространенных вопросов гикам
• Большой Адронный Коллайдер своими глазами: Часть 1 и Часть 2, Часть 3
• Немного о Яндексе
• insidesearch — Всё о поиске Google
• Немного роботов: ATLAS, идущий по валунам и Четырёхногий WildCat, бегающий галопом
• Tesla Motors – электромобили, которые могут изменить мир, и Как один пожар может унести миллиард долларов
• Дуров и его продукты
• Siri говорит голосом Сьюзан Беннетт
• По популярной игре World of Warcraft снимут фильм
• Наследие Тома Клэнси
• Специальный комитет FAA: использовать Wi-Fi во время взлета и посадки – безопасно
• Карта мира глазами веб-гигантов
• SERM: как работают с отзывами американцы, как работают с ними у нас — и как с ними в принципе можно работать
• Разумно ли платить за контент?

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