Bygg ett responsivt tema till Anax-MVC

By . Latest revision .

Skapa ett responsivt tema till Anax MVC baserat på LESS. Temat skall vara uppbyggt av regioner som visas om de har något innehåll.

#Förkunskaper

Du bör ha gjort, eller ha förkunskaper som motsvarar, guiden “Bygg ett tema med LESS till Anax-MVC”.

#Krav

  1. Skapa ett tema till Anax MVC.

  2. Styla det personligt.

  3. Använd LESS.

  4. Bygg regioner, minst 9 stycken (i övningen skapas 16 regioner). En region skall endast visas om den har ett innehåll.

  5. Använd The Semantic Grid, eller motsvarande.

  6. Använd ett vertikalt rutnät.

  7. Använd ett horisontellt rutnät och en matchande typografi.

  8. Använd Font Awesome, eller motsvarande.

  9. Gör temat responsivt så att det byter utseende vid minst 3 brytpunkter.

  10. Skapa en frontkontroller som visar att det fungerar. För varje del av temat, gör en test-route som visar att det fungerar.

#Extrauppgift

  1. Lägg till så att temat är lätt att styla.

  2. Lägg upp ditt tema som ett eget projekt på GitHub.

#Tips från coachen

Lös uppgiften på ditt eget vis. Det är det viktigaste. Se hur bra dina vingar bär.

Om du gjort alla övningar i guiden “Bygg ett tema med LESS till Anax-MVC” så har du nästan resultatet klart.

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2014-03-18: (A, mos) Första utgåvan i samband med phpmvc version 2.

Document source.

Category: php.