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

Дорогие друзья! Сегодня выходит наш юбилейный сотый дайджест. Огромное спасибо вам, за то, что выпуск за выпуском читаете нас. Только благодаря вам мы пересекли этот рубеж!

Под катом вас также ждет конкурс с призами от интернет-магазина ITStuff.

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

• Образовательные и обучающие ресурсы для веб-разработчиков и веб-дизайнеров
• Оптимизируем Gruntfile
• Исследование рынка труда веб-разработчиков
• Приложение на Express.js + Sass/Compass + CoffeeScript + Haml
• Браузерная 3D игра 2/3 производительности нативной от Mozilla
• Разработка веб-приложений по принципу «Автономность прежде всего»
• Что появится в WordPress 3.9
• iOS 7.1: новый режим minimal UI mode и старые баги Safari
• 10 советов для тех, кто разрабатывает игры на HTML5
• Как определить, какие из новых HTML5-фич будут работать в вашем браузере
• Гугл должен сделать ставку на HTML5, и чем раньше, тем лучше
• Станет ли производительность HTML5 неотличимой от производительности нативных приложений
• Device-Agnostic
• Grunt YSlow — задача для оценки производительности
• Основы создания приложений под Firefox OS – серия скринкастов
• HTML5Hub: представление Crosswalk — создание приложений для Android на HTML5
• Четыре способа создания мобильного приложения, часть 4: Appcelerator Titanium
• Введение в веб-компоненты (вводные понятия)
• Audio тэги: веб компоненты + веб аудио = ♥
• Урок по HTML5 Canvas: введение
• Панорамирование и прокрутка фоновых изображений с помощью элемента canvas

CSS

• Заполнение пространства в последней строке с помощью Flexbox
• CSS Regions polyfill – лучше, умнее, полнее
• Sass Packing
• Селекторы в качестве переменных Sass?
• Введение в обработку ошибок в Sass
• Буквица и текстовые эффекты для абзацев с помощью CSS3
• Контент-слайдер под наклоном
• Десять лет назад в A List Apart: Появилась статья о CSS спрайтах «Image Slicing’s Kiss of Death»
• Добавление формы и глубины вашему макету с помощью Photoshop и CSS-shape
• MVCSS — архитектура, основанная на Sass
• Правила по написанию CSS и Sass кода от Hugo Giraudel
• Советы по интерактивности #4: никто не ожидает 3D
• Иконки, получаемые из SVG-спрайтов
• StyleStats — библиотека к Node.js для формирования статистики по CSS
• (cs)spinner — CSS анимации прелоадеров
• Кастомный препроцессинг CSS

JavaScripts

• Статистика использования javascript-библиотек и CDN
• AngularJS и ReactJS или как сделать ваше приложение быстрее
• Частичное применение в JavaScript с помощью bind()
• Javascript. Шаблоны проектирования. Повторное использование программного кода.
• Эмулятор процессора Motorola 6809, написанный на языке JavaScript
• Антипаттерны в промисах
• О масштабируемых JavaScript-приложениях по-русски
• Переопределение функции во время ее отладки в Chrome DevTools
• Улучшаем распознавание голоса в браузере
• jQuery слишком тяжелый для мобильного интернета?
• Стандарты и лучшие практики по написанию кода на jQuery
• Менее известные техники отладки JavaScript
• Многострочность в JavaScript
• Класс для манипуляций с DOM в сто строчек кода на JavaScript
• Создание простого mobile-friendly веб приложения с использованием Ember.js и jQuery Mobile
• Техники аутентификации в приложениях на Angular.js
• Backbone.CustomSync
• stickyNavbar.js — плагин для создания навигации прилипающей к верхней части окна браузера при прокрутке страницы вниз
• Webshim — библиотека с полифилами для поддержки фич HTML5 в браузерах с ограничениями
• nanobar.js — очень легковесный индикатор загрузки
• Создаем клевые 3D-эффекты при скролле страницы

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

