Gavern Framework
✓ Web Developer w GavickPro
✓ @BartekKrztuk
Bartłomiej Krztuk
Meet Gavern
czyli przykład wykorzystania Gavern Framework
Parę słów o Meet Gavern
✓ bezpłatny responsywny szablon dostępny dla
Joomla! 3.x
✓ zbudowany w oparciu o Gavern Framework
...
Layout Manager
✓ 3 niezależne konfiguracje widoków
✓ szerokość modułów, ilość może być różna
dla trybu desktop/tablet/mobile
✓ wizualizacj...
Layout Manager - pozycje
modułów
✓ wizualizacja uwzględnia całą strukturę
szablonu (w tym i pozycje niedostępne)
✓ import ...
Zaawansowane ustawienia
pozycji modułu
✓ Default module width - domyślna szerokość
modułu gdy nie jest uwzględniony w Layo...
Layout Manager - Sidebar
✓ pozycja sidebar’a ( left | right)
✓ szerokość - spanX
✓ override - czyli zaawansowane ustawienia
Layout Manager - Sidebar
Override
✓ możliwość przeciążenia/nadpisania ustawień
dla konkretnego ItemId menu lub
komponentu
...
Ustawienia
domyślne
„przeciążony” widok
...a jak to wygląda w praktyce ?
Layout Manager Live!
LESS
Gavern Framework a LESS
✓ LESS - CSS w nowej formie - Tomasz Dziuda
(Dziudek), Aula, jutro 14:40-15:35
✓ CSS w Meet Gavern...
Fonty
Fonty - wspierane źródła
Fonty - Konfiguracja
✓ nazwa fonta
✓ adres URL do repozytorium fontu
✓ określenie selektorów do których dany font
ma być za...
Fonty - variables.less
✓ wszystkie rozmiary fontów jak i line-height
wyliczone są na podstawie dwóch zmiennych
LESS
✓ znal...
Fonty - variables.less
✓ @baseBodyFontSize: 13px; - podstawowy rozmiar (body)
✓ @baseHeadersFontSize: 20px; - nagłówki (cz...
Configuration Manager
Configuration Manager
Configuration Manager
✓ zapisywanie ustawień szablonu i
odczytywanie dzięki plikom JSON
✓ integralna część szablonu (nie wy...
...o czym warto
wspomnieć
✓ Social API
✓ Login with Facebook
✓ Cookie Law
✓ CSS/JS Compression
✓ CSS cache
✓ Prefixfree
✓ K...
Gdzie znaleźć Meet Gavern ?
joomla30.gavick.com
gavick.com
github.com/GavickPro/Meet-
Gavern/
github.com/GavickPro/Meet-
G...
Jak można wykorzystać
Meet Gavern ?
Trochę na temat
przyszłości czyli
Gavern 4
Gavern 4
✓ kolejna wersja naszego framework’a dla
Joomla! 2.5 oraz 3.2
✓ ujednolicony panel administracyjny dla
Joomla! 3....
Gavern 4 i Joomla! 2.5
Gavern 4 i Joomla! 3
Gavern 4 - konfiguracja
szablonu
✓ uproszczone zarządzanie szablonem
✓ usunięte zostaną zbędne i nieużywane
funkcje
✓ przej...
Gavern 4 i Joomla! 3.x
✓ Bootstrap - dołączony i dopasowany
stylistycznie do szablonu
✓ Responsywność - zrealizowana za po...
Gavern 4 i Joomla! 2.x
✓ wsparcie dla LESS (parser PHP)
✓ skrypty szablonu w oparciu o MooTools
✓ Responsywność - jak w sz...
Zalety
✓ Z punktu widzenia użytkownika
niezauważalna zmiana z Joomla! 2.x na
Joomla! 3.x
✓ LESS - zmiana kolorów szablonu ...
Pytania?
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Gavern Framework - Joomla! Day Poland 2013
Upcoming SlideShare
Loading in...5
×

Gavern Framework - Joomla! Day Poland 2013

1,449

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,449
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Gavern Framework - Joomla! Day Poland 2013

  1. 1. Gavern Framework
  2. 2. ✓ Web Developer w GavickPro ✓ @BartekKrztuk Bartłomiej Krztuk
  3. 3. Meet Gavern czyli przykład wykorzystania Gavern Framework
  4. 4. Parę słów o Meet Gavern ✓ bezpłatny responsywny szablon dostępny dla Joomla! 3.x ✓ zbudowany w oparciu o Gavern Framework ✓ Bootstrap ✓ LESS ✓ i wiele innych...
  5. 5. Layout Manager
  6. 6. ✓ 3 niezależne konfiguracje widoków ✓ szerokość modułów, ilość może być różna dla trybu desktop/tablet/mobile ✓ wizualizacja widoków z uwzględnieniem responsywności Layout Manager
  7. 7. Layout Manager - pozycje modułów ✓ wizualizacja uwzględnia całą strukturę szablonu (w tym i pozycje niedostępne) ✓ import ustawień z innej pozycji modułu ✓ dodawanie i usuwanie modułów na danej pozycji
  8. 8. Zaawansowane ustawienia pozycji modułu ✓ Default module width - domyślna szerokość modułu gdy nie jest uwzględniony w Layout Manager ✓ Use default module settings - możliwość zrezygnowania z ustawień LM na rzecz domyślnym ustawień Joomla!
  9. 9. Layout Manager - Sidebar ✓ pozycja sidebar’a ( left | right) ✓ szerokość - spanX ✓ override - czyli zaawansowane ustawienia
  10. 10. Layout Manager - Sidebar Override ✓ możliwość przeciążenia/nadpisania ustawień dla konkretnego ItemId menu lub komponentu ✓ nadpisać można zarówno szerokość jak i pozycję ✓ przykłady com_k2 | right | span4 198 | left | span6
  11. 11. Ustawienia domyślne „przeciążony” widok
  12. 12. ...a jak to wygląda w praktyce ?
  13. 13. Layout Manager Live!
  14. 14. LESS
  15. 15. Gavern Framework a LESS ✓ LESS - CSS w nowej formie - Tomasz Dziuda (Dziudek), Aula, jutro 14:40-15:35 ✓ CSS w Meet Gavern w 100% stworzony dzięki LESS ✓ Opcje parsowania LESS : jednorazowo lub stale włączone
  16. 16. Fonty
  17. 17. Fonty - wspierane źródła
  18. 18. Fonty - Konfiguracja ✓ nazwa fonta ✓ adres URL do repozytorium fontu ✓ określenie selektorów do których dany font ma być zastosowany (np. h1,h2,h3, .someAwesomeClass, #notUniqueID)
  19. 19. Fonty - variables.less ✓ wszystkie rozmiary fontów jak i line-height wyliczone są na podstawie dwóch zmiennych LESS ✓ znaleźć je można w pliku less/variables.less ✓ zmiana rozmiaru fontu dla całego szablonu wymaga zmiany tylko w jednym miejscu
  20. 20. Fonty - variables.less ✓ @baseBodyFontSize: 13px; - podstawowy rozmiar (body) ✓ @baseHeadersFontSize: 20px; - nagłówki (czyli header, h1, h2, h3, h4, h5 i inne)
  21. 21. Configuration Manager
  22. 22. Configuration Manager
  23. 23. Configuration Manager ✓ zapisywanie ustawień szablonu i odczytywanie dzięki plikom JSON ✓ integralna część szablonu (nie wymaga dodatkowych pluginów, komponentów, itp.) ✓ przenoszenie ustawień między instancjami Joomla! ✓ pliku zapisywane w miejscu instalacji szablonu - katalog /configs
  24. 24. ...o czym warto wspomnieć ✓ Social API ✓ Login with Facebook ✓ Cookie Law ✓ CSS/JS Compression ✓ CSS cache ✓ Prefixfree ✓ Komponenty - K2 (Cobalt) ✓ i wiele innych
  25. 25. Gdzie znaleźć Meet Gavern ? joomla30.gavick.com gavick.com github.com/GavickPro/Meet- Gavern/ github.com/GavickPro/Meet- Gavern/issues - demo - download - download - bugs, ideas, improvements
  26. 26. Jak można wykorzystać Meet Gavern ?
  27. 27. Trochę na temat przyszłości czyli Gavern 4
  28. 28. Gavern 4 ✓ kolejna wersja naszego framework’a dla Joomla! 2.5 oraz 3.2 ✓ ujednolicony panel administracyjny dla Joomla! 3.x oraz 2.x ✓ Layout Manager w szablonach komercyjnych
  29. 29. Gavern 4 i Joomla! 2.5
  30. 30. Gavern 4 i Joomla! 3
  31. 31. Gavern 4 - konfiguracja szablonu ✓ uproszczone zarządzanie szablonem ✓ usunięte zostaną zbędne i nieużywane funkcje ✓ przejrzysty wygląd, intuicyjne kategorie, większa wygoda korzystania
  32. 32. Gavern 4 i Joomla! 3.x ✓ Bootstrap - dołączony i dopasowany stylistycznie do szablonu ✓ Responsywność - zrealizowana za pomocą naszych @media-queries - czyli layout szablonu bez użycia Bootstrap Grid ✓ LESS ✓ Skrypty szablonu w oparciu o bibliotekę jQuery
  33. 33. Gavern 4 i Joomla! 2.x ✓ wsparcie dla LESS (parser PHP) ✓ skrypty szablonu w oparciu o MooTools ✓ Responsywność - jak w szablonach dla Joomla! 3.x
  34. 34. Zalety ✓ Z punktu widzenia użytkownika niezauważalna zmiana z Joomla! 2.x na Joomla! 3.x ✓ LESS - zmiana kolorów szablonu dzięki zmiennym, tak jak w przypadku rozmiarów fontów ✓ Dodanie opcji dostępnych do tej pory jedynie w Meet Gavern
  35. 35. Pytania?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×