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

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

• Страсти по BEM:
  
  • Верстка для самых маленьких. Верстаем страницу по БЭМу
  • Хорошие верстальщики отправляются на небеса, а плохие — куда захотят, или «Почему БЭМ не приносит счастья?
  • В чем проблема «проблемы БЭМ’а»?
  • БЭМ глазами бэкенд-разработчика

• Правильные модули
• Front-end Engineer собеседование от Amazon
• A Blue Box — свежий мем прямиком из CodePen
• WebGL With Three.js: Textures & Particles
• Получение должности Front-End Web Developer
• 8 тегов HTML, которые вы не используете (хотя могли бы)
• Элемент meter в HTML5
• Ionic — симпатичный статический фреймворк для разработки гибридных мобильных приложений на HTML5.
• Front End Web Development Quiz
• Синхронное тестирование на нескольких мобильных устройствах
• Подробный туториал по иконкам на SVG
• Введение в анимацию SVG
• О том, как на The Polygon делали SVG анимацию: интересно и с выгодой
• Делаем клевые формы с помощью HTML5
• С чего начать использование Foundation 5
• Введение в Yeoman
• Создание desktop приложения с помощью node-webkit

CSS

• WOW CSS — подборка демок, иллюстрирующих возможности нового CSS
• Поворот слов с помощью CSS-анимации
• Добавляем визуальные эффекты с помощью CSS-фильтров
• 60fps для скроллинга с помощью pointer-events: none
• LESS powered auto-cropping
• Organize that Sass!
• Прогресс-лоадер на чистом CSS от Lea Verou
• SVG иконки в деталях
• Функция Sass по преобразованию REM в PX для браузеров не поддерживающих REM
• Капли дождя на стекле — демонстрация работы CSS3 фильтров
• Погодные SVG-иконки, анимированные с помощью CSS
• Список с фильтрацией на CSS (LESS)

JavaScripts

• Изоморфный JavaScript — будущее веб-приложений
• TempusJS — работаем с датой в javascript
• JohnSmith — простой и легковесный JavaScript-фреймворк для построения UI
• Введение в события DOM
• Введение в PhysicsJS
• bigfoot.js — jQuery плагин для добавления в текст удобных сносок-тултипов
• Создание трехмерного интерактивного объекта с помощью изображений и jQuery
• Resumable.js — JS библиотека, обеспечивающая несколько одновременных, стабильных и возобновляемых загрузок с помощью HTML5 File API
• Изучаем jQuery с помощью Street Fighter и Hadouken
• List.js 1.0.0 — добавялет поиск, сортировку, фильтры к спискам, таблицам и прочему
• Как писать правильный код на jQuery
• Разбираемся с нативными функциями JavaScript для работы с массивами
• Визуализация данных с помощью JavaScript без D3
• Хаки в JavaScript для хипстеров
• Videogular — html5 видео-плеер для AngularJS
• angular-deckgrid — подобная mansory сетка для AngularJS
• Jiko — очередной шаблонизатор для JS
• Using Selector-Query for Responsive Column Driven Layouts

Браузеры

• MS отключает sandboxing для Internet Explorer 11 по умолчанию
• Google представила Chrome 32 betа для Android
• Режим эмуляции в IE11 и условные комментарии

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

• DevDocs — ресурс с документацией по различным API и библиотекам
• swipe — система для создания слайдов в вебе от Markdown
• iconmelon — веб-библиотека с svg-иконками с возможностью добавления эффектов
• Reportr — панель со статистикой, собираемой по событиям из разных источников
• DOM Monster — букмарклет для анализа DOM и других штук на странице
• Google Fonts загрузили более 1 триллиона раз
• Monocle — open source новостной агрегатор

Новости

• Steam Machine от iBuyPower — встречаем в январе
• Новости: Jolla представила свой первый смартфон на Sailfish OS. Цена €399
• Приложение CyanogenMod Installer удалено из Play Store
• Google сделал голосовой поиск еще более простым и удобным
• Logitech — поворот истории
• Современные веб-страницы выросли в 3 раза за 3 года
• Bing улучшил поиск по картинкам, используя технологию Deep learning
• Microsoft не оставит три операционные системы, а также Microsoft готовит масштабное обновление Skype, включающее исправление ошибок в работе чата и синхронизации звонков
• Эксперты из Microsoft Research представили новое ПО для создания GIF-изображений
• Google запускает очередную замену погибшему Reader
• Speedtest.net: самый быстрый доступ в Интернет у жителей Гонконга
• Курс виртуальной валюты Bitcoin установил исторический рекорд и превысил $1000
• Live от Pics.io: Мы вернем людям совместные просмотры фотоальбомов
• На iOS-приложениях разработчики зарабатывают в пять раз больше, чем Android
• «Яндекс.Навигатор» стал доступен для платформы Windows Phone 8
• Apple Maps обошли по популярности Google Maps в Великобритании

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

