44
Gavern Framework

Gavern Framework - Joomla! Day Poland 2013

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Gavern Framework - Joomla! Day Poland 2013

Gavern Framework

Page 2: Gavern Framework - Joomla! Day Poland 2013

✓ Web Developer w GavickPro

✓ @BartekKrztuk

Bartłomiej Krztuk

Page 3: Gavern Framework - Joomla! Day Poland 2013
Page 4: Gavern Framework - Joomla! Day Poland 2013

Meet Gavernczyli przykład wykorzystania Gavern Framework

Page 5: Gavern Framework - Joomla! Day Poland 2013

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

Page 6: Gavern Framework - Joomla! Day Poland 2013
Page 7: Gavern Framework - Joomla! Day Poland 2013

Layout Manager

Page 8: Gavern Framework - Joomla! Day Poland 2013
Page 9: Gavern Framework - Joomla! Day Poland 2013

✓ 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

Page 10: Gavern Framework - Joomla! Day Poland 2013

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

Page 11: Gavern Framework - Joomla! Day Poland 2013

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!

Page 12: Gavern Framework - Joomla! Day Poland 2013

Layout Manager - Sidebar

✓ pozycja sidebar’a ( left | right)

✓ szerokość - spanX

✓ override - czyli zaawansowane ustawienia

Page 13: Gavern Framework - Joomla! Day Poland 2013

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ładycom_k2 | right | span4198 | left | span6

Page 14: Gavern Framework - Joomla! Day Poland 2013

Ustawieniadomyślne

„przeciążony” widok

Page 15: Gavern Framework - Joomla! Day Poland 2013

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

Page 16: Gavern Framework - Joomla! Day Poland 2013

Layout Manager Live!

Page 17: Gavern Framework - Joomla! Day Poland 2013

LESS

Page 18: Gavern Framework - Joomla! Day Poland 2013

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

Page 19: Gavern Framework - Joomla! Day Poland 2013

Fonty

Page 20: Gavern Framework - Joomla! Day Poland 2013

Fonty - wspierane źródła

Page 21: Gavern Framework - Joomla! Day Poland 2013

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)

Page 22: Gavern Framework - Joomla! Day Poland 2013
Page 23: Gavern Framework - Joomla! Day Poland 2013

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

Page 24: Gavern Framework - Joomla! Day Poland 2013

Fonty - variables.less

✓ @baseBodyFontSize: 13px; - podstawowy rozmiar (body)

✓ @baseHeadersFontSize: 20px; - nagłówki (czyli header, h1, h2, h3, h4, h5 i inne)

Page 25: Gavern Framework - Joomla! Day Poland 2013

Configuration Manager

Page 26: Gavern Framework - Joomla! Day Poland 2013

Configuration Manager

Page 27: Gavern Framework - Joomla! Day Poland 2013

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

Page 28: Gavern Framework - Joomla! Day Poland 2013

...o czym warto wspomnieć

✓ Social API

✓ Login with Facebook

✓ Cookie Law

✓ CSS/JS Compression

✓ CSS cache

✓ Prefixfree

✓ Komponenty - K2 (Cobalt)

✓ i wiele innych

Page 30: Gavern Framework - Joomla! Day Poland 2013

Jak można wykorzystać Meet Gavern ?

Page 31: Gavern Framework - Joomla! Day Poland 2013
Page 32: Gavern Framework - Joomla! Day Poland 2013
Page 33: Gavern Framework - Joomla! Day Poland 2013
Page 34: Gavern Framework - Joomla! Day Poland 2013
Page 35: Gavern Framework - Joomla! Day Poland 2013

Trochę na temat przyszłości czyli

Gavern 4

Page 36: Gavern Framework - Joomla! Day Poland 2013

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

Page 37: Gavern Framework - Joomla! Day Poland 2013

Gavern 4 i Joomla! 2.5

Page 38: Gavern Framework - Joomla! Day Poland 2013

Gavern 4 i Joomla! 3

Page 39: Gavern Framework - Joomla! Day Poland 2013

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

Page 40: Gavern Framework - Joomla! Day Poland 2013

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

Page 41: Gavern Framework - Joomla! Day Poland 2013

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

Page 42: Gavern Framework - Joomla! Day Poland 2013

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

Page 43: Gavern Framework - Joomla! Day Poland 2013

Pytania?

Page 44: Gavern Framework - Joomla! Day Poland 2013