Herskep die Reddit UI met Tailwind CSS [suboptimale kloon #2]

Blog

In hierdie video gaan ek oor hoe om die Reddit UI met Tailwind CSS te kloon. Dit is die tweede van vele Tailwind -klone wat ek van plan is om in die komende weke vry te stel. Ek maak hierdie reeks om my UI/webontwerpvaardighede te oefen en 'n paar onderwerpe te verduidelik. Sit dus terug, ontspan en volg terwyl ek sukkel om hierdie Reddit -kloon te herskep.



Nota: ek kodeer hierdie Reddit -kloon binne Vue.js, maar geen vooraf kennis van die raamwerk is nodig om dit te volg nie. Ek stel ook voor dat u dit teen 1.25 of 1.5x spoed kyk.

== [Tydstempels] ==
00:00 Reddit UI Clone Demo
01:42 Inleiding
02:48 Projekopstelling
03:28 GitHub -sjabloon + kode
04:01 Navbar - basiskode
05:46 Navbar - Reddit -logo
10:01 Navbar - afrolknoppie
14:18 Navbar - Dropdown Div
18:36 Vinnige Reddit UI -opsomming
19:23 Navbar - Soek
21:20 Navbar - Algemene aksies
24:28 Navbar - Reddit Coins
27:26 Navbar - Profielafdeling
31:16 Trending Today
36:02 Gewilde afdeling - Filter
41:08 Gewilde afdeling - Plasings
45:52 Reddit UI Clone Recap
46:25 Einde



bootstrap 4 vs 5

== [Skakels] ==
Tailwind CSS: https://tailwindcss.com/

Teken in: https://www.youtube.com/c/SuboptimalEng/featured



Windows -opdateringsfout 0x8024200d

#tailwind #css

www.youtube.com

Herskep die Reddit UI met Tailwind CSS [suboptimale kloon #2]

== [Beskrywing] == In hierdie video gaan ek oor hoe om die Reddit UI te kloon met behulp van Tailwind CSS. Dit is die tweede van vele Tailwind -klone wat ek beplan om vry te stel ...