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

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

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

• Отложенная загрузка для адаптивного веб-дизайна
• Отладка асинхронного JavaScript с помощью Chrome DevTools
• Git + book = GitBook
• Простое тестирование цветового контраста в браузере
• Разложение Web на компоненты или пишем все на JavaScript
• История создания веб-приложения для кампании Unicef
• AVOW — простая открытая система Continuous Integration
• Создаем кнопку, превращающуюся в круглый индикатор прогресса
• 15 отзывчивых и легких статических фреймворков
• Как использовать расширения Gumby
• Методы для выравнивания блоков по высоте от Paulund
• Создание стайлгайда

CSS

• Красивые анимации состояний с помощью animation-play-state
• Nth-child и nth-of-type
• CSS и SVG маски
• Прощай Compass
• Font Size Idea: px at the Root, rem for Components, em for Text Elements
• Стайлгайд сайта BBC
• mdo/css-perf — тестовые страницы для оценки производительности типового CSS-кода
• Эффектная типографика реалзиованная с помощью background-clip: text (работает только в webkit)
• 5 статических библиотек с CSS-эффектами
• Продвинутая веб-типографика: обзор фич OpenType
• Эффект матового стекла с помощью CSS Filters
• Grid Frameworks для Sass
• Responsive Typographic Modular Scale with Sass

JavaScripts

• Организация js кода для джуниоров
• Разворачиваем базу проекта на JavaScript
• ES6: Прыгайте, вода уже теплая!
• Реализация приватных и защищенных данных в JavaScript
• Максимальный размер стека вызовов
• Инсайдерское руководство по собеседованию на тему знаний JavaScript
• Краткий учебник для начинающих в JavaScript для Meteor
• Релиз ExpressJS 4.0: новые фичи и обновление с версии 3.0
• VideoGL — плагин для создания видео-плееров с пост-процессинговыми фильтрами и 3D
• Демо JavaScript OCR
• Sticky Alerts: jQuery плагин для содания прилипающих сообщений
• CutJS — легкий, быстрый, интерактивный движок для отрисовки в 2D HTML5 Canvas для раработки игр
• JayData — JavaScript-библиотека для унифицированного доступа к данным
• Cleverstack.io — инструментарий для модульного создания веб-приложений на Angular и Node
• AngularStrap — директивы AngularJS 1.2+ для Twitter Bootstrap 3
• Создаем игру «2048» на AngularJS
• Пачкая руки в рефакторинге кода приложения на AngularJS
• Основы по работе с роутерами в ExpressJS
• Десять шагов по созданию заготовки WinJS приложения
• Touchy — jQuery плагин для настройки тач-ивентов
• Font-To-Width — скрипт для тонкой настройки шрифтов, позволяющий вмещать текст в нужную ширину контейнера
• Создание интерактивного фона, реагирующего на движение курсора мыши

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

• Dropbox предлагает хранить все фотографии пользователя в единой галерее Carousel
• Carousel — мобильное приложение-галерея для демонстрации фото и видео из Dropbox
• Lavish, Bootstrap like a King — создание цветовой схемы для Bootstrap из фотографии
• RegExr — изучайте, создавайте и тестируйте регулярные выражения
• Шесть инструментов для опимизации ваших изображений

Новости

• WinXP
  
  • 8 апреля прекращена поддержка Windows XP
  • Инициативы по миграции пользователей Windows XP на Chrome OS
  • Тысячи сайтов все еще размещены на компьютерах с устаревшими версиями Windows
  • Microsoft выпустила игру «Побег из Windows XP»
  • Прощай, Windows XP!
  • О Windows XP и IE6

• Heartbleed Bug
  
  • Критическая уязвимость в OpenSSL 1.0.1 и 1.0.2-beta
  • Последствия OpenSSL HeartBleed
  • Heartbleed: что говорят вендоры
  • Уязвимость в пакете OpenSSL подвергла опасности две трети всех серверов в интернете
  • Жизнь после Heartbleed: как обезопасить себя в интернете
  • Автор ошибки в OpenSSL заявил, что сделал это без злого умысла
  • Google избавила большинство своих служб от уязвимости Heartbleed

