Сервис, который превращает код во всеми любимый “скриншот” экрана на телефон 🤪
сайт →

⏮ Реверсный список на чистом HTML

Мелкий лайфхак как сделать реверсный список с помощью обычного атрибута в HTML-коде, не вписывая цифры вручную или добавляя с помощью Javascript.
заметка →

Чому жиза, чому... 🥴

Прикольная кнопка “Отправить” 🤘
код →

​​#JS | Rough Notation

Легкая (3.8kb) библиотека для создания и анимирования аннотаций на веб-странице.
репо → | сайт →

Реализация курсора как на iPad OS

Я ненавижу кастомизацию курсора, скроллбара и прочих дефолтных вещей, но эта реализация топовая. (открывать с компьютера)
демо → | гитхаб →

Ты: Сеньор с хуолионом лет работы, хтмл/цсс/жс прошуршел до дыр, атомик дизайны, препроцессоры, сборщики, куча фреймов и либ, а завтракаешь тасками с жиры

Заказчик: Извините, мы искали того, кто работал с ёптаскрипт

Как стать тимлидом фронтендеров и как жить после этого

Про Node.js, React, архитектуру и структуру проектов Яндекс. Интересно почитать.
статья →

Мммм, новые иконки приложений от Adobe 🧐

«На чём корпорации вертели вашу приватность»

Артур Хачуян (Tazeros Global) рассказывает о приватности, безопасности и биг-дата. Интересное видео. Особенно для тех, кто дилетант в этом. ютуб →

​​Элементы интерфейса для выбора опций

Большая статья о том, как правильно реализовать элементы выбора и их состояния. Маст-хев для тех, кто работает с интерфейсами.
статья →

P.S. Не нажимайте на «темную» тему на этом сайте. Это худшая реализация темной темы эвер. Я не знаю чем руководился дэв сайта, но это пиздец 🥴

Не знаю почему, но меня постоянно тянет сохранить файл. Раз 5, на всякий. Возможно виноваты бородатые времена, когда еще недо-IDE не сохраняли автоматически и даже крашились. Это не учитывая того, что свет мог отрубиться в самый неподходящий момент. Никогда не забуду момент когда у меня крашнулась аплихуха во время сохранения и файл сломался (весь код как будто блендер перемешал), пришлось вручную фиксить.

Благо сегодня этой проблемы больше нету, да и гит есть. Я пытаюсь избавиться от этого, но привычка нажать Cmd+S осталась. Так надежнее 👀

CSS | Большой гайд по медиа-запросам

Типы, синтаксис и примеры использования медиа-запросов в CSS. статья →

📌 Добавь себе чтобы не потерять
#шпаргалка

Недавно, копая исходный код различных сайтов, нашел интересное CSS-свойство, о котором многие не знают — place-items. По сути, это объединение дефолтных свойств для выравнивания контента justify-items и align-items, работает с Flex’ами и Grid’ами.

Использовать его удобнее и легче для веса css-файла. Правда, поддержка похуже — в IE11 не поддерживается, в то время как свойства выше работают.

Знали о нем? 👀

​​Как удалить все папки node_modules с устройства на Mac OS/Windows в один клик. заметка →

Лучшее что я видел с этим мемом 🤪

Ha, classic 🤪

Хоть и реализиция кривая, но идея интересная — сайт украинской почты выводит украинские буквы ввиде кнопок при фокусе на инпуте (бывают случаи когда у пользователей нету укр. раскладки)

Спасибо за наводку @amd_nick