Help Recommended CSS Framework??

[PHC - MON4RCH]

Based on your expertise mga sir, ano po yung css frameworks na madali lang e implement or like madali lang matutunan hehehe baguhan lang kasi

 

[Arcturus]

Bootstrap po kung beginner. Pero depende parin po yan sayo ts.

 

[PHC - MON4RCH]

Bootstrap po kung beginner. Pero depende parin po yan sayo ts.

Appreciated boss, need ko lang mga opinions para magka idea ako hehehe

 

[Lathan]

bootsrap madami may alam kaya pag nag tanong ka sa stackoverflow or dito masasagot agad. madali lang din matutunan yung docs nila

 

[Slime-]

Bootstrap talaga paps, pero gamit ko now is tailwindcss sa React

 

[PHC - MON4RCH]

bootsrap madami may alam kaya pag nag tanong ka sa stackoverflow or dito masasagot agad. madali lang din matutunan yung docs nila

Ahh kaya pala mostly nasa toplist yung bootstrap, nagsesearch kasi ako kanina about these frameworks then mostly bootstrap talaga or tailwind ba yun

 

[Arcturus]

Ahh kaya pala mostly nasa toplist yung bootstrap, nagsesearch kasi ako kanina about these frameworks then mostly bootstrap talaga or tailwind ba yun

oo ts sobrang lawak na kasi ng support nya.

 

[PHC - MON4RCH]

Bootstrap talaga paps, pero gamit ko now is tailwindcss sa React

Yung bootstrap or any type of css framework po ba is meron na yang file (like bootstrap.css) na e dadownload mo nalang sa site nila then nandun na nakalagay lahat ng values or codes then ikaw na po yung bahala kung san dun gagamitin mo? Sorry po if di masyado inline yung tanong heheh

 

[Slime-]

Yung bootstrap or any type of css framework po ba is meron na yang file (like bootstrap.css) na e dadownload mo nalang sa site nila then nandun na nakalagay lahat ng values or codes then ikaw na po yung bahala kung san dun gagamitin mo? Sorry po if di masyado inline yung tanong heheh

depende kung ano gamit mo na gamit pang code, may konteng import/install kalang like yung 'cdn script'. oo paps ikaw na bahala sa gagamitin mo, usually dun sa classname class="</>" lang nilalagay code nya

tulad nyan sa tailwind ito

 

[PHC - MON4RCH]

depende kung ano gamit mo na gamit pang code, may konteng import/install kalang like yung 'cdn script'. oo paps ikaw na bahala sa gagamitin mo, usually dun sa classname class="</>" lang nilalagay code nya

Appreciated sir, ito yung mean ko kanina hahah di matumbok ng utak ko. Anyway sir, if yung cdn script sir pwede po ba yun e copy nlang yung laman tas gawing offline. Legal po un?

 

[Slime-]

Yes paps legal yun, basta Open-source. Di mo rin magagamit yan kung need may bayad

 

[PHC - MON4RCH]

depende kung ano gamit mo na gamit pang code, may konteng import/install kalang like yung 'cdn script'. oo paps ikaw na bahala sa gagamitin mo, usually dun sa classname class="</>" lang nilalagay code nya

tulad nyan sa tailwind ito
View attachment 2088107

mas preferable talaga yung may framework noh, medyo madali matandaan yung mga values... ganyan din nakita ko dun sa fontawesome na script

Yes paps legal yun, basta Open-source. Di mo rin magagamit yan kung need may bayad

View attachment 2088111

Thank you ulit boss tsaka dun sa mga nag response sa thread heheheh sisimulan ko na bukas yung bootstrap journey

 

[iamjasz]

Tailwind ang gamit ko madalas.

 

[PHC-KILATIS12]

Kung for fun lang yung pag aaral mo ng web dev kahit mag skip ka na sa vanilla css pero kung for future opportunities, I would suggest na learn the basics of css muna before jumping to css frameworks. Once you learn css baka di mo narin isipin na gumamit pa ng frameworks and just proceed to use css preprocessors like sass and less

 

[PHC - MON4RCH]

Kung for fun lang yung pag aaral mo ng web dev kahit mag skip ka na sa vanilla css pero kung for future opportunities, I would suggest na learn the basics of css muna before jumping to css frameworks. Once you learn css baka di mo narin isipin na gumamit pa ng frameworks and just proceed to use css preprocessors like sass and less

