📦 CSS контейнеры
В бета-версиях Google Canary появился медиа-запрос
статья →
#интересное | @webdevblog
В бета-версиях Google Canary появился медиа-запрос
@container, который работает не как viewport окна, а определенного контейнера. Невероятно крутая штука, которую должны подхватить другие браузеры. Описание и примеры использования.статья →
#интересное | @webdevblog
Ishadeed
Say Hello To CSS Container Queries
Let's learn about how CSS container queries work with lots of examples and use-cases.
Привет, давно не виделись!
В последнее время в Интернетах выходит мало годных материалов, но парочкой я поделюсь с вами в ближайшее время.
И да, наконец-то решилась проблема с моим макбуком на M1 и я обновил статью.
В последнее время в Интернетах выходит мало годных материалов, но парочкой я поделюсь с вами в ближайшее время.
И да, наконец-то решилась проблема с моим макбуком на M1 и я обновил статью.
Telegram
Даниил о вебдэве
Как я купил MacBook на M1, он сломался и как я пытаюсь починить его по гарантии. статья →
🚪 CORS: что, как, зачем
В статье разобрана история и эволюция политики одинакового источника и CORS, а также расписаны типы доступа между различными источниками и несколько оптимальных решений работы с ними.
статья →
#статьи | @webdevblog
В статье разобрана история и эволюция политики одинакового источника и CORS, а также расписаны типы доступа между различными источниками и несколько оптимальных решений работы с ними.
статья →
#статьи | @webdevblog
Хабр
CORS для чайников: история возникновения, как устроен и оптимальные методы работы
В этой статье подробно разобрана история и эволюция политики одинакового источника и CORS, а также расписаны разные типы доступа между различными источниками,...
5️⃣ Вышла пятая версия Bootstrap
Спойлер: почти ничего не поменялось, убрали поддержку IE (наконец-то!) и зависимость от jQuery.
статья →
#статьи | @webdevblog
Спойлер: почти ничего не поменялось, убрали поддержку IE (наконец-то!) и зависимость от jQuery.
статья →
#статьи | @webdevblog
Хабр
Вышел Bootstrap 5: оцениваем 7 главных нововведений
Пройдя через несколько альфа- и бета-версий, наконец-то появился Bootstrap 5, на что у разработчиков ушло несколько месяцев. Новая версия претерпела серьезные изменения, включая отказ от поддержки...
🔠 Гайд по настраиваемых свойствах
Большой и полезный гайд по «переменным» в CSS. На английском.
статья →
#статьи | @webdevblog
Большой и полезный гайд по «переменным» в CSS. На английском.
статья →
#статьи | @webdevblog
CSS-Tricks
CSS Custom Properties Guide | CSS-Tricks
Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name.
Прикольный генератор svg-аватарок для React с различными вариациями и цветовыми палитрами.
репо →
#полезное | @webdevblog
репо →
#полезное | @webdevblog
GitHub
GitHub - boringdesigners/boring-avatars: Boring avatars is an open source React library that generates custom, SVG-based avatars…
Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette. - boringdesigners/boring-avatars
🖼 <img> — что, как и зачем
В докладе автор постарался разобраться, как эффективно добавлять изображения на страницу, какие форматы графики для каких случаев полезны и как автоматизировать автоматизируемое.
статья →
#статьи | @webdevblog
В докладе автор постарался разобраться, как эффективно добавлять изображения на страницу, какие форматы графики для каких случаев полезны и как автоматизировать автоматизируемое.
статья →
#статьи | @webdevblog
Хабр
<img>. Доклад Яндекса
«Просто добавь картинку на сайт», — говорили они. А оказалось, что «просто» не значит «правильно». В докладе я постарался разобраться, как эффективно добавлять изображения на страницу, какие форматы...
🚪 Делаем UX лучше
15 полезных советов по User Experience на примере страницы входа и регистрации.
статья →
#статьи | @webdevblog
15 полезных советов по User Experience на примере страницы входа и регистрации.
статья →
#статьи | @webdevblog
www.learnui.design
15 Tips for Better Signup / Login UX
Mobile patterns · Form field validation · Autofocus · Microcopy · Error messages · Error prevention
GitHub анонсировала Copilot — плагин, который предугадывает целые строки и функции кода. Пока в закрытом тесте по инвайтах, но выглядит интересно.
ссылка →
#интересное | @webdevblog
ссылка →
#интересное | @webdevblog
GitHub
GitHub Copilot · Your AI pair programmer
GitHub Copilot works alongside you directly in your editor, suggesting whole lines or entire functions for you.
📼 Cпособы доступа к видеоконтенту
Какие IT-решения сегодня помогают реализовывать авторизованный доступ к видеоконтенту.
статья →
#интересное #отподписчиков | @webdevblog
Какие IT-решения сегодня помогают реализовывать авторизованный доступ к видеоконтенту.
статья →
#интересное #отподписчиков | @webdevblog
Tproger
Как обеспечить авторизованный доступ к контенту — отвечает эксперт
В статье поговорим с экспертом о том, как и какие технологические решения помогают реализовывать авторизованный доступ к контенту.
👀 Онлайн-редакторы с секретом
Как популярные онлайн-инструменты для «очистки» HTML тайно вставляют ссылки в сгенерированные данные, чтобы протолкнуть себя и связанные с ними сайты в рейтинге поисковых систем.
статья →
#интересное | @webdevblog
Как популярные онлайн-инструменты для «очистки» HTML тайно вставляют ссылки в сгенерированные данные, чтобы протолкнуть себя и связанные с ними сайты в рейтинге поисковых систем.
статья →
#интересное | @webdevblog
Хабр
Самый популярный HTML-редактор в выдаче Google — это афера с поисковой оптимизацией
Это история о том, как я случайно обнаружил масштабную аферу с поисковой оптимизацией. Резюме Некоторые высокорейтинговые онлайн-инструменты для редактирования...
🌄 Сегодня релизнули сервис, который позволяет проверить какие форматы изображений поддерживает браузер пользователя. Если каких форматов нету — пишите.
ссылка → | гитхаб →
#полезное | @webdevblog
ссылка → | гитхаб →
#полезное | @webdevblog
nickdeny.github.io
Squdo.js — DEVS • BAND
Squdo helps to detect what graphic formats your browser's <img> tag supports