joomla-32Mint írtam a napokban nekikezdtem a Joomla 2.5-ről átírni számos komponensemet az új Joomla 3.2 alá. Ennek keretében szeretném az eddigi tapasztalataimat megosztani:

  • a Legacy osztályokra való áttérés nem nagy ördöngösség
  • a ModellList osztály nem támogatja az eddigi módon használt OrderBy megközelítést, ezt módosítani kell
  • A JDate toMySQL() függvényét átnevezték toSQL()-re
  • azzal senki se kalkuláljon viszont, hogy az UI módosítás nélkül menni fog (azért ez érthető hisz Mootools –> Bootstrap áttérés történik)
    1. Az Administrator-i felületet érdemes újból átgondolni, az eddigi PNG állományok helyett CSS és webfontok kerülnek előtérbe
    2. A szűrések az eddigiekkel szemben másképp kerülnek megvalósításra, azokat a template-ből a View osztályba (nagyobb komponensek esetén általános felületre) kell átvinni. Ezzel tisztább és áttekinthetőbb lesz ugyan a template, de idő és munka
    3. A Batch megoldások önálló template-re kerülnek, ezekkel is külön foglalkozni kell
    4. Aki használta a különböző plusz Mootools könyvtárakat azokat is cserélni kell a template-kben és be kell tenni külön igény esetén ezek Bootstrap-es megfelelőjét
    5. Mindezek a FrontEnd felületen is előjönnek

Viszont a fentiek elvégzése után a kód működik, és eddig úgy fest az üzleti logikát nem kell módosítani. Ez viszont nagyon nagy dolog!

Én személy szerint örülök, hogy a szűrések kikerültek a templte-ből, mert így lehet egységesíteni egy-egy modulon belül és ezzel egyidejűleg a karbantarthatóság is javul. Jelentős problémának élem viszont meg, hogy az eddigi PNG alapú grafikai támogatást át kell állítani webfont-ra, amit SWG fájlból könnyű csinálni, de PNGből nem egyszerű és munkás. Épp ezért – külső tanácsra – megnéztem és azt hiszem használatba is veszem a http://thenounproject.com/ lehetőségeit.

Innentől kezdve azt hiszem lehet előre menni, már “csak” favágás, azaz nyomni kell, hisz “nyomják Krahácsot”.

Az élet úgy hozta, hogy az elmúlt 2 hétben két teljesen eltérő projektnél is előkerült és használnom kellett a Bootstrap könyvtárat. Az egyiknél csak épp hogy, de a másiknál a teljes eddigi designt és működést kellett e könyvtárra alapozva átdolgoznom (illetve ha pontos akarok lenni, e cikk írásakor még ez folyamatban van).

A feladatok kapcsán utánanéztem, hogy milyen kiegészítők, komponensek és a feladatok megoldását könnyítő megoldásoknak. Az alábbi gyűjtemény ennek egy kivonata:

Template-k, Theme-k

Bootstrap default style regenerator
http://stylebootstrap.info/

BootTheme
Web Design and Theme Generator
http://www.boottheme.com/

Form source code generator
http://minikomi.github.com/Bootstrap-Form-Builder/

Demo layoutok
https://wrapbootstrap.com/
http://bootswatch.com/
http://www1.sherzod.me/bootstrap/ (https://github.com/davidber/twitter-bootstrap-sample-page-layouts)

Full customizable graphic user interfaces templates
A perfect start to design or develop your next iPad and iPhone apps with these unique user interface templates. Photoshop fans, worry not – there are plenty of PSD’s out there for the customisation of Bootstrap. This one from RepixDesign, is particular well put together and being Vector based makes it easily scalable.
http://gui.repixdesign.com/

Ikonok, fontok

Font Awesome
The iconic font designed for use with Twitter Bootstrap
http://fortawesome.github.com/Font-Awesome/

OpenWeb Icons
Why OpenWeb Icons? Because Font Awesome had no RSS-icon and a font with only one icon would be a bit boring… Besides, I’m an advocate of the Open Web! Be proud of using Open Web Standards and show it to the world!http://pfefferle.github.com/openwebicons/

Fontello
icon fonts generator
http://fontello.com/

Snippets

Bootsnipp
Design elements and code snippets for Bootstrap HTML/CSS/JS framework
http://bootsnipp.com/

WordPress BootStrap
WordPress BootStrap ready theme.
https://github.com/320press/wordpress-bootstrap

Kontrolok

Fuel UX
Fuel UX adds some additional tidy Javascript components to Bootstrap, including a Combobox, Datagrid, Pillbox, Search and Spinner. Definitely worth a look at including for an extra level of polish.
http://exacttarget.github.com/fuelux

Bootstrap switch
Klasszikus ON/Off kapcsoló új design szerint megvalósítva
http://www.larentis.eu/switch/ (https://github.com/nostalgiaz/bootstrap-switch)

Select2
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
http://ivaynberg.github.com/select2/index.html

Date Range Picker for Twitter Bootstrap
https://github.com/dangrossman/bootstrap-daterangepicker

Bootstrap Timepicker
Easily select a time for a text input using your mouse or keyboards arrow keys.
http://jdewit.github.com/bootstrap-timepicker/

Editable for Bootstrap
In-place editing with Bootstrap Form and Popover
http://vitalets.github.com/bootstrap-editable/

Bootstrap Lightbox
A simple lightbox plugin based on the bootstrap modal plugin.
http://jbutz.github.com/bootstrap-lightbox

Egyéb elemek

BootMetro
Metro style web framework – Simple and flexible HTML, CSS, and Javascript for web apps that wants to use the "Windows 8 App Store" style, without the need to run on Windows 8.
http://aozora.github.com/bootmetro/

Bootstrap Image Gallery Demo
Bootstrap Image Gallery is an extension to the Modal dialog of Twitter’s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.
http://blueimp.github.com/Bootstrap-Image-Gallery/

bootpag
dynamic pagination jQuery plugin. Works well with twitter bootstrap or standalone.
http://botmonster.com/jquery-bootpag/#.UVbNcxxhVpM