Jump to content
php.lv forumi

Responsive CSS3/HTML5 freims


F3llony
 Share

Recommended Posts

Ir kādi ieteikumi šajā sakarā? Pamatā meklēju 960/* tipa freimu bez lieka stuff- nekādas pogas, nekāds šits man vienkārši nav vajadzīgs, tikai un vienīgi responsive grid ar vai nu 960 vai nu 100% platumu. Ir simts un viens, bet interesē, kurš tiešām kādu no viņiem lieto un kādas atsauksmes. 

Link to comment
Share on other sites

Zefīr, jā, tieši to tas nozīmē. E.g. ja man ir 100% plats layout, kas dizainēts mostly lietošanai ar 1024+ izšķirtspēju, to samazinot vai palielinot, layouts pielāgojas nezaudējot pārskatāmību. Piemēram, bloki, kas atrodas blakus tiek pārbīditi viens zem otra utt. tranformācijas. 

Link to comment
Share on other sites

Viss ir atkarīgs kāds tev ir dizains, grid sistēmu pārsvarā var izmantot ziņu, portālu tipa uzbūvei, kur visa info atrodās kollonās, utt... grid savā ziņā ierobežo gan dizaineri, gan html, jo visa izstrāde ir jāizstrādā pēc kaut kāda pamata. Tas grid reāli jau tev ir gatavs, bet pārsvarā šādam lietām izstrādā paši savu responsive supportu, viena versija css webam, un tad ar media kverijiem pie platuma nosacījumiem mainam elementu opcijas, paslēpjam lieko, ieslēdzam piem mobile menu divu, pie tādiem un tādiem izmēriem, utt.... Gatavās sistēmas der tikai konkurētos gadījumos. Pārsvarā visu veido uz procentu bāzi un nosacījumiem. 

Link to comment
Share on other sites

foxsk8, grūti iedomāties, kur grids neder.

 

Tam ir vairāki bonusi:

1) dizainerim tā vieglāk zīmēt, jo viss jau izmērīts un objektus tikai izkārto.

2) griezējam viegli griezt, jo nav nekas jāmērī.

3) pamatīgi paaugstinās ātrums — dizains, griezšana, launch.

4) dizains ir patīkamāks acīm un labāk uztverams.

 

Piemēram, bluprintcss ietvars kopā ar compass http://compass-style.org/reference/blueprint/grid/

 

compass ļauj nepiesārņot html ar visādiem class='span3', kas reāli attiecās tikai uz css. Un arī nevajag pieslēgt liekas klases — to pašu .span3

 

Piemērs http://compass-style.org/examples/blueprint/grid/two_cols/

 

Tomēr šim ir augsta ienākšanas/apgūšanas pakāpe, bet ja šo procesu labi sakārtot, tad vēlāk atmaksāsies ar iegūto ātrumu. Pie tam compass ir vēl uz ruby, te jau neko izņemot PHP neatzīst :D

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...