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

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

• Адаптивный дизайн — Виталий Фридман, Smashing Magazine и Вадим Макеев, Opera Software
• Простой деплой сайта на хостинг из Git-репозитория
• Svable — простая генерация SVG на сервере
• Выпущен WordPress 3.8 «Parker»
• BEMup в Питере: Динамический БЭМ-сайт на Node.js
• The Mozilla Developer Network обновилась
• Почему для футера нужно использовать атрибут role=”contentinfo”?
• Чек-лист для улучшения мобильных веб-сайтов от разработчиков Google
• Monster Madness – создание игр с помощью Emscripten, а также Как написать игру с помощью Three.js
• Почему мы должны использовать Continuous Integration и Continuous Deployment
• WebGL с Three.js: шейдеры
• Ограничение в iOS на декодирование изображений с размером 3 мегапикселя
• Используем Terminal в обновленном Chrome DevTools
• Почему стоит беспокоиться о доступности
• AbsurdJS или зачем я написал собственный CSS препроцессор
• Скринкаст от Криса Койера о начале работы с Grunt
• Grunt для людей, которые думают, что Grunt — это что-то странное и сложное
• Social Sharing Links
• Инструкция по выживанию в веб-шрифтах
• The Responsive Hover Paradigm
• Как использовать геолокацию в HTML5
• Фронтенд Средиземья
• Вот тут предлагают концепт HTML6

CSS

• Первая реализация CSS-переменных в Firefox
• Table Cell и Position Absolute
• CSS3 3D transform с анимацией для нескольких фреймов
• Использование transitions с CSS градиентами
• CSS для разработчиков
• То, о чем вы возможно не знали касательно свойства z-index
• Как добавлять обводку для текста (-webkit)
• Увеличивающееся меню, первоначально выглядящее, как стилизованная иконка
• Отличная презентация: Unfolding the box model — Exploring CSS 3D Transforms
• Обновленная информация о position: fixed
• Выводим calc() на новый уровень: фиксированная ширина сайдбара в адаптивном лейауте
• Используем CSS Regions вместе с CSS Shapes для улучшения читаемости статей
• Универсальный CSS стайлгайд-генератор для Grunt
• Зебра с помощью nth-child и скрытые строки
• CSS анимация для отображения прогресса на кнопках
• (возможно не) Окончательный список возможностей CSS, не связанных с CSS спеками

JavaScripts

• Будущее data-binding — это Object.observe()
• Dynatable — HTML5+JSON интерактивные таблицы
• Результаты опроса: JavaScript Developer Survey 2013 на DailyJS
• Прояснение понятия this в JavaScript
• Список подводных камней в JS для новичков
• Feathers — Заставьте ваши приложения летать! Создание REST и real-time API
• Не бойтесь директив в Angular.js
• Как сделать простую галерею с фильтром на jQuery
• Allofthelights.js — jQuery плагин, «выключающий свет» для лучшего просмотра видео
• voix.js — библиотека позволяющая добавлять голосовые команды на ваш сайт, приложение или игру
• Type Rendering Mix — JS-библиотека, растрировать шрифты, что позволит уменьшить разницу в толщине текста в различных операционных системах
• Headroom.js — прячем хедер при прокрутке
• Knwl.js — находит даты, адреса электронной почты, ссылки и прочую полезную информацию в тексте
• Воспроизводим клевую анимацию для меню из iOS7
• Подходы для написания хорошего jQuery кода (часть 2)
• Десятка полезных jQuery-сниппетов
• cheet.js — удобный инструмент для встраивания пасхальных яиц на ваш сайт

Браузеры

• Релиз Firefox 26
• В Firefox 26 по умолчанию заблокированы все плагины
• Задержка в 300ms исчезла из Chrome 32 для Android
• Используем HttpWatch с IE11 и Windows 8.1
• CSS переменные в Firefox 29
• Список желаний по добавлению функциональностей в браузеры от Steve Souders

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

• 900dpi создание статических сайтов с помощью Dropbox и CSS
• Code.org — тотальное обучение программированию
• MiniCodeEditor — редактор кода для HTML/CSS/JavaScript, состоящий из 175+ байт
• Пуленепробиваемые кнопки для емейл-рассылок, а также фоновые изображения
• anitype — анимируйте вашу типографику
• hackertyper — почувствуй себя хакером

Новости

