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

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

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

• Как использовать секционные элементы HTML5
• JSDuck — генератор документациииз песочницы
• Теперь в WebStorm есть многокурсорность, она же multiple selection
• Девять сервисов для обучения программированию
• Grunt и WordPress: Часть 1. Введение в Grunt, Часть 2. Настраиваем Grunt для своих проектов
• Детальное введение в Custom Elements
• Переосмысление responsive SVG
• Настраиваемые элементы для настраиваемых приложений – веб-компоненты построенны с помощью Mozilla Brick и X-Tag
• Читай документацию, быстрее
• Мобильный HTML5 никогда еще не выглядел так здорово
• Как использовать статистику посещений для принятия решения по поводу улучшения мобильных сайтов
• Введение в Gulp.js
• Задачи для Grunt и Gulp по оптимизации производительности
• Билды для различных окружений на Grunt, Gulp или Broccoli
• Build with Chrome — как создавали приложение для Chrome — конструктор Lego и адаптировали под мобильные устройства
• Пять лучших фрейворков для создания мобильных веб-приложений: Sencha Touch
• WebGL c помощью Three.js – урок 2
• The browser cache is Vary broken

CSS

• Магический круг: CSS головоломка
• Вышел Sass 3.3, Работа с BEM теперь еще проще
• CSS3 градиенты
• Навигационная панель с иконками, построенная с использованием Flexbox
• Пять техник, используемых при работе с responsive веб-дизайном
• Typesettings — инструмент для работы с типографикой базирующийся на em-ах (Sass)
• Imacss — библотека и приложение для преобразования изображений в dataURI в вашем CSS
• Shake — библиотека с эффектами тряски с помощью CSS3-анимации
• Абстрактная вращающаяся анимация: круг, квадрат, треугольник, дельфин (все эффекты видны в Chrome)
• Agile — движок на CSS3 для создания анимаций и простых игр
• Sassline — выравнивание текста по сетке с помощью Sass и rem
• Простые, но симпатичные эффекты для пачки изображений
• Создаем резиновые лейауты с помощью HTML5 и CSS3

JavaScripts

• Javascript без this
• Хватит писать циклы for. Пришло время использовать Underscore.
• Сделаем gulp javascript проекту
• Частичное применение в JavaScript с помощью bind()
• ECMAScript 6 — обзор особенностей от Luke Hoban (Microsoft)
• ECMAScript 6 особенности и инструменты от Casper Beyer
• Распутываем ваш JavaScript с помощью Browserify
• Inkling Habitat: как было построено приложение для создание электронных книг на JavaScript из 100,000 строк
• JavaScript промисы – сравнение библиотек
• Освоение доступа к DOM (100 строчек на JavaScript)
• Доступ к таблицам в Google Drive с помощью Node.js
• cha — позволяет делать цепочки из задач для улучшения читабельности и поддержки
• Sticker.js — библиотека без зависимостей, позволяющая добавлять эффект наклейки
• ScrollMagic — jQuery плагин для магического взаимодействия с прокруткой страницы
• RowGrid.js — адаптивная сетка из изображений размещающихся рядами
• jQuery fontIconPicker — плагин для создания компонента с выбором иконки
• Pizza Amore — библиотека для пострения графиков от Zurb
• Интерактивная шпаргалка по AngularJS
• For, While, and Do...While циклы в JavaScript

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

• Бесплатный редактор шрифтов на HTML5
• MyFonts позволил скачать любой шрифт
• Type Finder — онлайн-инструмент для выбора достойного шрифта
• Animatron — онлайн-редактор анимации
• iwanttouse.com — проверка поддержки в браузерах технологий
• IconPocket — мы думаем настало время выразить вашим иконкам свои чувства

Новости

• На Kickstarter собрано уже более $1 млрд
• Новый интерфейс Яндекс.Диска. Как мы его делали и почему вообще этим занялись
• Mozilla разработала более эффективный способ сжатия JPEG файлов — mozjpeg
• Билл Гейтс снова стал самым богатым человеком в мире
• Windows 7 уходит на пенсию уже в этом году
• Microsoft будет уведомлять пользователей о прекращении поддержки Windows XP
• Исследование Mail.Ru Group: Apple vs. Android, Mobile vs. Desktop
• AdBlock и AdBlock Plus искажают работу сервисов «Яндекса»
• Запущена в работу крупнейшая в мире солнечная электростанция
• Видео звонки Skype для Outlook.com стали общедоступными и получили поддержку HD
• Android 4.4 KitKat принадлежит лишь 2,5% доли рынка
• Кадровые перестановки в Microsoft. Снова
• Mozilla прекращает развитие сервиса идентификации Persona
• У Facebook новый дизайн, но не настолько новаторский, как ожидалось

