Особенный айтишник LIVE👨‍💻🇷🇺🕊🌏

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

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

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

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

#codepen #css

6 viewsСергей Золотарев, 08:09

Forwarded from CodePen Community

0:09

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

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

6 views04:47

Особенный айтишник LIVE👨‍💻🇷🇺🕊🌏

Forwarded from Типичный программист

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

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

#css #веб

0:10

2 views10:09

Особенный айтишник LIVE👨‍💻🇷🇺🕊🌏

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

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

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

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

MDN Web Docs

CSS nesting - CSS | MDN

The CSS nesting module defines a syntax for nesting selectors, providing the ability to nest one style rule inside another, with the selector of the child rule relative to the selector of the parent rule.

❤1

3 views07:18

Открыть ссылку »

Особенный айтишник LIVE👨‍💻🇷🇺🕊🌏

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

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

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

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

State of HTML 2023

Take the State of HTML survey

🥰1

8 views04:15

Особенный айтишник LIVE👨‍💻🇷🇺🕊🌏

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

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

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

Шедеврум

Шедеврум — приложение для генерации картинок с помощью нейросети

Пример интерфейса авторизации по биометрии, web, html5, css3

😱1

5 views16:29

Открыть ссылку »

Особенный айтишник LIVE👨‍💻🇷🇺🕊🌏

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

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

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

Хабр

Обзор на новую CSS-in-JS либу от Facebook* – StyleX

Недавно компания Facebook* (aka Meta**) выпустила в опенсорс собственную CSS-in-JS библиотеку под названием StyleX . По заявлениям разработчиков, она отлично подходит для больших проектов и ключевым...

4 viewsmentalcoderfromvk_bot, 09:02

Открыть ссылку »