​​Сколько зарабатывают разработчики разных квалификаций 😈

В статье авторы сравнили зарплаты удалённых и офисных разработчиков, живущих в одних и тех же городах.

Читать - https://goo.gl/9nZz1o

#work

Результаты конкурса объявлены ⚡️
Название будущего проекта: FRONTEND BLOK

Смотреть стрим — https://youtu.be/WOMpIhg5y3M
Конкурс был тут — https://youtu.be/JQwIIUUF13g

​​Цветовые схемы брендов 👀

Еще один ресурс, где собраны цвета тысячи самых популярных брендов мира.

Смотреть - https://brandcolors.net

#work

​​Генератор веселых картинок 👽

С помощью этого генератора вы можете создать картинку с текстом, написанным буквами-человечками с обложки журнала "веселые картинки". Полезности никакой, но побаловаться забавно)

Смотреть - https://stardisk.xyz/funpics

#design

Книга «CSS для профи» — актуальная новинка 2019 года ⚡️

Посмотрите видеообзор на книгу, в которой содержатся актуальные темы, такие как Flexbox и Grid CSS. И, конечно же, по традиции ты можешь воспользоваться возможностью выиграть ее. Подробности в видео 👇🏻

Смотреть — https://youtu.be/5uQB96ng_mU

​​Генератор кода CSS Flex 🙈

Наглядный генератор кода по flex-box.

Смотреть - http://the-echoplex.net/flexyboxes

#css

​​Интерактивный курс по JavaScript 😎

Видеокурс об одном из самых популярных языков программирования - JavaScript с интерактивными заданиями.

Смотреть - https://goo.gl/jSkH7x

#javascript

​​Как работает @supports в CSS@supports в CSS 🙈

В CSS существует простой способ, позволяющий проверить браузерную поддержку какого-то свойства или комбинации свойства и значения перед тем, как применять определённый блок стилей. Именно об этом свойстве данная статья.

Читать - https://goo.gl/q56KMZ

#css

​​Как эмулировать многопоточность в JavaScript 👽

Как создать иллюзию многопоточности, используя JavaScript? Работая одновременно с двумя программами, операционная система резервирует для каждой отдельный участок памяти и виртуальное пространство адресов, определённое в BDT. ОС может переключаться между двумя исполняемыми процессами, обрабатывая каждый определённое количество времени. Система ставит на паузу один процесс, сохраняя его адреса, и продолжает работу с другим с точки сохранения.

Читать - https://goo.gl/nJdp5n

#javascript

​​Как сделать резюме пакетом NPM 😈

В этой статье вы узнаете:
1. Как сделать nodejs cli (интерфейс командной строки) приложениями.
2. Как опубликовать свой пакет NPM

Читать - https://goo.gl/a4kMtY

#work

​​Особенности использования типа данных Symbol в JavaScript 😎

Символьные примитивы — это одно из новшеств стандарта ES6, которое принесло в JavaScript некоторые ценные возможности. Символы, представленные типом данных Symbol, особенно полезны при использовании их в качестве идентификаторов свойств объектов. В связи с таким сценарием их применения напрашивается вопрос о том, что такого они могут, чего не могут строки.

Читать - https://goo.gl/q7dKJi

#javascript

​​Как система типов улучшает ваш код на JavaScript 👽

Если с вами когда-либо случалось то, что будет описано далее, то вы только выиграете, если будете применять систему типов.

✅ После получения списка данных вы обнаруживаете, что определенное поле не существует в одной из записей. Это приводит к сбою в работе приложения, если этот случай не отлавливается и не обрабатывается явно.
✅ Экземпляр класса, который вы импортировали, не имеет метода, который вы пытаетесь вызвать.
✅ Ваша IDE не знает, какие методы и свойства доступны для модулей и библиотек, поэтому она не может эффективно предлагать автодополнение.

Читать - https://goo.gl/8xaiyc

#javascript

​​Как получить оценку 500 в Chrome Audit? Подробный разбор на примере лендинга 😎

В инструментах разработчика браузера хром есть вкладка «Audit». На ней расположился инструмент который называется Lighthouse, служит он для анализа насколько хорошо сделано веб приложение.

Читать - https://goo.gl/U4JhLU

#work

​​6 популярных CSS-фреймворков для использования в 2019 году 👀

Создание эффективного CSS может быть довольно большой работой. Есть так много вещей, которые нужно учитывать, такие как отзывчивость, доступность и структура. Именно поэтому существуют CSS Frameworks, чтобы снять с вас это бремя! В данной статье на примерах рассматриваются некоторые из лучших CSS Frameworks 2019 года.

Читать - https://goo.gl/Rv1zjv

#css

​​8 простых, но полезных CSS-эффектов для вашего сайта 👽

Параллакс, ночной режим, смешивание цветов, липкий футер и еще несколько несложных, но неочевидных CSS-эффектов, которые вам пригодятся.

Читать - https://goo.gl/M7s9Br

#css

​​Webpack на практике: с нуля до создания автотестов 😎

Webpack создаёт граф зависимостей для JavaScript, CSS и прочих, выдавая однофайловые сборки кода так, чтобы вы могли импортировать все необходимые ресурсы JavaScript всего одним тегом <script>.
Эта статья поможет создать сборку для небольшого веб-приложения, а затем научит вас использовать Webpack для настройки автоматических тестов.

Читать - https://goo.gl/2PQ1zk

#work

​​Сила и мощь веб-компонентов 😎

Разговоры о веб-компонентах идут давно, и существует множество доступных материалов по ним. Статью следует рассматривать, как вводную по новым возможностям и ресурсам. Если вы хотите окунуться в тему глубже (а это определённо следует сделать), то можно почитать о веб-компонентах на MDN Web Docs и Google Developers.

Читать - https://goo.gl/ZXJEfE

#work

​​Новый алгоритм сжатия 😎

Brotli - более новый алгоритм сжатия, на 25% эффективнее gzip. Ну разве не круто?

Читать - https://goo.gl/3qBfwH

#work

​​Браузер Edge оказался в Сети 👽

За последние несколько недель было много утечек вокруг нового браузера Edge на основе Chromium от Microsoft. Сначала сообщали о просочившихся скриншотах, затем были документы техподдержки, страница расширений и даже не работающий установщик. Но теперь, полностью браузер просочился в Сеть и любой теперь сможет его опробовать.

Читать - https://goo.gl/FE8k3C

#work

​​Генератор шрифтов 😎

Для тех, кто хочет "поиграться" шрифтом.

Смотреть - http://spacetypegenerator.com

#work