Salamat sa information sir, actually, for fun lang talaga tong ginagawa ko hahaha (as of now dependi if magchange ako ng path) BSHM rin kasi kurso ko, sobrang layo sa ganitong field hahaha pero kinahiligan ko na talaga yung sa ganitong bagay dati pa kaya pampalipas oras ko nalang at sabay natututo rin

 

[D3V0N]

It depends sa pinag aaralan mo lods, if tamang starter palang like HTML, CSS and JS, Bootstrap is mostly recommended and famously advised to use kase developer friendly and well documented kaya madaling matutunan, but as you go further (in my own opinion/perspective) you will see the pros and cons. I advise you that always seek for pros and cons, know if its still beneficial and you can handle its cons. Good luck!

 

[PHC_Jayvee]

Tailwind talaga recommend
(Shakeable din sya. Imean yung mga unuse classes hindi masasama sa production build, unlike bootstrap. So yung need mo lang yung i bundle)

Ang tailwind kasi is highly configurable
Pwede mo i set lahat ayun sa gusto mo

May kahirapan nga lang

Bootstrap kasi mga premade classes na sya. Kaya if titignan mo mga bootstrap made na website, almost the same yung feel nila. Lalo na pag default color yung ginamit mo

Madali lang tailwind if gamay mo na css. Parang shorthand nalang sya ni css

Example sa mga utilities

Css way

<style>
.btn {
margin: 10px;
padding: 10px;
}
</style>

<button class="btn">Button</button>

Tailwind way

<button class="m-[10px] p-[10px]">Button</button>

Bootstrap way
Walang custom need mo mag css
Ang alam ko may premade din sila like p-1 m-1. Mga ganyan, pero pag custom need mo talaga mag css


If normal project lang for school or pwede ding pang prod, kung saan di masyadong custom yung design. Go for css+bootstrap

If custom talaga masyado use tailwind

But if may front end framework ka like react use tailwind. Kasi magiging problema mo yung loading time medyo mabigat kasi si react

And one problem kasi sa pure css is yung name collision. So ayusin mo pag name sa mga bagay. Kung ayaw mo sumakit ulo mo kaka debug kung bakit iba yung layout

Remember css Cascades

Honestly pag pure css tas walang framework, mas matagal pa mag debug ng mga style. Kaya halos lahat ng css ko may !important

In the end nasayo parin yun pano mo organized yung mga code mo

 

[genshin_mica]

Kung for fun lang yung pag aaral mo ng web dev kahit mag skip ka na sa vanilla css pero kung for future opportunities, I would suggest na learn the basics of css muna before jumping to css frameworks. Once you learn css baka di mo narin isipin na gumamit pa ng frameworks and just proceed to use css preprocessors like sass and less

+100

Tailwind talaga recommend
(Shakeable din sya. Imean yung mga unuse classes hindi masasama sa production build, unlike bootstrap. So yung need mo lang yung i bundle)

Ang tailwind kasi is highly configurable
Pwede mo i set lahat ayun sa gusto mo

May kahirapan nga lang

Bootstrap kasi mga premade classes na sya. Kaya if titignan mo mga bootstrap made na website, almost the same yung feel nila. Lalo na pag default color yung ginamit mo

Madali lang tailwind if gamay mo na css. Parang shorthand nalang sya ni css

Example sa mga utilities

Css way

<style>
.btn {
margin: 10px;
padding: 10px;
}
</style>

<button class="btn">Button</button>

Tailwind way

<button class="m-[10px] p-[10px]">Button</button>

Bootstrap way
Walang custom need mo mag css
Ang alam ko may premade din sila like p-1 m-1. Mga ganyan, pero pag custom need mo talaga mag css


If normal project lang for school or pwede ding pang prod, kung saan di masyadong custom yung design. Go for css+bootstrap

If custom talaga masyado use tailwind

But if may front end framework ka like react use tailwind. Kasi magiging problema mo yung loading time medyo mabigat kasi si react

And one problem kasi sa pure css is yung name collision. So ayusin mo pag name sa mga bagay. Kung ayaw mo sumakit ulo mo kaka debug kung bakit iba yung layout

Remember css Cascades

Honestly pag pure css tas walang framework, mas matagal pa mag debug ng mga style. Kaya halos lahat ng css ko may !important

In the end nasayo parin yun pano mo organized yung mga code mo

ang sarap munaman dade hahaha