• Пролетая над гнездом чиновника — нестандартная реализация слайдера с помощью image map
• gmbox.ru/xbox2013-новый раздел на gmbox с параллаксом и анимациями
• Подборка «живых» сайтов
• Подборка сайтов с минималистическим дизайном
• Одностраничные веб-сайты с хорошим дизайном
• 30 клевый сайтов, посвященных фильмам и интерактивному кино
• This is a motherfucking website.
• Сайт с нестандартной панельной навигацией и анимашками
• altspace.com — необычный сайт-спортфолио
• alessioatzeni.com/ — сайт-портфолио с минималистическим дизайном и качественной анимацией
• sweatergenerator.com — генератор свитеров
• thebentbullet.com — бесчестная пуля, очередная историческая история об убийстве Кеннеди
• fluidlabpro.com/Virtua/ — движение вглубь страницы
• where-you-are.com — сайт с drag-навигацией
• hihayk.com — простой и стильный дизайн

Дизайн

• Выдающиеся примеры типографики
• Новогодний подарок любимому дизайнеру
• Создан концепт iPhone 6 с трехсторонним дисплеем
• Векторное вдохновение
• Что следует знать о плоском дизайне
• Разбираемся с терминологией: Typeface против Font
• Небольшой список, сравнивающий преимущества и недостатки — плоский дизайн против скеоморфизма
• Лого для вдохновения
• Два с половиной десятка уроков по Illustrator-у — изучайте новые техники создания векторной графики
• Marvel — прототипирование работы веб-сайтов после загрузки PSD файлов в Dropbox
• Более восьмидесяти уроков по созданию текстовых эффектов в фотошопе
• Интервью со студией Miagui
• Использование инструментов в Adobe Camera Raw
• Полное руководство по работе с цветом в Photoshop – используем Kuler
• Рисуем «Героев толстяков»

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

• 20 бесплатных шрифтов «печатная машинка» для дизайнеров
• Расширения к фотошопу для веб-дизайнеров
• ikons — более двух сотен векторных иконок
• Иконки с изображением погоды
• Smallicons Icon Set (54 иконки, SVG, PNG, PSD)
• Векторные джунгли
• Наборы с рождественской графикой: иконки и иллюстрации
• PSD макеты для демонстрации своего дизайна в различном окружении
• Набор из плоских забавных иконок от Ballicons
• Четырнадцать иконочных шрифтов
• Бесплатные шрифты: от AROMA до Zujal
• Freebie: Набор маленьких иконок (54 Icons, SVG, PNG, PSD)

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

• 10 SMM-провалов года
• Смарт-часы, которые доступны на рынке уже сегодня
• 30 главных интернет-трендов этого года
• Симулятор позволит ощутить вкус виртуальной еды
• Почему долгая дорога на работу нас убивает
• Алгоритм семантического поиска Google снова ввёл пользователей в заблуждение
• Эрик Шмидт назвал Android хорошим подарком для iPhone-юзеров и составил инструкцию по переходу
• Ролик на основе фотографий Instagram доказывает, что оригинальным быть трудно
• В американской армии появятся искусственные орлы
• Ученые создали летающую медузу. Но так и не поняли, как она летает
• Как пересесть с iPhone на Android: гайд от Эрика Шмидта
• Сотрудники Yahoo бойкотируют почту от Yahoo
• Деньги на ветер: Парень случайно выбросил HDD с $7,5 млн в биткоинах
• 7 причин удалить свой профиль в Facebook
• IDDQD: как Джон Кармак стал бессмертным
• Что подарить гику
• Лучшие подарки для гиков на Рождество 2013
• Making a Scene: 11 Performances
• Таб закрыт; Не читал
• unlimitme.tv — персонализированное видео, основанное на данных из Facebook

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

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