поток | web dev | it
5 subscribers
36 photos
1 video
1 file
40 links
логи моего бесконечного обучения

оповещалка о стримах, можно общаться => https://t.me/it_flow_chat

legacy docs: t.me/faustdoc
github: github.com/Faustze
twitch: twitch.tv/Faustze
Download Telegram
Добро пожаловать!

Здесь мои субъективные мысли, находки и заметки. В основном про веб-разработку, но IT в целом тоже не обходим стороной

К созданию канала меня подтолкнули прокрастинация и синдром самозванца. Решил здесь периодически фиксировать небольшие шаги

» GitHub «

🖼️ #js 🖼️ #ts 🖼️ #python 👣 #go

🖼️#vue 🖼️ #nuxt 🖼️#vuetify 🖼️ #vueuse

🖼️ #react

🖼️#html 🖼️#css 🖼️ #lessjs 🖼️ #scss #sass 🖼️ #stylus
🖼️ #unocss 🖼️ #tailwindcss

🖼️ #vite 🖼️ #npm

🔖 #hh 👩‍💻 #leetcode #tools #news #ai #ml
Please open Telegram to view this post
VIEW IN TELEGRAM
Профиль с социальными ссылками

GitHub / GitHub Pages

📌 Семантическая разметка HTML5
📌 CSS переменные (BEM-методология), Flexbox
📌 Мобильный подход (Mobile-first workflow)

#html #css
Страница рецептов

GitHub / GitHub Pages

📌 Семантическая разметка HTML5
📌 CSS переменные (BEM-методология), Grid, Flexbox
📌 Мобильный подход (Mobile-first workflow)
📌 <dl>, <dt>, <dd> для списков определений в таблице
📌 <table> с атрибутом scope

#html #css
Карточка превью продукта

GitHub / GitHub Pages

📌 Семантическая разметка HTML5
📌 CSS переменные, Grid, Flexbox
📌 Мобильный подход (Mobile-first workflow)
📌 <picture> элемент для адаптивных изображений

#html #css
Секция с четырьмя карточками

GitHub / GitHub Pages

📌 Семантическая разметка HTML5
📌 CSS переменные, Grid, Flexbox
📌 Мобильный подход (Mobile-first workflow)

#html #css
Грид карточек отзыва + попробовал less.js

GitHub / GitHub Pages

📌 Семантическая разметка HTML5
📌 CSS переменные, Grid, Flexbox
📌 Мобильный подход (Mobile-first workflow)
📌 Less.js - препроцессор CSS

#html #css #lessjs
Карточка предпросмотра статьи

GitHub / GitHub Pages

📌
Семантическая разметка HTML5
📌 SCSS (переменные, вложенность, BEM-методология), Flexbox
📌 CSS position: absolute для всплывающих элементов
📌 JavaScript для интерактивности (переключение видимости)
📌 Атрибуты доступности ARIA (aria-expanded, aria-label)
📌 Мобильный подход (Mobile-first workflow)

#html #scss #js