Your SlideShare is downloading. ×
  • Like
Gavern Framework - Joomla! Day Poland 2013
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Gavern Framework - Joomla! Day Poland 2013

  • 1,315 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,315
On SlideShare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
5
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Gavern Framework
  • 2. ✓ Web Developer w GavickPro ✓ @BartekKrztuk Bartłomiej Krztuk
  • 3. Meet Gavern czyli przykład wykorzystania Gavern Framework
  • 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. Layout Manager
  • 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. 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. 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. Layout Manager - Sidebar ✓ pozycja sidebar’a ( left | right) ✓ szerokość - spanX ✓ override - czyli zaawansowane ustawienia
  • 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. Ustawienia domyślne „przeciążony” widok
  • 12. ...a jak to wygląda w praktyce ?
  • 13. Layout Manager Live!
  • 14. LESS
  • 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. Fonty
  • 17. Fonty - wspierane źródła
  • 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. 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. Fonty - variables.less ✓ @baseBodyFontSize: 13px; - podstawowy rozmiar (body) ✓ @baseHeadersFontSize: 20px; - nagłówki (czyli header, h1, h2, h3, h4, h5 i inne)
  • 21. Configuration Manager
  • 22. Configuration Manager
  • 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. ...o czym warto wspomnieć ✓ Social API ✓ Login with Facebook ✓ Cookie Law ✓ CSS/JS Compression ✓ CSS cache ✓ Prefixfree ✓ Komponenty - K2 (Cobalt) ✓ i wiele innych
  • 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. Jak można wykorzystać Meet Gavern ?
  • 27. Trochę na temat przyszłości czyli Gavern 4
  • 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. Gavern 4 i Joomla! 2.5
  • 30. Gavern 4 i Joomla! 3
  • 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. 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. 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. 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. Pytania?