Попробуйте обыграть компьютер в крестики-нолики, написанные на чистом CSS

Сделать на чистом CSS работающие крестики-нолики уже задачка не самая простая, но здесь автор пошёл ещё дальше и добавил туда интеллект, с которым вы можете сразиться. И всё это без единой строки JavaScript-кода.

Сможете ли вы обыграть компьютер? А повторить этот код? Проверьте себя:

https://codepen.io/alvaromontoro/pen/BexWOw

#codepen #css

Иконки с всплывающими подсказками, выполненные на чистом CSS, без использования JavaScript

https://codepen.io/abdelrhmansaid/pen/OJRNOpQ

#codepen #css
Подпишись👉 @codepen_1

​Центрируем вообще всё!

Рассказываем и показываем, как центрировать в CSS всё, что угодно, через Flexbox, Grid, Position и Margin

#css #веб

#ДоброгоУтра #WebInMyHeart #Frontend #HTML #CSS

Сколько раз в последних выпусках подкаста "Веб-стандарты" встречалось мне понятие "CSS Nesting" и наконец-то разобрался в том, что это такое на самом деле:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting

P.S.: В переводе с английского "CSS Nesting" это - "Модуль вложенности CSS определяет синтаксис для селекторов вложенности, предоставляя возможность вложения одного правила стиля в другое, с селектором дочернего правила относительно селектора родительского правила."

#WebInMyHeart #Frontend #Backend #WebStandarts #StateOfHTML #ВебСтандарты #HTML #CSS #JS #Javascript #МногоеВЖизниВпереди #ТоЛиЕщёБудет #ДоброгоУтра

В некоторых последних выпусках "Веб-Стандартов" встречал неоднократно упоминания про опрос "State of HTML" и я вчера принял участие в нём;-)

За 5 лет своего опыта работы в веб-разработке добился уже половины знаний по веб-технологиям и веб-стандартам(с большей частью из них я работал и работаю по сей день). Сам опрос по-настрящему это потвердил, а вы попробуете принять участие в опросе?:
https://clck.ru/363ctJ

P.S.: До сих пор я стараюсь добиться новых достиженной в основной деятельности!!!

Нейросети Яндекса по моему простому запросу нарисовал пример интерфейса для его разработки: https://shedevrum.ai/post/7882e1087b1e11eebb2eb646b2a0ffc1

В этом плане пока что начало и как вам такая уникальная фишка? 😉

#YandexGPT #YandexART #Шедеврум #Frontend #WebInMyHeart #UI #UX #HTML #CSS

#ДоброгоУтра #WebInMyHeart #Frontend #Backend #JS #React #CSS #ECMAScript #StyleX #ВебСтандарты #Javascript

Об этой вещи* впервые услышал в одном из последних выпусков подкаста "Веб-стандарты": https://habr.com/ru/articles/781166/

* В материале могут быть упомянуты ресурсы, владельцы которых запрещены и признаны экстремисткими организациями на территории Российской Федерации🇷🇺

window.matchMedia и событие "resize" неоднократно применял в практике для повышения эффекта адаптированности сайтов медиазапросами #CSS, а вы?: https://dev.to/soumyarian/usescreensize-a-custom-react-hook-for-dynamic-screen-size-detection-5e59

#ДоброгоУтра #UI #UX #ReactJS #Frontend #WebInMyHeart #WebStandarts #ВебСтандарты #HTML #ECMAScript