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 ...