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

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

• Как сверстать веб-страницу. Часть 1
• «Themeforest» как способ постоянного заработкаиз песочницы
• Что появится в WordPress 3.8
• В Google показали сложный WebGL-мир для мобильного Chrome
• Опыт Хоббита: возвращение средиземья к жизни — немного о процессе создания игры на HTML5 WebGL поддерживаемых мобильными устройствами
• Создание мультиплатформенной HTML5 игры — The Pond
• Будущее видео в веб-дизайне
• Асинхронные блоки с рекламой с помощью HTML Imports
• О том, как к Techcrunch делали редизайн с адаптивностью
• Эффективная анимация с помощью requestAnimationFrame
• 5 мифов о производительности мобильного веба
• Имплементация HTML5 Microdata и ее влияние на SEO
• Быстрое введение в Web Storage
• Техники для адаптивной типографики
• Почему адаптивные изображения — это так сложно
• ish. 2.0 — обновился популярный инструмент для отладки адаптивного дизайна
• Релиз Foundation 5
• Адаптивный дизайн не исправит проблем с контентом
• Инструменты для отладки и профилирования WebGL
• Web Components: почему вы уже эксперты в этом
• Положение вещей с реализацией в браузерах Nearest-neighbor интерполяции в canvas
• Лучшие библиотеки и фреймворки для визуализации данных
• Что же все-таки это такое… задержка в 300ms
• Презентация от Yoav Weiss: Responsive Images Techniques & Beyond
• Презентация от Daniel Appelquist: What's new in web standards?
• Презентация от Eric Bidelman: Polymer — declarative, encapsulated, reusable components
• Презентация от Henrik Joreteg: Making WebRTC Awesome, CascadiaJS 2013
• Презентация от Ilya Grigorik: High Perfomance Browser Networking

CSS

• CSS и золотое сечение
• Обрезаем вендорные префиксы
• Scut — новая утилитная библиотека для Sass
• Используем CSS не только для стилизации
• Анимация перехода из “display: block” в “display: none”
• Укрощение таблиц с данными
• Использование LESS для создания формы регистрации
• Как использовать фильтры в CSS
• Кросс-браузерные фильтры c помощью CSS и SVG
• Подпрыгивающий мяч на CSS3
• Анимированный кролик

JavaScripts

• JavaScript и несколько десятков строк кода: Пианино в 24 строки на Javascript: если играть, то музыку, Крошечный арканоид,Гоночка, Крошечная змейка, Pong, Roguelike/RPG, Тетрис в 36 строк кода
• 20 и 1 примочка Javascript, которые я никак не могу запомнить
• WidLib – декларативный js-фреймворк для построения виджетов
• Реализация Asteroids на javascript
• Шаблоны проектирования JavaScript
• Автоматизируйте вашу JS-разработку с помощью Grunt
• Игра с нулем строчек JavaScript кода
• Введение в Full-Stack JavaScript
• Пять продвинутых техник отладки JS, о которых вы должны знать
• Простое документирование JavaScript с помощью YUIDocs и Grunt.js
• Победители соревнования 2013 Node Knockout
• WebGL c Three.js: основы
• Namespaced Events в jQuery
• apollo — API для манипуляции с DOM
• DynoSRC — уменьшаем количество запросов к JS файлам
• END DASH фреймворк для двустороннего биндинга, использующий семантический HTML
• Jquery-spinner — плагин для создания компонентов выбора числа
• Validate.js — декларативный способ валидации JS объектов
• tablecloth.js — стилизация и кастомизация таблиц
• AutoFix_Anything.js — зафиксируйте любой Div в пределах вьюпорта
• ResponsiveImagesCG / x-picture — полифил для адаптивных изображений
• jQuery HTML5 media player — HTML5 плеер на jQuery

Браузеры

• Бета-тестирование нового Яндекс.Браузера: проверка орфографии от Яндекса и звонок с компьютера в телефон
• Есть вероятность глюков в Chrome 31: селекторы вроде nth-last-child могут отрабатывать некорректно
• Релиз web-браузера Rekonq 2.4, развиваемого проектом KDE
• Яндекс.Браузер теперь доступен и для планшетов
• Объявлено об интеграции в ночные сборки Firefox нового интерфейса Australis, По данным отчёта Mozilla, доля негативных отзывов об интерфейсе Australis составляет 84%
• В Opera 19 Dev добавили синхронизацию
• ZDI представили новую уязвимость в IE 11 на конкурсе Pwn2Own
• Chrome 32 Beta: Animated WebP images and faster Chrome for Android touch input
• Значения User-Agent для Internet Explorer 11
• Mozilla UX Australis появляется в ночной сборке Firefox

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

• Сервис для комментирования скриншотов сайтов
• Файлы вложений Gmail можно будет сохранять напрямую в Google Drive
• BreakpointTester — неплохой букмарклет для работы с адаптивным дизайном и брейкпоинтами
• Flexy Boxes — песочница для flexbox и генератор кода
• HTML5 Time Tracker
• colourco.de — минималистичный сервис для создания нужной цветовой палитры

