1. Gavern Framework

2. ✓ Web Developer w GavickPro
✓ @BartekKrztuk
Bartłomiej Krztuk

4. Meet Gavern
czyli przykład wykorzystania Gavern Framework

5. 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...

7. Layout Manager

9. ✓ 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

10. 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

11. 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!

12. Layout Manager - Sidebar
✓ pozycja sidebar’a ( left | right)
✓ szerokość - spanX
✓ override - czyli zaawansowane ustawienia

13. 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

14. Ustawienia
domyślne
„przeciążony” widok

15. ...a jak to wygląda w praktyce ?

16. Layout Manager Live!

17. LESS

18. 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

19. Fonty

20. Fonty - wspierane źródła

21. 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)

23. 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

24. Fonty - variables.less
✓ @baseBodyFontSize: 13px; - podstawowy rozmiar (body)
✓ @baseHeadersFontSize: 20px; - nagłówki (czyli header, h1, h2,
h3, h4, h5 i inne)

25. Configuration Manager

26. Configuration Manager

27. 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

28. ...o czym warto
wspomnieć
✓ Social API
✓ Login with Facebook
✓ Cookie Law
✓ CSS/JS Compression
✓ CSS cache
✓ Prefixfree
✓ Komponenty - K2 (Cobalt)
✓ i wiele innych

29. 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

30. Jak można wykorzystać
Meet Gavern ?

35. Trochę na temat
przyszłości czyli
Gavern 4

36. 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

37. Gavern 4 i Joomla! 2.5

38. Gavern 4 i Joomla! 3

39. 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

40. 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

41. 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

42. 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

43. Pytania?