​​💡 Ахуительная фича браузера для верстки

Хоть я и не суперактивный юзер хрома (больше по сафари), но в процессе разработки очень часто работаю именно с ним. И только сегодня я случайно узнал о комбинации клавиш Ctrl/Cmd + Shift + C, нажав лишнюю клавишу в попытке скопировать текст.

В чем суть фичи? Она покажет Вам всю верстку изнутри (шрифт, цвет, паддинги и тп), надо всего лишь навести мышку на нужный элемент. Кстати говоря, эта же комбинация работает и в Сафари, но без всплывашки.
Ахуеть! Век живи – век учись 🤩

А вы знали об этой фиче?

14 полезных плагинов для VS Code которые сделают тебя продуктивнее. ссылка →

Используете VS Code для работы?

jQuery — самая популярная в мире JavaScript-библиотека. Сообщество веб-разработчиков создало её в конце 2000-х, что привело к возникновению богатой экосистемы сайтов, плагинов и фреймворков, использующих под капотом jQuery. Конечно же, профит в создании библиотеки есть, но юзать её в 2019 точно не нужно. Дайте ей спокойно умереть 🌝

статья →

Фичи Chrome DevTools, о которых вы могли не знать

статья →

Эх, тяжела жизнь веб-разработчика: заходишь на сайтик фильмец посмотреть. Понимаешь, что провел час в консоли, пытаясь отловить ошибку при перемотке в плеере 🥴

#отподписчика

​​Где и как использовать мультиколонки (CSS Columns)

При всём ажиотаже вокруг технологий CSS Grid и Flexbox, часто упускается из виду другой метод разметки. В этой статье я хочу рассмотреть многоколоночный макет — часто называемый просто «Multicol» или «CSS Columns». Вы узнаете, для каких задач он подходит и какие нюансы следует учитывать при его использовании

ссылка → | пример →

📚 Как собеседовать работодателя?

У программистов обычно принято обсуждать собеседования с точки зрения (около)технических вопросов, которые им задает интервьювер. Автор статьи решил зайти с другого конца и обсудить не техническую часть, а вопросы, которые сам кандидат должен задать интервьюверу. Больше десятка полезных вопросов работодателю, устраиваясь на работу в офис

статья →

​​Интервью с фронтенд-дэвом порнхаба

Немного о всемирно извecтном аналоге YouTube для более открытых людей: как устроена разработка, какой стек используется, на что обращают внимание и куда движется

интервью →

​​Создание тёмной темы для сайта с использованием prefers-color-scheme. Поддерживается современными версиями MacOS, iOS, Android и Windows

видео →

⌨️ Как сделать нужную клавиатуру при вводе: все о «inputmode»

Атрибут inputmode указывает, какой механизм ввода будет наиболее полезен для пользователей, вводящих информацию в поле сайта. В отличии от type он не меняет стили и не влияет на семантику – он всего лишь меняет клавиатуру, которая отображается у пользователя. В этой статье я рассказал о том, как это сделать

ссылка →

«Да там работы на 5 минут, поможешь?» 🌝

Как обычно, старая-добрая рубрика #жсразум

🖼 Chrome полностью заблокирует смешанный контент

Google продолжает продвигать HTTPS, всё больше ограничивая в возможностях сайты, у которых нет TLS-сертификатов, хотя таких сайтов осталось уже мало. С июля прошлого года Chrome начал помечать такие сайты как небезопасные. Сейчас следующий шаг — компания анонсировала ряд шагов по постепенной блокировке смешанного контента.

Смешанный контент (mixed content) — это незащищённые элементы, передаваемые по HTTP-протоколу через страницы с SSL-сертификатом. Например, изображения, аудио и видео со сторонних (незащищённых) доменов. От такой практики придётся отказаться совсем.

статья →

Карта развития веб-разработчика

Список нужных скиллов и знаний для познания Дзена веб-разработки. Тех- и софт- скиллы инсайд

GitHub →

⚙️ 12 возможностей ES10 в 12 простых примерах

В статье функции, представленные в ES10, описываются в виде примеров простого кода. Вы сможете быстро их понять без подробного разъяснения. Javascript движется вперед и это круто.

статья →