HTML Academy
10.2K subscribers
5.27K photos
163 videos
4 files
3.29K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Свойство object-fit управляет соотношением сторон и способом масштабирования заменяемых элементов, таких как <img> и <video>.

Автор рассказывает, как с помощью CSS- и SVG-фильтров можно добавить оформление для изображений с этим свойством.
JavaScript — самый часто используемый язык программирования и другие результаты опроса разработчиков от Stack Overflow.
Cреди верстальщиков существует пренебрежительное отношение к использованию таблиц, даже тогда, когда это действительно уместно.

Времена, когда с помощью таблиц версталось всё — прошли, но значит ли это, что от них нужно отказаться вовсе?
Эмодзи на чистом CSS 😐.

https://codepen.io/nitishkmrk/pen/eBOeNL
Делаем фильтрацию контента с помощью чистого CSS.

Решение автор признаёт экспериментом, имеющим свои недостатки, но расширяющим рамки использования CSS.
Хейдон Пикеринг, не без ехидства, приводит популярные причины не использовать прогрессивное улучшение на своих проектах.
Перевод его ироничной статьи «Прогрессивное улучшение меня расстраивает».

https://medium.com/p/7084fa62d967
В команде снова пополнение. К нам пришла Лена и сейчас она расскажет, как так вышло.

https://htmlacademy.ru/blog/143-lena-karyakina
На днях CSS отпраздновал свой юбилей — 20 лет🎈🎉

https://www.w3.org/Style/CSS20/
47-й выпуск «Веб-стандартов»: Chromium и Opera, pos: sticky, WebVR, приоритизация JS, быстрый параллакс, инлайновый SVG, краткая запись CSS, контрольные точки, гриды и 20 лет CSS — https://soundcloud.com/web-standards/episode-47
SVG-анимация: ужин у костра с палаткой и незваным медведем.

https://codepen.io/issey/pen/wzQJZE/
Небольшая хитрость для оформления маркеров нумерованных списков, используя CSS-счётчики и псевдоэлемент ::before.
Таким образом можно кастомизировать каждый элемент с номером.

https://css-tricks.com/style-list-markers-css/
CSS-анимация для рамки при наведении.

https://codepen.io/paolocavanna/pen/qNKAyX
Бегущий Соник на чистом CSS.

https://codepen.io/joeylane/pen/WoGzLL