Zanima me kako da namjestim stranicu da mi se prilagođava različitim rezolucijama. Dali postiji neka skripta ili neki drugi nacin?
Zanima me kako da namjestim stranicu da mi se prilagođava različitim rezolucijama. Dali postiji neka skripta ili neki drugi nacin?
Uzmi sebi neki responsive css framework, Zurb Foundation, Twitter bootstrap,.. i na njima napravi stranicu
Dali postiji neka skripta ili neki drugi nacin?
Postoji CSS framework, kolega je gore pomenuo Twitter bootstrap, meni se sviđa, evo ti link za početak:
http://twitter.github.io/bootstrap/getting-started.html
Rađe Foundation...
Rađe Foundation...
Možda, ne znam, samo sam radio sa Bootstrapom, pa zato njega predlažem. ;)
Bootstrap je pogodniji za admin, ima gotove komponente koje doslovno samo uvrstiš. Ako hoćeš neki svoj dizajn raditi, onda je Foundation bolji jer nemaš baš gotove komponente i možeš si sam raditi po "ćejfu" :D
Bootstrap je pogodniji za admin, ima gotove komponente koje doslovno samo uvrstiš. Ako hoćeš neki svoj dizajn raditi, onda je Foundation bolji jer nemaš baš gotove komponente i možeš si sam raditi po "ćejfu" :D
Nije istina. Bootstrap je framework kao i svaki drugi samo malo više kompletniji. To što ga većinom koriste za neke admin template na themeforestu ne znači da je on "pogodniji" za to.
Da, ali mene osobno ta kompletnost na neki način ograničava u slobodi dizajna. Zašto bih morao koristiti recimo njihove gotove gumbe koji mi se ne uklapaju u koncept stranice? S druge strane, zašto bih se mučio i petljao po kodu da nađem to i preuredim na način na koji meni odgovara? Ovako radim sam sebi kako mi odgovara i miran sam...
Inače, od frameworka koristim upravo Bootstrap za administraciju, frontend radim po svom frameworku...
Da, ali mene osobno ta kompletnost na neki način ograničava u slobodi dizajna. Zašto bih morao koristiti recimo njihove gotove gumbe koji mi se ne uklapaju u koncept stranice? S druge strane, zašto bih se mučio i petljao po kodu da nađem to i preuredim na način na koji meni odgovara? Ovako radim sam sebi kako mi odgovara i miran sam...
Inače, od frameworka koristim upravo Bootstrap za administraciju, frontend radim po svom frameworku...
Za generiranje CSS datoteka, TB koristi LESS jezik, ZF koristi SASS jezik, oba frameworka uključuju komponente kao .less / .sass datoteke!
Nema tu puno petljanja po kodu, svaka komponenta ima svoju less/sass datoteku, koju možeš izostaviti i umjesto nje ubaciti neku svoju ili modificirati postojeću, što uključuje promjenu boje, dimenzije i sve što ti na um padne. Dakle ako hoćeš praviti svoje dugmiće, otvoris buttons.less datoteku i napraviš izmjene koje želiš, čim klikneš save tvoja css datoteka će se kompajlirati u jedan fini i minimilizirani css.
Također, važno je napomenuti da možeš izostaviti sve one komponente koje ne koristiš na stranici i tako dobiti css manje veličine.
Npr,
u ovoj datoteci importuješ sve komponente koje hoćeš koristiti
https://github.com/twitter/bootstrap/blob/master/less/bootstrap.less
ovdje praviš eventalne izmjene dugmića.
https://github.com/twitter/bootstrap/blob/master/less/buttons.less
ovdje zadaješ varijable (boja, veličina it itd)
https://github.com/twitter/bootstrap/blob/master/less/variables.less
možeš praviti i svoje komponente, dodavati svoje varijable, mixins itd itd
https://github.com/twitter/bootstrap/tree/master/less
Ovaj program koristiš za kompajliranje tvog css
http://wearekiss.com/simpless
Meni više ne pada na pamet pisati čisti css, less / sass su postali obvezni u izradi css komponenti.
Hehe, upravo radim admin template i planiram ga tijekom narednog tjedna staviti na themeforest.
