CategoryCSS

Bootstrap dialog

Pokud píšete nějakou webovou aplikaci, určitě narazíte na potřebu něco sdělit uživateli vaší stránky formou vyskakovacího okna. K tomu vám bude asi stačit alert. Pokud ale chcete něco komplexnějšího a komplikovanějšího, protože byste chtěli například načíst nějaká data, pak potřebujete modální dialogový box.

Dříve jsem modální okna sám navrhoval v HTML a skrze Angular je obsluhoval.

Teď jsem našel skvělou knihovnu boostrap3-dialog, která tohle všechno dělá za mě a dělá toho mnohem víc.

Stačí skrze Bower naimportovat knihovnu do projektu

Pak jen vložit do HTML stránky

A pak jen na požadovaném místě zavolat s požadovanými parametry a popřípadě callback funkcí.
Jednoduché demo s několika tlačítky:

Paráda, jak je to jednoduché oproti tomu, když do stránky vkládáte spoustu kódu navíc..
Demo příklady

Bootstrap PDF dokumentace

Bootstrap Essentials
Twitter Bootstrap Succinctly
Twitter Bootstrap Web Development How To
Learning Bootstrap
Jump Start Bootstrap
Extending Bootstrap
Bootstrap
Bootstrap Site Blueprints
bootstrap-logo

Materialize, responzivní design

Sotva jsem kloudně pronikl do Bootstrapu, objevil se Materialize, což je podobná CSS frontend technologie jako Boostrap (dokonce i názvy css tříd jsou podobné a koncept 12 sloupců je stejný…), jen bych řekl, že vypadá o fous moderněji… Ach jo.

Materialize je plně responzvní a jeho výhoda proti Bootsrapu: podporuje gesta na mobilních nebo dotykových zařízeních. Bez toho, že byste museli sami něco programovat.

Materialize, CSS framework

materialize

Integrace do HTML

Narozdíl od Boostrapu umí i Paralax a má moc pěkný Slider, který umí i fullscreen.

© 2017 pepa.holla.cz

Theme by Anders NorénUp ↑