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

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

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

• Суперсилы Chrome DevTools
• Одиннадцатиклассница, или тестируем баги вёрстки
• «Не проверив HTML5-кода, не суйся в воду» — интервью с Майком™ Смитом
• Вышел markdown-it, парсер markdown с расширяемым синтаксисом
• Ссылка внутри заголовка или заголовок внутри ссылки?
• Более быстрая загрузка веб-шрифтов для современных браузеров при использовании localStorage и при поддержке WOFF2
• Советы по оптимизации SVG на продакшене
• Разработка веб-приложения с фреймворком Junior и Firebase
• Делайте разметку лучше с помощью HTML Inspector
• Концепт меню для мобильных Pull Menu
• Sliding Header Layout
• Materialize — модный статический фреймворк, основанный на принципах Material Design
• Предосмотр фич Google Font OpenType

CSS

• CSS2 наносит ответный удар: W3C взялся за CSS2.2
• Проблема с CSS-препроцессорами
• Github CSS Styleguide
• Улучшаем кнопки с помощью режимов смешивания и фильтров
• Руководство по стилям от Buffer
• strip-css-comments — пакет для удаления комментариев из CSS (gulp/grunt/broccoli)
• Таблица CSS цветов
• Give ’n’ Go — галерея классных работ с Dribbble и их реализация на CodePen
• Воссоздание параллакс эффекта с сайта Firewatch
• Elf: сетка для Stylus, построенная на calc()
• Real Sass, Real Maps
• CSS — анимация для заголовков
• Представление проекта Sass Compatibility
• Позиционирование фоновых изображений со смещением

JavaScript

• Sortable v1.0: Новые возможности
• Учебник AngularJS: Всеобъемлющее руководство, часть 1
• Почему вам НЕ стоит использовать AngularJs
• 15 лучших JavaScript-библиотек для построения диаграмм и схем
• Нативные геттеры и сеттеры в JavaScript
• Нативная связь данных в JavaScript
• Свежие релизы jQuery 1.11.2 и 2.1.3: что нового
• ECMAScript 6: новые возможности ООП и классов
• Книга рецептов: JavaScript для автоматизации
• Полный стек JavaScript разработки с MEAN
• Artisan Validator — модуль для простой валидации в Node.js
• Прекрасный Backbone.js — модерируемая коллекция материалов
• Избегайте минифицированной версии AngularJS в разработке
• 80 вопросов по jQuery для собеседования (и ответы к ним)
• Multiple Select — jQuery плагин для множественных селектов и чекбоксов
• jQuery.DebugCssAnimation — плагин для быстрой отладки CSS анимации
• deSVG — замена img на SVG
• dynamic-json-resume — конвертируйте свое резюме в JSON-формат, и если необходимо — сделайте экспорт в PDF
• Конвертация AMD в CJS с помощью Recast
• Particture — изображения, нарисованные с помощью частиц в canvas
• Scrolline.js — jQuery плагин, добавляющий полосу-индикатор прогресса скроллинга страницы

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

• Вперёд в прошлое: 5 сайтов IT-компаний 10 лет назад
• Анимированные герои рождества и Нового Года в разных странах мира
• Сайт-презентация будущего аэропорта Лиона
• VirtualInsanity — сайт с необычным дизайном и симпатичными эффектами
• Вертикальный сайт со связной скролл-историей
• It´s all in your mind

Дизайн

• Как сделать идеальный дизайн для одно-страничного сайта
• Не зашел ли плоский дизайн слишком далеко?
• Нажми меня! Как сделать кнопки call-to-action более эффективными
• Пять способов выделить текст на фоновом изображении
• Продуктовый дизайн: 16 самых важных материалов за декабрь
• Типографика в новогоднем стиле
• Быстрый эффект гранж в Adobe Illustrator
• Прозрачные графические элементы в веб-дизайне
• Как я сделал интерактивный прототип почтового клиента с Google Form
• Лучшая и худшая айдентика в 2014-м, часть первая: лучшие примеры
• Дизайнер, работающая без рук
• Лучшие UI анимации 2014-го года
• UX CHECK — расширение для Chrome для помощи в идентификации проблем с usability
• Создание анимированной гифки в фотошопе и иллюстраторе
• Как нарисовать энергетическую сферу в фотошопе
• Уроки по созданию текстовых эффектов в фотошопе
• Создание зимней сцены в Adobe Photoshop: цифровое рисование
• Дизайн линейных иконок. Чему я научился
• Искусство фракталов: рисуем цветы в Apophysis
• Как нарисовать фонарик со свечей в Adobe Illustrator
• Хорошие, плохие и замечательные примеры веб-типографики
• FourZeroFour — галерея 404-х страниц
• Добавление проверки контрастности в процесс веб-разработки
• Material UI Colors

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

• Более двух десятков упаковок с фонами — геометрическими многоугольниками
• Наборы качественных кистей для фотошопа от FBrushes с абстрактными либо цветочными рисунками
• Наборы UI с плоским дизайном и яркими цветами
• Набор Hotel UI Kit в формате PSD
• Более восьмидесяти наборов с иконками
• Набор иконок для iOS — Odin-240+
• Монохромные векторные иконки на тему туризма и путешествий в форматах PNG и SVG
• Набор с иконками с плоским дизайном PixelBuddha
• Набор с векторными иконками Christmas
• Koulouri — декоративный шрифт с засечками
• SOCIALIZE — иконочный веб-шрифт
• Audimat 3000 Regulier — геометрический шрифт без засечек

Демо

• Рождественские эксперименты с CSS3 и JS анимациями
• Огни зимней городской улицы на canvas
• FLAKES — генератор объемных снежинок, которые вы создаете, набирая текст на клавиатуре
• LEVEL 2

Новости

• Google конкурирует с песенными сайтами
• В следующем году в Сингапуре появятся беспилотные автомобили
• Facebook хочет стать YouTube: раздел видео получил новый дизайн
• Windows XP все еще является второй по популярности настольной ОС
• Обновить Windows 7/8.1 до Windows 10 теперь можно прямо через Windows Update
• Coub назвал лучшие ролики и теги 2014 года
• Reddit вводит собственные денежные единицы Reddit Notes
• Yahoo закрывает ряд сайтов и сервисов
• Google добавил в поисковую выдачу тексты песен
• Хакеры слили в сеть 13 000 паролей от аккаунтов пользователей Xbox Live, PlayStation Network и Amazon

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

• 10 самых мощных суперкомпьютеров мира
• 2014 год: переломный момент для открытого ПО
• Лучшие коубы 2014го года
• Лучшие визуализации научных данных 2014 года
• Девять самых громких ИТ-скандалов года по версии ЦП
• Лучшее на Medium: Самые популярные статьи рубрики за 2014 год
• 15 главных разочарований игровой индустрии в 2014 году
• Лучшие дополнения для Firefox и Chrome 2014 года по версии Лайфхакера
• ИТ-тренды в корпорациях в 2015 году
• 14 самых ожидаемых технологий и гаджетов 2015 года
• Легенды Силиконовой долины: история Apple
• NASA планирует использовать дирижабли на солнечных батареях для исследования Венеры
• Легенды Силиконовой долины: история Tesla Motors

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

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

Автор: alexzfort

Источник