Elus grid. Seminar veebidisaineritele. Mekaia, 6 veebruar 2014
- 1. Elus grid seminar veebidisaineritele
- 2. Minust Anna J探gi Mekaias t旦旦tanud front-end developerina 4 aastat Esimene Drupali projekt 2,5 aastat tagasi
- 4. 2. Drupal ja ta theme
- 5. Drupal Ei ole mingi lihtsalt CMS. On framework. Saab lisada mooduleid suure valiku seast Drupal on ideaalne vahend agiilse arenduse jaoks
- 7. Ajatelg
- 8. Drupal HTML ei tule arendaja loodud templeitidest vaid selle koostavad Drupal core ja moodulid automaatselt Baas theme m辰辰rab suurte elementide j辰rjestuse ja nestingu
- 9. Ajatelg
- 10. Omega theme 960 Grid System (3 eri laiust gridi kaasas) Responsive. Media querie'd 3 eri gridi laiuse ja fluid mobiili jaoks olemas V辰ga mugav GUI
- 11. Kas ilma gridita ei saagi? Saab. Aga on t旦旦mahukam. P辰riselt.
- 13. Drupali jaoks disainimine - gridis, palun.
- 15. Gridi idee Lehe laius jagatakse reeglip辰raselt osadeks, enamasti 12-ks (aga ka 24, 16) tulbaks, milledel on 端hesugused vahed. Iga visuaalne blokk-element lehel saab endale laiuse column 端hikutes. Edasi on 12 piires arvutamine: k探rvuti mahuvad 6+6 v探i 4+4+4 v探i 3+9 jne. he saidi raames p端sib 端ks-sama grid, mitte ei ole avalehel 1040 ja sisulehel 1048. Ja sisu alal on tulpasid alati kas 12 v探i 24 v探i 16, aga mitte igal lehel ise asi.
- 16. CSS m探isted Content elemendi sisuosa, mille piires sisemised elemendid paigutuvad, n辰iteks tekst laotub Padding omab elemendi taustav辰rvi, kuid ei luba sisemisi elemente enda peale Margin hoiab k端lgneva elemendiga vahet, ei oma taustav辰rvi
- 17. column = 60px margin-left = margin-right = 10px
- 18. 檎艶艶乙鉛庄沿辰姻温稼艶:
- 20. V辰ga halb:
- 21. V辰ga halb:
- 22. Hea graafiline disainer Drupali projektis: Ei riku gridi reegleid ilma veenva p探hjuseta Teab ja arvestab, millisele baas theme'le disain peale l辰heb Lubab oma ideed kohandada, kui t辰pne j辰rgimine on ebaotstarbekas