• Google покупает производителя роботов Boston Dynamics
• Компания Valve опубликовала первый общедоступный выпуск SteamOS, а вот так она выглядит
• Центробанком России утверждён официальный знак рубля
• Темы года в поиске Яндекса
• В письмах Gmail будут отображаться все изображения
• В Instagram появились личные сообщения
• Компания Google открыла онлайновую арт-галерею и разрешила в Street View добавлять собственные изображения
• Крупнейшие IT-компании США объединяются против Агентства нацбезопасности
• Фейсбук может добавить кнопку «Сочувствую»
• Snapdragon 410 – первый 64-битный процессор от Qualcomm
• Canonical заключила первое соглашение относительно выпуска смартфонов с ОС Ubuntu Touch
• Coub выпустил мобильное приложение
• Instagram представил фотомессенджер
• Акции Twitter рекордно подорожали
• Сервис онлайн-торговли на «Одноклассниках» оказался невостребованным, и его закрыли
• Яндекс.Деньги запустили сервис городских платежей

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

• Подборка сайтов в холодных тонах
• Классные примеры использования фонового видео в веб-дизайне
• oneiota.com — плавная анимация фона и других элементов дизайна
• oneiota.com/espl — симпатичный презентационный сайт с анимациями
• voomy.ua — креативный подход к навигации на сйте IT-парка Voomy
• Подборка из двух десятков сайтов, посвященных отелям
• Подборка сайтов с эффектом параллакс-скроллинга

Дизайн

• Увеличение производительности труда на дому: 10 мощных советов для фрилансеров веб-дизайна
• Подборка ретро логотипов
• 80 полезных уроков Photoshop и Illustrator по созданию иконок
• Дизайн нового WordPress 3.8
• Как сделать вырезанную цифровую снежинку в Adobe Illustrator
• История происхождения популярных символов в пользовательских интерфейсах
• Можем ли мы избавиться от lorem ipsum?
• Pantone представила цвет 2014 года
• Beyond Ink — подкасты для дизайнеров
• Сравнение выдачи поиска по картинкам в Bing и Google
• Время для редизайн всех билетов
• «Santa» Brand Book
• Время для редизайн всех билетов
• Знаменитые истории визуализированные с помощью 4-х иконок
• Два способа создания slow motion видео в Photoshop
• Как делать корректировку цвета с помощью Adobe Camera Raw
• Как сделать праздничную анимированную гифку используя stop motion фотографии

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

• Сайты с бесплатными кистями
• Лучшие PSD прошлого месяца
• Рождественские материалы для веб-дизайнеров
• PSD файлы с графикой на тему Рождества
• Три десятка векторных елок
• PSD с иконками на тематику электронной коммерции
• Векторные рождественские иконки
• Smallicons — Набор маленьких иконок с бытовой тематикой
• Набор векторных иконок Oceanica с морской тематикой
• Набор векторных иконок Ecology
• Лучшие шрифты 2013-го
• Exo 2.0 — шрифт без засечек, с кириллицей и технологическим стилем
• Minuscule — декоративный шрифт содержащий строчные буквы
• Отборные пятничные шрифты: от Kronen до Parley

Демо

• Noisli — генератор меняющихся фонов
• Путешествуем по замку в Edinburgh с помощью технологии Photosynth
• TheChristmasExperiments — новый рождественский эксперимент каждый день
• @cheeaun's life — вся жизнь на одной временной шкале

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

• Curiosity 2013: озеро, геология, радиация
• Как я покупал 3D-принтер
• Bitcoin: основные принципы майнинга
• В Сети теперь можно проверить, взламывалась ли почта
• Реализация проекта Mars One по колонизации Красной планеты начнётся в 2018 году
• Биткоин — взгляд со стороны финансистов
• ЦРУ следит за вами через игровую консоль, а АНБ следило за сообществами игроков в массовые онлайновые игры
• Twitter обошел Facebook в списке лучших мест для работы
• Итоги года по версии Facebook и от Твиттера
• Обзор YotaPhone — первый блин смартфоном
• Биткоин — взгляд со стороны финансистов
• Полковник Мяу и Сердитый котик встретились в Голливуде
• Отмена ссылок: чего ждать от нововведений «Яндекса»
• 10 важнейших инцидентов IT-безопасности 2013 года — мнение эксперта
• Сервис YouTube поделился информацией о самых популярных видео 2013 года
• Самые популярные игровые видео 2013-го на YouTube
• Ключевые моменты с Reddit (5 млрд. просмотров ежемесячно)
• SEO Marketing 2013: старые методы против новых
• ekisto.sq.ro stackoverflow, github и friendfeed в виде городов

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

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

Автор: alexzfort

Источник