Дайджест интересных материалов из мира веб-разработки и 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
- Github CSS Styleguide
-
Улучшаем кнопки с помощью режимов смешивания и фильтров -
Подсветка элемента на странице за счет затемнения его окружения на чистом CSS -
Руководство по стилям от 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.