Офигенная web-разработка

🔗 75 онлайн инструментов, которые помогут сэкономить время в разработке и подготовке ассетов для вебдэвов и дизайнеров. ссылка → 📌 Добавь себе чтобы не потерять #шпаргалка | @webdevblog Speckyboy Design Magazine 75+ Tiny CSS Tools & Apps for Web Designers — Speckyboy All of these free tools and apps have been built as time-saving problem solvers to some of the more time-consuming areas of CSS development.

Использование закона Фиттса: основной принцип UI/UX при разработке интернет-магазинов. статья → #статьи | @webdevblog Хабр Использование закона Фиттса: основной принцип UI/UX при разработке интернет-магазинов Математический закон середины XX века применяют к дизайну UI-интерфейса онлайн-магазина, чтобы превратить посетителей в клиентов. Даже небольшое улучшение процесса оформления заказа в онлайн-магазине...

⏱ Реализация skeleton’а, который визуально отобразит состояние страницы на время ожидания загрузки контента. статья → #статьи | @webdevblog DEV Community Skeleton Screen Loading Animation using HTML & CSS In this article I have shown how Skeleton Screen Loading Animation is created using HTML CSS and...

⏳20 полезных функций Javascript, которые сэкономят ваше время. В одну строку. ссылка → #полезное | @webdevblog DEV Community 20 Killer JavaScript One Liners ☝️ Hello Folks 👋 This is Savio here. I'm young dev with an intention to enhance as a...

🔐 HTTP/3 от А до Я [ч.1] Первая часть большой статьи новой версии протокола передачи данных. статья → #статьи | @webdevblog Хабр HTTP/3 от А до Я: основные концепции. Часть 1 Фото Florencia Viadana, Unsplash.com После почти пятилетних разработок протокол HTTP/3 наконец приближается к окончательному выпуску. Предыдущие итерации уже доступны как экспериментальная функция,...

👀 Код ревью Как внедрить и не испытывать боль. Статья о важной части разработки, которую часто игнорируют. статья → #статьи | @webdevblog Хабр Код ревью, как внедрить и не испытывать боль Если вы работаете в продуктовой компании, то жизненный цикл почти каждого продукта будет соответствовать принципу Парето:20% времени мы пишем новый код.80% времени поддерживаем старый. Поддержка...

Непопулярные возможности Chrome DevTools, которые ускоряют и улучшают процесс разработки. статья → #статьи | @webdevblog Хабр Не очень известные возможности Chrome Devtools Это просто превью, не высматривайте тут интересного)Chrome Devtools, безусловно, мощнейший инструмент для разработки, дебага, профайлинга и тестирования в браузере. С каждым релизом в него завозят всё...

🔗 Почему гиперссылки синие? Интересная история цвета ссылок, начиная с 1964 года. статья → #интересное | @webdevblog blog.mozilla.org Why are hyperlinks blue? | The Mozilla Blog The internet has ingrained itself into every aspect of our lives, but there’s one aspect of the digital world that I bet you take for granted. Did you ev

Skillbox потребовал удалить мем с логотипом компании из Telegram-канала из-за нарушения прав на товарный знак. статья → Теперь они узнают что такое эффект Стрейзанд. #новости | @webdevblog vc.ru Skillbox потребовал удалить мем с логотипом компании из Telegram-канала из-за нарушения прав на товарный знак — Право на vc.ru А ещё это порочит деловую репутацию.

🛠 Список полезных инструментов и сервисов, которые используются для повышения производительности страницы. ссылка → #полезное | @webdevblog Progressive Tooling A curated list of progressive tools to optimize the performance of your web project

🗄 Памятка / шпаргалка по SQL Основные команды, типы данных и другая полезная информация для SQL. статья → 📌 Добавь себе чтобы не потерять #шпаргалка | @webdevblog

Хочешь канал по IT-тематике но при этом хочешь чему то оттуда научится? Я тебя поздравляю, такой есть! Добро пожаловать в канал PB Technology! Что мы тебе предлагаем? 1. Тонна мемов 2. Интересные новости и статьи 3. По настоящему "познавательные" викторины 4. Методички PS: На канале опубликована очень годная методичка по Python от админа, чекай закреп 👀 Подписывайтесь на @pb_tech #реклама

🍝 Распутываем спагетти-код Как писать поддерживаемый Javascript: анализ, организация и документация кода. статья → | оригинал (ENG) → #статьи | @webdevblog Прогрессор Распутываем спагетти-код: как писать поддерживаемый JavaScript Список рекомендаций по процессу рефакторинга существующего кода

📖 Критерии качества вёрстки 2021 Свод правил для создания правильной верстки, особенно полезно новичкам. Даже крупные ресурсы часто грешат кривой версткой, одно из — сломанная навигация через Таб. ссылка → #полезное | @webdevblog Хабр Критерии качества вёрстки 2021 6 лет назад мы обсуждали с сообществом критерии качества вёрстки , которые мы используем в обучении, чтобы наши выпускники радовали рынок своими умениями и подходом к работе. С тех пор в разработке...

🖥 VK + Интерфейсы Стайлгайды и заметки о построении интерфейсов и их элементов от разработчиков некогда популярной социальной сети. VK UI → | VK Канон → #полезное | @webdevblog

📱 NFC приходит в Web! Web NFC убирает ограничения для разрабов и функциональность NFC теперь может быть частью Интернета: меньше смысла разрабатывать и качать ненужные приложения. Еще одна крутая фича для PWA, которую я жду. статья → | оригинал (ENG) → #статьи | @webdevblog Хабр NFC приходит в web Эта статья — перевод оригинальной статьи  " NFC comes to the web " . Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки интерфейсов....

🏎 Приёмы ускорения кода На Javascript и других языках: подборка от разработчика поиска Яндекса статья → #статьи | @webdevblog Хабр Приёмы ускорения кода на JS и других языках: подборка от разработчика поиска Яндекса Привет! Меня зовут Виктор Хомяков, в Яндексе я работаю над скоростью страниц поиска. Однажды мне в голову пришла идея обобщить свой опыт и систематизировать приёмы ускорения работы кода на JavaScript....

В удивительное время мы живем… Сегодня ты пишешь код, а завтра он тебя увольняет, без суда и следствия. Похожая история была с Амазоном ранее, но это не остановило основателя Xsolla провернуть такую хуйню еще раз. Надеюсь Шурика и его прихвостней закенселят, а уволенные сотрудники найдут нормальную работу. статья → | история с Amazon → vc.ru Xsolla уволила часть сотрудников пермского офиса после «анализа их активности» в рабочих чатах Пользователи Twitter раскритиковали компанию за причину увольнения и тон письма основателя. Сама компания обещала «максимальный уровень поддержки» тем, кто попал под сокращение.

📐 Маски и обрезание контента С момента появления в 2014-ом фукционал внедрился в каждый браузер, значит его можно использовать в продакшне. Примеры — в статье. статья → #статьи | @webdevblog CSS-Tricks Perfect Tooltips With CSS Clipping and Masking | CSS-Tricks Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a

🖼 Как устроена серверная UI-система Airbnb Как Airbnb обеспечивает быстрое развертывание функций в браузерах, на iOS и Android с помощью серверной UI-системы Ghost Platform. статья → #статьи | @webdevblog Хабр Как устроена серверная UI-система Airbnb Как Airbnb обеспечивает быстрое развертывание функций в браузерах, на iOS и Android с помощью серверной UI-системы Ghost Platform Введение. Серверный UI Прежде чем разбираться с реализацией...