• Технологию NFC теперь можно использовать для подключения к безопасной Wi-Fi сети
• UCP планирует отсудить у Дурова минимум 500 миллионов рублей и Telegram
• Microsoft показала Windows для автомобилей
• Project Hera привнесет в Android больше HTML5
• Представлен Blend4Web, движок для создания браузерных 3D-приложений
• Качественные изображения и другая информация об «умных» часах LG G Watch
• ТОП-10 самых уважаемых в мире IT-компаний: Google опережает Apple
• Проект Mozilla представил инструментарий для изучения энергопотребления мобильных устройств
• Google рассказала разработчикам, как будет работать модульный смартфон Ara
• Проект модульного смартфона Project Ara открыт для сторонних разработчиков

Браузеры

• Сервисы Mozilla Persona и Firefox Account были подвержены уязвимости в OpenSSL
• Выпуск web-браузера Chrome 34
• Chrome 35 Beta: больше контроля над тач-событиями, Shadow Dom без префиксов и больше поддержки ES6
• ie6death.com — сайт посвященный смерти IE6
• Enterprise Mode for IE11 — слайды доклада с Build 2014
• Самый ненавистный браузер в мире наконец помер

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

• Примеры фиксированного верхнего меню
• Сайты легендарных музыкальных групп
• Эффект цветной пленки в веб-дизайне
• creaturetechnology.com — карусель с интерактивной подсветкой слайда
• Скролл-сайты могут быть красивыми
• mckl.webtype.com — дизайн с упором на типографику
• zubrowkafilmcommission.tumblr.com — креативные эффекты в оформлении tumblr-странички
• .elliotcondon.com — креативная реализация главной странице в виде таймлайна

Дизайн

• Дайджест продуктового дизайна, февраль-март 2014
• Австралийский дизайнер создал новый Comic Sans
• Интерфейс Firefox OS 2.0 станет гораздо привлекательнее
• Twitter кардинально обновил дизайн пользовательских профилей
• Красочные логотипы для вашего вдохновения
• Следующий за плоским дизайном: «Post Flat»
• Правильный способ спрашивать у пользователей iOS разрешения на использование приложением функций устройства
• Примеры веб-дизайнов в темных тонах
• Создание объемного цитрусового текста
• Создание бесшовного узора используя текстуру ткани в Photoshop
• Техника рисования для начинающих: трехточечная перспектива
• Уроки по рисованию персонажей животных в Illustrator-е
• Семь грехов дизайнеров
• Почему вы должны прийти в восторг от эмоционального брендинга
• Концепт дизайна iPad Pro
• Внутри игры Monument Valley: Как ‘Невозможные’ зарисовки стали потрясающей игрой
• История создания дизайна для галереи Carousel (Dropbox)
• Текущее состояние UX автомобильных медиа-устройств
• Принципы анимационного дизайна Ui
• FOOD TYPE — типографика из съедобных материалов
• Сhicks and Types — иллюстрации девушек и типографики

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

• Бесплатные ресурсы в стиле этно
• Бесплатные плоские элементы UI
• Несколько наборов с фоновыми изображениями: дерево, абстрактная геометрия, размытый и пиксилизированный фоны
• Кисти к Illustrator-у
• Кисти к Photoshop-у в стиле гранж
• Наборы UI в PSD-формате
• Пятнадцать PSD шаблонов для создания макетов футболок
• Три с половиной десятка упаковок со свежими иконками (преимущественно плоский дизайн)
• Наборы фотореалистичных иконок
• Comic Neue — стильный шрифт созданный по мотивам Comic Sans
• Densia Sans — вытянутый шрифт без засечек
• Moderne Sans— плакатный шрифт без засечек
• Portica Regular — декоративный рубленый шрифт без засечек
• Пол сотни забавных векторных иконок с изображением фигурки человека в различных ситуациях

Демо

• FormInviders— сбейте больше форм!
• HTML5 TETRIS c исходниками и описанием
• Прогулка по ночному Марселю
• Таджмахал на CSS

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

• Павел Дуров начал борьбу за контроль над «Вконтакте»
• Секретные планы Джобса: война с Google, облака и дешевый iPhone
• Microsoft представила прототип Windows in the car
• «Месть геев», или Как мы потеряли Брендана Айка
• Подростки, мобильники и будущее социальных сетей
• Ловушки мышления: главные враги правильных решений
• Червивое Apple: за что сотрудники ругают компанию
• Котировки хайтека летят вниз



Конкурс от ITStuff

По итогам конкурса, объявленного на прошлой неделе, победителем стал хабраюзер STEVER. Поздравляем!
Конкурс официально объявляется завершенным, всем спасибо за участие

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