Новости

• Mail.Ru запустилась в США под именем My.com
• WinAmp закрывается. Насовсем, AOL намерена продать Winamp компании Microsoft
• Microsoft выпустила программу 3D-печати для массовой аудитории
• Встречаем дебетовую карту Google wallet
• Компания Amazon выложила в интернет 20 терабайтов научных данных
• Интерфейс PS4 создан на основе веб-технологии WebGL
• Очередные смартчасы: Qualcomm Toq
• Марисса Майер: в начале 2014 года шифрование будет применяться в каждом сервисе Yahoo!
• Bing выпустил сувениры, подрывающие авторитет Google
• В Украине начали работать клубы Code Club по бесплатному обучению детей программированию
• Кевин Тернер сменит Балмера на посту генерального директора Microsoft
• Опубликована 42 редакция списка Top 500 суперкомпьютеров мира

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

• 20 сайтов с эффектом параллакс
• kennedyandoswald.com — спецпроект National Geographic Channel посвященный годовщине убийства Кеннеди
• What's your McDonald's Moment?
• Интерактивная инфографика «100 лет рока»
• usertify.com — сайт с фоновым видео, параллаксом и прятной анимацией
• cynicalppl — необычный сайт с псевдо-трехмерной раскладкой
• agst.co — сайт для творческих людей, с фоновым видео и легким параллаксом
• wearefictitious.com — сайт с необычной реализацией навигации
• tekroc.com — приятный дизайн, а так же анимационные сколл-эффекты
• 22 сайта с дизайном, вдохновленным природой

Дизайн

• Веб-дизайн и странности Страны восходящего солнца
• Дизайнер Петер Яворовски о своей работе «Game on»
• Создаем эмоции мультяшных героев
• Рисуем тематический паттерн а Adobe Illustrator
• Шесть источников mockup-файлов
• Все что вы хотели знать о редизайне сайта
• Flat Design vs. Minimalism
• Концептуальная и снимающая многие стереотипы статья от Frank Chimero What Screens Want
• Концептуальная статья от David Cole (Quora) Applied Discovery: Presentation from Build 2013
• Примеры дизайнов сайтов посвященных мобильным приложениям
• Полное руководство по работе с цветом в Photoshop – цветовые модели
• 10 кастомных сочетаний горячих клавиш, которые стоит использовать при работе в Photoshop
• Минималистические анимированные гифки — обложки для книг про Гарри Поттера
• Анимированное руководство по созданию хороших вещей
• Концепт редизайна админ-части WordPress
• Color Template — как выбрать подходящие цвета для вашего дизайна?
• Daniel Mall о создании адаптивного дизайна для TechCrunch
• Вдохновляющие примеры руководств по использованию стиля (branding guides)
• Плоский дизайн это мимолетный тренд или нечто большее?
• Простое введение в процесс создания иконок в стиле iOS7
• Четыре основных правила юзабилити которые были получены в результате исследования движения глаз пользователей
• LogoThief — целый проект, посвященный ворам-копипастерам логотипов
• Креативные спортивные логотипы

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

• 17 Fresh and Free Fonts for November 2013
• Текстуры кирпичной стены
• Наборы творческих кистей, включая прически и мемы
• Векторный набор для создания инфографики
• Наборы с векторными иллюстрациями и фонами
• Плоские социальные иконки
• Социальные иконки в виде капель
• Набор иконок с тенью на 5 часов
• Четыре с половиной десятка свежих исходников UI, шрифтов и прочих ресурсов
• Два десятка лучших ленточных шрифтов
• Два десятка свежих шрифтов: от Norwester до Franks
• Два десятка заголовочных шрифтов: от Stiff Staff до Moonshiner
• Набор из полтора десятка шрифтов преимущественно без засечек: от Dense до Komodo

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

• Кроссворд из утёкших паролей к продуктам Adobe
• Биржа убийств — правильное использование Bitcoinrecovery mode
• Клиренс электромобилей Tesla увеличен обновлением прошивки
• Instacode — Instagram для кодеров
• Интервью:
  • Все вопросы к Яндексу. Фундаментальное интервью с Сергеем Петренко
  • Наталья Касперская: «Все поменялось, это революция»
  • Павел Дуров о прибыли с биржи: «Мы довольны, отрицать не буду»
  • Стив Балмер рассказал о причине своего ухода с поста главы Microsoft

• Игры:
  • Видеоигры не влияют на поведение детей, а ТВ – еще как
  • Сергей Галенкин написал книгу «Маркетинг игр» и бесплатно раздает электронную версию
  • Это вам не футбол: Финал LoL собрал 32 млн зрителей
  • Путь геймера. Потерять здоровье или стать чемпионом
  • PlayStation 4: распаковка и первый запуск

• Почти как Терминатор: самозаживляющийся смартфон LG
• HeadsUP — экран мобильника на лобовом стекле машины
• Крутая инфографика о возможностях Google Now
• Robo Boogie
• Have Hairy Movember (смотреть в Chrome)
• Pencil. — карандаш-стилус

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

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

Автор: alexzfort

Источник