html5_cheat_sheet_tagsAmennyiben valaki weboldalak fejlesztésével tölti idejét bármiért is (fizetésért, hobbyból, stb.), akkor érdekes lehet neki a HTML5 tag gyűjtemény. Régebben gyűjtöttem, de úgy érzem sokszor segíthet

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