Браузеры

• Стабильная Opera 20
• SurroundWeb — 3D-браузер от Microsoft
• Chromium покажет текст, если шрифт грузится долго
• Скоро в стабильной сборке Chrome появится встроенная поддержка голосового поиска
• Бета-версия Chrome 34 для Android позволяет транслировать на Chromecast ролики из Интернета
• В Firеfox ужесточаются ограничения при показе связанного с плагинами контента
• Internet Explorer все еще контролирует более половины рынка браузеров
• Компания Dell взимает 27 долларов за предустановку Firefox

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

• Классные отечественные сайты
• Чертова дюжина красочных веб-сайтов
• Подборка сайтов с плоским дизайном
• behind the banner — интерактивная футуристическая презентация работы баннерной системы
• Коллекция стильных посадочных страниц
• wearetheswan.com — клевый пример нестандартного использования параллакса
• satchmi.com — интересная структура страница сайта
• tacospillet.no — готовим тако!
• dingzhou.co.nz — минималистический сайт
• tomlrn.com — сайт с клевыми эффектами и необычной навигацией
• redvolucion.gov.co — горизонтальный красочный сайт
• exsus.com — интересные решения со скролл-анимацией

Дизайн

• Крупная типографика в веб-дизайне
• Откуда взялась мантра о простоте в интерфейсах
• 3D-типографика для вашего вдохновения
• Как представить свою команду на сайте
• Цветочные уроки Adobe Illustrator
• Интервью с дизайнером Hillary Coe
• Заблуждение насчет параллакс-эффекта в веб-дизайне, вызывающее проблемы
• Создание прототипов с переходами между скетчами и возможностью просмотра клиентом
• Советы относительно типографики от Erik Spiekermann
• Грубые реалии работы в собственном дизайн-бизнесе
• Типичные ошибки UX, которые убивают ваш​​ дизайн
• Концепт редизайна Gmail
• Быстрый дизайн в Illustrator-е — четырнадцать советов как создавать интерфейсы за минуты
• Как изучать Adobe InDesign бесплатно
• Полное руководство по работе с видео в Photoshop — экспорт видео
• Создание эффекта светящегося текста в Photoshop-е
• Логотипы для вдохновения: черные, белые и серые
• Девятнадцать хипстерских логотипов, для которых сделали редизайн для корпоративной Америки
• Честные логотипы

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

• Фотобанк Getty Images разрешил бесплатное использование изображений
• Цветочные кисти для Photoshop
• Бесплатные векторные открытки к 8 марта
• Лучшие ресурсы с кистями для Photoshop
• Красочный PSD с плоским “LightFlat” UI
• Четыре десятка контурных иконок из упаковки Sympletts
• Десять наборов, каждый из которых содержит более сотни плоских иконок
• Два десятка фантастических набора с иконками
• Набор с иконками Hangloose (более 50-ти иконок)
• Шрифт без засечек Adam, созданный по мотивам Futura
• Pesaro Light — шрифт с засечками
• Пятничные шрифты #12: от Stalemate до Bellerose

Демо

• Звездное Небо на Canvas. Созвездия
• Apple CarPlay
• Крутая реклама iPhone5s
• Анимированные квадратные маркеры в SVG
• ShadowPainter — попиксельная покадровая анимация
• Интерактивный гид по иконочному набору
• Если бы Луна была размером 1 пиксель
• JurassicSystems — система Парка Юрского Периода в браузере
• Checkout — лучшее решение для платежных форм в вебе и мобильных устройствах
• Глаз на WebGL

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

• Ежемесячный дайджест интересных IT проектов на Kickstarter №1
• Kickstarter и нервный срыв
• Только разработчики 90-х помнят этоперевод
• Один год из жизни проекта ОтветыMail.ru
• Семь человек, от которых зависит существование интернета
• Десять самых богатых IT-бизнесменов мира по версии журнала Forbes
• Анонсирован первый водонепроницаемый ридер – PocketBook Aqua
• Инженер Microsoft получил доступ к телефонам ФБР через «дыру» в Google Maps
• Крупнейшая биткоин-биржа Mt.Gox объявила о банкротстве
• Секрет самого популярного селфи ever
• Апп-покалипсис нашего времени
• Каждый десятый американец считает HTML венерической болезнью
• Как я напечатал на 3D-принтере робота Ralph-а

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

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

Автор: alexzfort

Источник