Purong CSS: Pinakamalinis na CSS Framework mula sa Yahoo!

Tulad ng alam mo, hindi ito ang oras ng kapanganakan ng internet at halos nakalimutan ng mga tao ang mga website, pagkakaroon ng isang teksto ng talata at ilang mga hyperlink. Kung gusto mong magpatuloy sa kasalukuyang mga pamantayan sa web, kailangan mong gawing kasiya-siya ang iyong website sa halip na tuwirang nakikita. Anuman ang coding language tulad ng HTML or PHP ginagamit para sa pagbuo ng user-interface, CSS ang magiging kasangkapan mo para gawing istilo ang webpage. Kapag inihambing namin ang isang webpage sa katawan ng tao, gumagana ang HTML bilang iyong mga buto samantalang ang CSS ay isang bagay na malapit sa balat at kalamnan, na ginawa para sa pagbibigay ng hugis at istraktura.

Tulad ng lahat ng iba pang bagay sa mundo ng disenyo at pag-unlad, nakakuha din ang CSS ng mga menor de edad at malalaking update na ginagawang akma upang maabot ang CSS3, na siyang pinakamahusay na pares kapag kasama ng HTML5 ang paglalakbay. Gayunpaman, ang bituin ng dula ay ang CSS trend o pattern na pinili mong gamitin! Tulad ng alam mo, mayroong iba't ibang CSS frameworks na magagamit para sa iyo na may iba't ibang hitsura at tampok tulad ng Bootstrap, Zurb atbp. Ang ipinapakilala namin sa iyo ngayon ay Puro CSS, isang simpleng coolgrid-based CSS Framework mula sa Yahoo!, ang nangungunang higanteng internet. Sa kabutihang palad, maaari mong gamitin ang balangkas na ito nang hindi nagbabayad ng isang sentimos.

Puro CSS

Maaaring gumamit ka ng iba pang mga framework tulad ng Zurb Foundation para sa pagbuo ng mga kaakit-akit na webpage at website. Ang paggamit ng CSS framework ay lubhang kapaki-pakinabang dahil maaari kang makakuha ng mga template para sa iba't ibang elemento sa pahina tulad ng mga dibisyon, form, menu atbp. Ito ay ang parehong function ng Purong CSS ng Yahoo! Sa halip na mag-download at magdagdag ng mga file sa folder na 'CSS', maaaring gumana ang Pure CSS Google Font, kung saan kailangan mong magdagdag ng isang linya ng code para sa pagsasama ng framework sa HTML. Dahil pinakabago ang framework, ganap itong tumutugon. Higit sa lahat, ang Purong CSS ay isa sa mga pinakasimpleng framework na mahahanap mo sa web. Maaari mong gamitin ang framework para sa pagpapagana ng iyong website o mag-download ng mga partikular na module para sa pag-istilo ng mga seksyon tulad ng mga form, menu atbp. Mayroong anim na indibidwal na module na magagamit nang libre. Ang mga module ng Purong CSS ay ang mga sumusunod, na tila magaan ang laki (mas mababa sa 2 Kb) kapag kinuha.

• Base: Mga Elemento ng Base Web Page tulad ng mga heading, paragraph, typography
• Pindutan: Iba't ibang mga pindutan na may mga epekto tulad ng aktibo, sa hover atbp.
• Mga Table: Available ang mga base table na may hangganan atbp.
• Mga Menu: Pahalang, Vertical, Dropdown.
• Mga Grids: Tumutugon Grids.
• Mga Form: Nakapangkat na input, multi-column atbp.

TINGNAN DIN: Mga Subtle Pattern Bookmarklet: I-preview ang Mga Pattern ng Background sa Iyong Website.

Bakit Gumamit ng Purong CSS

• Hindi gaanong nagamit na Code: Karaniwan na makikita mo ang malaking bilang ng hindi nagamit na code kapag gumagamit ng iba pang css frameworks. Sa kabilang banda, sa kaso ng Pure CSS, hinding-hindi mo haharapin ang problemang ito dahil magagamit mo ang partikular na bersyon ng framework at gamitin ito para sa pag-istilo ng mga partikular na seksyon ng webpage. Siyempre, mas kaunting code ang tila napakahusay!
• Lahat sa loob: Hindi bababa sa ilan sa iba pang mga framework, gumagamit sila ng mga third-party na plugin at code ng JavaScript para sa pagpapahusay ng visual na epekto. Gayunpaman, ang Pure CSS ay hindi gumagamit ng anumang uri ng mga JS plugin na hindi kasama ang kaso ng ginamit sa drop-down effect. Ang mas kaunting code ng third-party ay makakapagbigay sa iyo ng mas mabilis na pag-load ng page at pagiging maayos sa code.
• Mga Template: Kung hindi ka eksperto sa disenyo ng iyong sariling layout para sa iyong website, makakatulong ang Pure CSS sa seksyong iyon. Ang website ay naglalaman ng ilang mga halimbawa ng layout, tumutugma sa mga website na may iba't ibang intensyon tulad ng marketing, landing page atbp.



