Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
- 5 трендов программирования в 2016 году, которые изменят индустрию
- WordPress в 2016: чего ждать от системы?
- Коллекция практических советов и заметок по вёрстке
- Загрузчик модулей для node js с поддержкой локальных модулей и загрузки модулей по требованиюиз песочницы
- Фрустрация современных веб-разработчиков:
- Печальное состояние веб-разработки (The Sad State of Web Development)
- Печальное состояние веб-разработчиков (The Sad State of Entitled Web Developers)
- Печальное состояние XYZ — или что происходит, когда вы берете новую блестящую штуку (Sad state of XYZ — or What happens when you pick shiny new stuff)
- [Настоящая] проблема с JavaScript (The [real] problem with JavaScript)
- Не говорите мне, чего не умеет мой браузер! (Don’t tell me what my browser can’t do!)
- Почему я ненавижу ваш SPA (Why I hate your Single Page App)
- Завершение истории о “Modern javascript, annotated”
- Понятие «средней страницы» в вебе — это миф (The «Average Page» is a myth)
- Как выбрать, что учить дальше (How to decide what to learn next)
- Как заставить ваш блог работать оффлайн (How To Make Your Blog Work Offline)
- Очередная awesome подборка, на этот раз посвященная npm
- Webpack vs Browserify: By The Numbers
- Как отвечать на вопрос «что делает doctype?» при собеседовании на фронтендера (Answering Front-end Developer Interview Questions: “What does a doctype do?”)
- Почему я забил на Gulp и Grunt для своих npm скриптов (Why I Left Gulp and Grunt for npm Scripts)
- Оживляем анимацию с помощью физики (Bring your animations to life with physics)
- 12 трендов веб-разработки, о которых вы должны знать в 2016-м (12 web development trends you must know about in 2016)
- Насчет доступности и малого количества хорошего HTML (On Accessibility and the Lack of Proper HTML)
- Назад в будущее в 2016 (Back to the Future in 2016)
- Отрисовка каустики в реальном WebGL (Rendering Realtime Caustics in WebGL)
- Руководство для начинающих по Github и Git (The Beginner’s Guide to Github and Git)
- Проблемы с новостной лентой GitHub-а (The problems with GitHub's News Feed)
- Как Teespring использует Canvas, SVG, и DOM для дизайна футболок (How Teespring uses Canvas, SVG, and the DOM to Design T-Shirts)
- Эффектный веб:
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #20
- Эксперимент по реализации предпросмотра места в кинотеатре (Cinema Seat Preview Experiment)
- Впечатляющий эксперимент с CSS3 анимацией: ABCD Animal Book
- Забавные штуки, которые поймут только разработчики (Things Everyone Who’s Learning to Code Will Understand)
CSS
- Секреты режимов наложения. Перевод статьи Blending Modes Demystified
- Выбираем между «min-width» и «max-width»
- Переменные: костяк CSS архитектуры (Variables: The Backbone Of CSS Architecture)
- Подкаст Big Web Show 141: CSS Grid Layout With Rachel Andrew
- The Sass Ampersand
- Как я сжал свой CSS до 84kb с помощью ITCSS (How I Shrank my CSS by 84kb by Refactoring with ITCSS)
- Влияние печатных макетов на структуру веб-страниц (Influencing Web Layouts with Print Layouts)
- Flexbox:
- Использованире Flexbox в почтовых письмах
- Разработка продуктовой страницы с помощью Flexbox (Designing A Product Page Layout with Flexbox)
- Пожалуйста, не используйте “CSS в JS”
- Эрик Мейер о примерах использования Grid layout (Subgrids Considered Essential)
- Оси в Flexbox (The Axis of Flexbox)
- Использование Bootstrap 4 Flexbox
- U.S. Web Design Standards. Стайлгайды, по которым делаются государственные сайты в Штатах
- Настало время переосмыслить вендорные префиксы в CSS (It’s Time to Rethink Vendor Prefixes in CSS)
- Все, что я знаю про отзывчивую веб-типографику в CSS (Everything I know about responsive web typography with CSS)
- Critical Web Fonts
- 22 полезных рецепта CSS
- Генератор градиентов с размытием
- Удивляющие свойства CSS, которые вы можете использовать уже сегодня (Surprising CSS properties you can use today)
- CSS Modules — решение проблем масштабирования с CSS (CSS Modules — Solving the challenges of CSS at scale)
- Забавная игра на «чистом» CSS. Используются: cursor: img.png, clip-path, transforms, KeyFrames
JavaScript
- Новости:
- Microsoft опубликовал исходные тексты JavaScript-движка ChakraCore
- Исходный код JavaScript-движка ChakraCore выложен на GitHub
- jQuery исполнилось 10 лет (10th Anniversary of jQuery)
- Релиз jQuery 3.0 Beta
- Релиз lodash v4.0.0 (lodash v4.0.0)
- Фреймворки:
- How to ReactJS
- Чего ожидать от JS в 2016-м — фреймворки (What To Expect From JavaScript In 2016 – Frameworks)
- Игра 2048, реализованная с помощью React и Redux
- React для разработчиков Angular
- Ресурсы по SPA React и Redux (React and Redux Single Page Applications Resources)
- ES6:
- Как изучать ES6 (How to Learn ES6)
- ES6 классы имеют собственные внутренние имена (ES6 classes have inner names)
- Шпаргалка по вызываемым сущностям в ES6 (Cheat sheet for callable entities in ES6)
- Усталость от JavaScript: альтернативная перспектива (JavaScript Fatigue: An Alternative Perspective)
- Асинхронные приключения в JS: разбираемся с Event Loop (Asynchronous Adventures in JavaScript: Understanding the Event Loop)
- Асинхронный ввод/вывод с генераторами и промисами (Asynchronous I/O with Generators & Promises)
- Параллельний JavaScript с помощью ParallelJS
- Начинаем работать с Underscore.js
- Не забывайте о “noscript” (Quick Tip: Don’t Forget the “noscript” Element)
- Enumify: лучшие enum-ы для JavaScript (Enumify: better enums for JavaScript)
- Понимание Garbage Collection и отслеживание утечек памияти в Node.js (Understanding Garbage Collection and Hunting Memory Leaks in Node.js)
- Уменьшите размер вашего bundle.js, сделав одну вещь (Reduce Your bundle.js File Size By Doing This One Thing)
- Разбор JavaScript синтаксиса IIFE (Disassembling JavaScript's IIFE Syntax)
- Как создать сервис отправки позитивных SMS-сообщений с Stripe и Syncano (How to Build a Daily Affirmations SMS Service with Stripe & Syncano)
- Breakpoint.js — микробиблиотека (~800 байт) для работы с медиазапросами в JavaScript
- SVGnest — библиотека, позволяющая помещать векторные объекты в контейнер
Браузеры
- Компания Microsoft официально прекратила поддержку браузера Internet Explorer 8, 9 и 10 версий
- Firefox 46 будет поддерживать работу с несколькими мониторами с разной плотностью пикселей
- В Firefox для YouTube добавлено преобразование блоков Flash-видео в HTML5
- Что нового в Safari 9.1 для разработчиков
- Webkit! RESOLVED FIXED. О том, почему в Firefox решили поддерживать префиксы -webkit
- Firefox отказывается от Application Cache API в пользу Service Workers
- Десятилетняя история веб-инспектора (10 Years of Web Inspector)
- Браузерные тренды в январе 2016: обзор 12-ти месяцев
- Прекращение поддержки IE 8 в React DOM (Discontinuing IE 8 Support in React DOM)
Дизайн
- Как проектировать для людей с цветовой слепотой
- Bing получил новый логотип , Новый логотип Bing становится зеленым
- Избегайте гамбургерного меню на десктопах (Avoid the Hamburger Menu for Desktop Layouts)
- В защиту гамбургерного меню (In defence of the hamburger menu)
- Facebook и как UI влияет на ваши слова (Facebook and How UIs Twist Your Words)
- Как создать визуально эффективную CTA (How to Create Visually Effective Calls-To-Action)
- Разбор восхитительного дизайна (Delightful Design, Deconstructed)
- Information Architecture: The Scaffold of Good UX
- Юзабилити как враг (Usability as the enemy)
- История редизайна для Instant eSports (Designing the ESPN for eSports)
- Пять способов улучшить дизайн магазинов для пользователей с нарушением восприятия цветов (5 Ways to Improve Your Ecommerce Design for Colourblind Users)
- Никто не хочет использовать твой продукт (Nobody Wants To Use Your Product)
- Как делать дизайн для дислексии (How to Design for Dyslexia)
- Использование визуальной громкости для лучшего ориентирования (Using Visual Loudness for Better Wayfinding)
- Пять неожиданных мест для добавления индвидуальности к Вашему сайту (5 Unexpected Places to Inject Personality into Your Site)
- Julie Ann Horvath, продуктовый дизайнeр (Julie Ann Horvath, Product Designer)
- Прототипирование для крошечных экранов (Prototyping for a tiny screen)
- Разработка логотипа Development Set (Developing The Development Set’s Logo)
- Sketch:
- Как я делал шаблон веб-магазина в Sketch.app для Themeforest. Часть 1: письмо, идея, прототип
- Презентация дизайна с помощью Sketch
- Шаблон для проектирования в Sketch
- Серия уроков Sketch (часть 2 из 5): символ и стили
- Прошлое, настоящее и будущее Sketch. Интервью с разработчиком, Pieter Omvlee (The Past, Present and Future of Sketch)
- Типографика:
- Процесс раработки шрифтов Vinter (The process of drawing Vinter fonts)
- Десять самых популярных веб-шрифтов 2015-го года (и шрифты, которые вы должны рассмотреть как замену) (The Ten Most Popular Web Fonts of 2015 (And Fonts You Should Consider Using Instead))
- Шесть прекрасных современных альтернатив шрифту Helvetica (6 Great Contemporary Alternatives to Helvetica)
- timetrabbble — самые популярные работы в Dribbble по хронологии (most popular dribbble shots on)
- Крутые дизайнерские gif-ки
Подборка бесплатных дизайнерских печенек
- Этикетки посвященные Дню святого Валентина в PSD (Free 9 Valentines Day Label PSD)
- Бесшовные иконочные текстуры (20 Free Seamless Icon Patterns for Designers)
- Бесплатные фотографии для дизайна ко Дню Влюбленных
- Timber! Набор векторных элементов (Timber! Vector Elements Set)
- Мокапы для демонстрации дизайна логотипов (80+ Free Logo PSD Mock-up Templates)
- Наборы иконок для магазинов (20+ Free E-Commerce Icon Sets to Download)
- Декоративный шрифт BlowBrush (BlowBrush Free Font)
- Рукописный декоративный шрифт Brush (Duwhoers Brush Free Font)
Новости
- World Wide Web Consortium (W3C) получил премию Emmy ® за разработку стандартов для доступных субтитров
- Глава Tesla подтвердил работу Apple над собственным электромобилем
- Skype добавляет групповые видеозвонки на мобильные устройства
- В Skype добавили интеграцию со Slack и функцию синхронного перевода
- На рынке ПК произошёл рекордный обвал
- Твиты на 10К символов. Грядет буря?
- Baidu открыл свои наработки в области машинного обучения
- Mozilla закрывает сервис идентификации Persona
- Google: HTTPS-сайты получают преимущество в ранжировании даже при наличии ошибок протокола
- В YouTube появится поддержка видео в формате HDR
Занимательное
- 6 мифов о создании продуктов: Распределение ресурсов, длина итерации, скрытая функциональность
- От умных холодильников до тупых маркетологов. Почему выставка CES стала бесполезна
- CES 2016. Выставка, которая удалась!
- GameTrailers назвал лучшие игровые годы
- Самые влиятельные бренды и люди после CES 2016
- 11 компаний, которые пытались купить Facebook на стадии стартапа
- Коллекция: 10 GIF-анимаций для стандартных ответов на письма
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.