• Google запустила Add-ons для Google Docs и Sheets
• Генераторы иконочных шрифтов для современных веб-разработчиков
• Pics.io — онлайн фото-редактор
• tyto! — браузерный органайзер
• generator — простой способ создания посадочной страницы для вашего стартапа (множество часто встрещающихся компонентов и генерация HTML/CSS/LESS кода
• Carota — текстовый редактор, построенный на JS и HTML5 canvas
• Quink — WYSIWIG-редактор нового поколения
• Metalsmith — генератор статических сайтов с поддержкой плагинов
• Iconion — потрясающий редактор по созданию иконок

Новости

• Google отказывается от подчеркнутых ссылок
• Google предлагает приобрести 1 Тб в онлайновом хранилище Drive за $10
• Европарламент поддержал закон об одинаковой зарядке для всех мобильников
• Google рассказал о том, как Googlebot распознаёт мобильные страницы сайтов
• Google будет заимствовать информацию о расписании концертов прямо с сайтов музыкантов
• Появляются подробности об умных часах Google
• Google и Microsoft против dual-OS
• Apple, Google и вся автоиндустрия остаётся зависимой от BlackBerry
• «Яндекс» сдержал обещание убить SEO, Страшилка «Яндекса»: весенние проводы SEO
• Apple выпустила iOS 7.1
• Записи из «ВКонтакте» теперь можно встраивать на сайты
• За четыре дня китайцы заказали более 1 млн Android-смартфонов Nokia X

Браузеры

• Браузер Chromе переходит с GTK+ на собственный графический стек Aura
• Opera Software сообщила о выходе Opera Mini 8 для Java-телефонов и BlackBerry
• Mozilla прекращает разработку версии Firefox для Windows Metro

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

• Сайты посвященные играм
• Вдохновляющие одностраничные сайты
• 25 креативных автомобильных сайтов
• www.tectonica.co — интерактивный скролл-сайт
• icorinc.com — сайт, реализованный в виде креативного слайдера
• История Олимпийских Игр
• wekeeptheotherbadmenfromthedoor.com — Занятный сайт по сериалу TRUE DETECTIVE
• montere.it — скролл-сайт с интересными анимационными эффектами
• Сайты крупных брендов: девяностые VS двухтысячные
• Типографика в веб-дизайне: рукописные шрифты
• moonbear.animalsasia.org — интерактивные 3D книги о зверях в Азии

Дизайн

• Adobe изучила, как работает и чем пользуется современный российский дизайнер
• Уроки в стиле ретро для Adobe Photoshop
• Креативное использование анимированных GIF для презентации дизайна UI
• 5 техник дизайна для возбуждения эмоций у пользователей
• Наши любимые гарнитуры 2013-го года
• Самые популярные веб-шрифты
• Пример типографики с иллюстрациями внутри
• Редизайн IMDB
• Примеры эволюции дизайна сайтов корпораций
• Создание дизайна мобильной игры шашки в Photoshop-е
• Как создать детализированную иллюстрацию стрекозы в Photoshop-е
• Полное руководство по работе с корректирующими слоями — настройка экспозиции
• Новый логотип Reebok
• Развенчание мифов веб-типографики
• Классные примеры видео-дизайна
• Увлекательный дизайн кружек

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

• Бесплатные растровые крылья
• Бесплатные PSD шаблоны мобильных устройств
• Десять новых бесплатных плюшек найденных в Behance: иконки, фоны, текстуры
• Оживите ваши дизайны с помощью текстур цветов
• iPhone и Android PSD
• Набор UI Funky Tunes
• Набор с вайрфреймами и UI
• Векторные винтажные лучи
• Векторные ленточки в различных стилях
• Три десятка шаблонов винтажных логотипов
• PSD с контурными векторными иконками посвященными спорту
• Набор иконок Inkalligraphic
• Двадцать пять наборов с иконками из недр Dribbble
• Повторный взгляд на бесплатные шрифты (наиболее популярные)
• Barokah — рукописный шрифт без засечек, вдохновленный Comic Sans
• Шрифт с засечками Angelcia Pro Text Regular

Демо

• 2048, а также стратегия игры
• Трехмерный куб, наклон которого зависит от стороны наведения
• Отрисовка больших горных ландшафтов в WebGL
• Юбилейный выпуск игры Автостопом по Галактике от BBC
• build-a-bird — генератор игр с летающей птичкой

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

• 25 лет Web:
  
  • Сэр Тим Бернерс-Ли: всемирной паутине исполнилось 25 лет. Сохраним её свободной и открытой
  • Как плавился веб: 5 подходов создателей Интернета, изменившие мир
  • Официальный сайт посвященный 25-летию Web-а
  • 25 суперзвезд интернета
  • 25 вещей в интернете, о которох мы забыли за 25 лет
  • Интернет родился в CERN 25 лет назад
  • Я Tim Berners-Lee. Я изобрел WWW 25 лет назад и я обеспокоен и взволнован его будущим. Задавайте мне любые вопросы!

• День числа Пи
• Сергей Чикуёнок: «Я начал делать сайты, ни разу не побывав в интернете»
• Влияет ли кнопка Google +1 на поисковую оптимизацию
• Смартчасы, которые хочется купить: пара интересных концептов
• Box: Как создать с друзьями детства бизнес стоимостью в $2 миллиарда
• Зачем на самом деле нужны панорамы Google Street View
• Google учитывает авторитетность автора при ранжировании углублённых статей
• Восемь примеров того, как новые технологии меняют мозговую активность
• 7 способов зайти на заблокированные сайты с ПК, смартфона и планшета
• Обзор облачных хранилищ данных-2014
• Tim Berners-Lee предлагает подписать «биль о правах»
• Анимация, полностью нарисованная по кадрам на стене галереи
• Theo Jansen начал продавать свои механические ходящие конструкции, распечатав их на 3D принтерах

Конкурс

В честь нашего скромного праздника объявляем конкурс совместно с нашим партнером — интернет-магазином ITStuff. Начиная с сегодняшнего дайджеста у вас есть шанс получить клевую футболку HTML5, либо любую другую футболку из каталога магазина на выбор победителя. Победитель должен будет оставить лучший (считаем по плюсикам) комментарий со ссылкой на материал за последнюю неделю, который можно включить в любую из трех первых категорий — Веб-разработка, CSS или JS, и который не вошел в наш дайджест.
Конкурс будет продолжаться в течение месяца, и лучший комментарий каждого нового выпуска принесет его автору замечательную футболку. Поэтому еще раз поздравляем всех нас с общим юбилеем и желаем удачи. Пожелания, критика и дельные предложения — приветствуются.

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