CSS minn wara tar-riħ: Qafas u API CSS għall-Ewwel Utilità għal Disinn Rapidu u Reattiv

Qafas tas-CSS ta 'Tailwind

Filwaqt li ninsab fil-fond fit-teknoloġija kuljum, ma nġibx ħin daqs kemm nixtieq naqsam l-integrazzjonijiet kumplessi u l-awtomazzjoni li l-kumpanija tiegħi timplimenta għall-klijenti. Kif ukoll, m'għandix ħafna ħin ta 'skoperta. Ħafna mit-teknoloġija li nikteb dwarha huma kumpaniji li jfittxu Martech Zone li tkoprihom, imma kull tant żmien - speċjalment permezz ta 'Twitter - nara xi ftit buzz madwar teknoloġija ġdida li għandi bżonn naqsam.

Jekk taħdem fid-disinn tal-web, l-iżvilupp ta 'app mobbli, jew saħansitra sempliċement twaqqaf sistema ta' ġestjoni tal-kontenut, probabilment int ġlidt bil-frustrazzjonijiet ta 'stili li jikkompetu f'diversi skedi ta' stili. Anke bl-għodda tal-għaġeb tal-iżvilupp mibnija f'kull browser, it-traċċar u t-tindif tas-CSS jistgħu jeħtieġu wisq ħin u enerġija.

Oqfsa CSS

Fis-snin riċenti, id-disinjaturi għamlu biċċa xogħol pjuttost aqwa li jirrilaxxaw kollezzjonijiet ta 'stili li huma preparati u lesti għall-użu. Dawn is-CSS Stylesheets huma magħrufa aħjar bħala CSS Frameworks, jippruvaw jakkomodaw l-istili differenti kollha u l-kapaċitajiet li jirrispondu sabiex l-iżviluppaturi jkunu jistgħu jirreferu qafas biss milli jibnu fajl CSS mill-bidu. Xi oqfsa popolari huma:

  • Bootstrap - qafas li evolva fuq għaxar snin, introdott l-ewwel darba minn Twitter. Huwa joffri għadd ta 'karatteristiċi. Għandha żvantaġġi, li jeħtieġu SASS, diffiċli biex jiġu overwreied, dipendenti fuq JQquery, u huwa pjuttost qawwi biex titgħabba.
  • Bulma - qafas nadif li huwa faċli għall-iżviluppatur u m'għandux dipendenza fuq JavaScript.
  • Fondazzjoni - qafas CSS aktar ġeneriku u li jista 'jintuża li għandu tunnellati ta' komponenti li huma faċilment personalizzabbli. Barra minn hekk, hemm Fondazzjoni għall-Email u Moviment UI għall-animazzjonijiet.
  • Kit UI - kombinazzjoni ta 'HTML, JavaScript, u ​​CSS biex il-front-end tiegħek jiġi żviluppat malajr u faċilment.

Qafas tas-CSS ta 'Tailwind

Filwaqt li oqfsa oħra jagħmlu biċċa xogħol tajba biex jakkomodaw elementi popolari tal-user interface, Tailwind juża metodoloġija magħrufa bħala CSS atomiku. Fil-qosor, Tailwind organizzat bl-inġenjuż l-ismijiet tal-klassi billi tuża lingwaġġ naturali biex tagħmel dak li jgħidu li jagħmlu. Allura, filwaqt li Tailwind m'għandux librerija ta 'komponenti, l-abbiltà li tinbena faċilment interface b'saħħitha u li tirrispondi biss billi tirreferi l-ismijiet tal-klassi CSS hija eleganti, veloċi u inkomparabbli.

Hawn huma xi eżempji verament kbar:

Grilji CSS

kolonni css kolonni tal-grids tal-bidu

Gradjenti CSS

gradjenti css

CSS għal Support Mode Dark

css modalità skura

Tailwind għandu wkoll meraviljuż estensjoni disponibbli għal VS Code sabiex tkun tista 'faċilment tidentifika u ddaħħal klassijiet mill-editur tal-kodiċi ta' Microsoft.

Saħansitra aktar inġenjuż, Tailwind awtomatikament ineħħi s-CSS kollha li ma ntużax meta tibni għall-produzzjoni, li jfisser li l-pakkett CSS finali tiegħek huwa l-iżgħar li jista 'jkun. Fil-fatt, ħafna mill-proġetti ta ’Tailwind jibagħtu inqas minn 10kB ta’ CSS lill-klijent.

What do you think?

Dan is-sit juża Akismet biex inaqqas l-ispam. Tgħallem kif il-kumment tiegħek huwa pproċessat.