• Tagabuo ng Balat: Kung sakaling masisiyahan ng mga template at istilo ang malikhaing taga-disenyo sa iyo, maaari mong gamitin ang tagabuo ng balat ng Purong CSS para sa pagbuo ng iyong sariling balat. Tulad ng maaari mong hulaan, hindi isinasaalang-alang ng tagabuo ng balat ang iyong kadalubhasaan sa antas ng coding.



TINGNAN DIN: Mga Font ng Icon: Mga Kalamangan at Kahinaan ng Font Awesome Generator.

Paggamit ng Purong CSS

Gaya ng tinukoy sa naunang Purong CSS, mayroong maraming kanais-nais na mga tampok kung ihahambing sa iba pang mga balangkas. Inaalala ang sinabi namin dati, maaari mong gamitin ang Pure CSS sa pamamagitan ng parehong paraan ng Google Fonts. Kailangan mong magdagdag ng isang linya ng panlabas na link ng file para sa pagdadala ng istilo sa iyong webpage. Ang tampok na ito ay lubos na kapaki-pakinabang kapag kailangan mong bumuo ng mga webpage ng solong file at kapag wala kang sapat na espasyo para sa paglalagay ng lahat ng mga css file (Hulaan na hindi ito mangyayari kailanman). Bilang Yahoo! pinaikot ang gulong ng proyekto sa proyekto, hindi mo nais na panahunan tungkol sa pag-load ng mga error o teknikal na pagkabigo.

Kung gusto mong gamitin ang buong CSS template ng Pure CSS, maaari mong idagdag ang sumusunod na code sa pangunahing webpage. Maaari ka ring mag-click sa link ng CSS file at i-download ang CSS file upang magamit ito.

[html]

[/ html]

Kung sakaling, kung gusto mo lang gumamit ng mga partikular na bersyon ng CSS tulad ng mga menu, form atbp. mayroong mga espesyal na code na magagamit kasama ng mga nakalaang CSS file. Ang listahan ng mga URL ay ang sumusunod:



Ang paggamit ng skin builder ng Pure CSS ay isa ring mas madaling gawain dahil makokontrol mo ang mga katangian ng mga elemento gamit ang mga intuitive control button ng page ng skin builder. Gayunpaman, ipinapayo namin na dapat mong i-download ang mga CSS file upang maunawaan ang mga pangalan ng mga elemento. Gaya ng sinabi namin, ang paglalagay ng mga mas mababa sa 2 Kb na file na ito ay hindi makakaubos ng espasyo sa iyong disk.

Ang website ng Pure CSS ay naka-set up sa paraang kahit na ang isang newbie ay maaaring magpasok ng Pure CSS based na mga elemento sa kanilang mga website. Makakakita ka ng simpleng sidebar sa kaliwang bahagi, na naglilista ng mga seksyon tulad ng mga form, mga button atbp. Sa bawat page, available ang mga preview kasama ng HTML code upang dalhin ang epektong iyon sa iyong website. Samakatuwid, napakadaling ipasok ang mga naturang elemento sa iyong webpage. Ipinapakita sa ibaba ang preview at code ng isang solong uri ng form sa pag-login.



Konklusyon

Kapag sinusuri ang lahat ng feature ng Pure CSS, isa ito sa pinakamabuting kontribusyon ng Yahoo! sa disenyo ng mundo. Yahoo! User Interface, karaniwang kilala bilang YUI ay sumusuporta sa lahat ng mga string na naka-attach sa Pure CSS na ginagawang pinakamahusay ang framework kapag may paghahambing. Bukod sa paggamit ng mga pre-set na elemento, maaari mo ring i-customize ang Purong CSS. Kailangan mong akayin ang iyong sarili sa website ng Pure CSS para sa paggamit at pag-aaral ng higit pa tungkol sa simpleng compact na framework. Ipaalam sa amin ang iyong opinyon tungkol sa balangkas na ito pagkatapos suriin ang mga halimbawa at gamitin ito sa iyong proyekto.