Gavern Framework - Joomla! Day Poland 2013

1,852 views

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,852
On SlideShare
0
From Embeds
0
Number of Embeds
85
Actions
Shares
0
Downloads
6
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?

×