Diskuze: Machr na CSS - CSS framework
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Vlastník

Zobrazeno 38 zpráv z 38.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Ještě bych uvedl třeba Foundation, který je také velmi používaný : http://foundation.zurb.com/
Mimochodem, oba dva mají přístupné kódy v SASS, Bootstrap pak i v LESS.
Pokud chápu dobře tak CSS framework je vlastně jen "obří" CSS soubor,
kde jsou různé styly nastylované pro třídy, že?
Tzn. si udělám třeba CSS:
.hobi-menu{ ... }
.hobi-button{ ... }
.hobi-red-style{ ... }
.hobi-blue-style{ ... }
Kde pak nějaké HTML:
menu
a.hobi-button.hobi-red-style
a.hobi-button.hobi-blue-style
pro menu, kde budou 2 tlačítka - červené a modré
?
Přesně tak a nemusí být ani obří. Mám napsaného něco svého co
používám při tvorbě webů a jsou to jen 2 malé soubory (základy a
formuláře). Přes preprocesor tomu jen změním barvu na tu, kterou klient
chce
Pěkný "minimalistický" příklad je také Semantic UI. Není tak "těžkopádný" jako Foundation nebo Bootstrap a přitom je také velmi silný.
Tip pro soutěžící: Myslím si, že nemusíte nutně dělat knihovny na
UI. Stejně dobře můžete vyhrát, pokud uděláte jednoduchý a příjemný
grid system.
Ten XML soubor bych ti i s celým frameworkem nacpal někam, kdybych s tím
musel dělat
Je v podstatě něco jako SASS, ale je to XML. Tady je ukázka jak to může vypadat. http://css.lerainsoft.eu/style.xml
jakou to má přidanou hodnotu? není jednoduší to psát v něčem co je alespoň trochu základnímu CSS podobné?
Nemusí se to kompilovat(je to automatické při požádání o soubor) a je to bližší k Html.
To není styl, to je v podstatě html a návrat k html atributům
O to mi jde, ale narozdíl od klasického stylování v Html není potřeba
každý tag stylovat zvlášť.
E:\\ Tady je odkaz pro stáhnutí mého výtvoru http://framework.lerainsoft.eu/…ramework.zip
Takže v podstatě kromě změny ve způsobu zápisu žádná inovace.
Myslíš tohle?
http://www.itnetwork.cz/dev-lighter/361
article{
..
}
article p{
..
}
není zas tak veliký rozdíl. Minimálně je to přehlednější.
// Nehledě na to, že něco takového bys použít neměl, protože by p
měl mít třídu
To že to tam je, neznamená, že bys to měl používat.
Kdyby to nikdo nepoužíval tak by to tam nebylo. Ale dost OffTopicu. Tohle
je prostě můj výtvor.
Dobře, lekce čtení. Přečti si 10x neměl bys používat a pak 10x nikdo nepoužívá, pak zkus sám přijít na rozdíl.
Nevím včem je tvůj
<body background="blue">
<section background="grey" width="100%">
<p color="green"></p>
</section>
</body>
výhodnější než
body{
background: blue
}
body section{
background: grey;
width: 100%;
}
body section p{
color: green;
}
případně s využitím zanořování v nějakém preprocesoru
body{
background: blue
}
section{
background: grey;
width: 100%;
p{
color: green;
}
}
??
ale ta tvá kravinka bude totéž, nebo jak chceš všechny prohlížeče naučit zpracovávat to tvoje? Je to zajímavá alternativa, ale musíte to ještě značně vypilovat a vymyslet strategii, takhle je to tu jako každý lerrain projekt. Prozatím si to zase schovej na localhost a pokračuj ve vývoji.
Využije framework tam kde chce a potřebuje, a když framework něco neumí nebo si to kodér chce napsat sám, tak si to napíše sám.
Ahoj, nemám (a v nejbližší době nebudu) mít dost času, tak přidávám takové strohé řešení.
download: http://misaz.moxo.cz/…ramework.zip
online sample: http://misaz.moxo.cz/…k/machr1417/
Download: http://leteckaposta.cz/513367782
Prepáčte, chcel som to dať aj online ale mám problémi s doménov. Keď sa to opraví dám aj online
Btw. jsem neměl čas...
Reálný css framework by měl býti obsáhlejší(pro účely soutěže stačí to vaše), avšak všichni to máte nasmolené páté přes deváté v jednom CSSku. To určitě není dobré ani výhodné. Při údržbě a rozšiřování takovéhoto frameworku byste nechtěli býti...
Pokud budete dále pokračovat ve vývoji tak si rozdělte CSSka na
podsoubory - třeba tlacitka.css, menu.css atd...
A také doporučuji nějaký preprocesor
Marian Logicky - Zajímavý kousek, dostatečně univerzálně napsaný. V navigaci bije do očí "Some think (nějaké myšlení)". Asi jsi chtěl napsat something. Class big je zbytečná, HTML má k tomu přímo element big. Co se týče gridů, tak by se měly IMHO chovat jinak, podívej se do bootstrapu, co se stane, když zmenšíš okno, tobě se to rozsype.
Michal Žůrek - Není to špatné, ale s takovýmto
frameworkem bychom mohli tvořit jen oranžové weby, mělo by to být
univerzálnější. Ideálka by byl asi nějaký preprocesor, kde se nastaví
barva, do které bude web sladěný. Dobrý nápad s těmi štítky
omega - Něco je tam pěkné, ale něco nedodělané. Hlavně tlačítka a formuláře by chtěly lépe zpracovat. Ty odstavce s třídou nadpis jsem nějak nepochopil, proč tam nejsou prostě nadpisy?
Nejblíže je asi Marian, ale dost si to zkazil těmi gridy. Asi to zatím necháme bez placky a já soutěž vyhlásím za nějaký čas znovu. Trochu mě mrzí, že se nezúčastnil nikdo z místní webové elity, zajímalo by mě jaké styly používáte.
pokúsim sa opraviť ten grid systém a neskôr sa zapojím znova
Taky se to pokusím vylepšit a zúčastním se znovu S těmi nadpisy by to asi mělo
být, jak říkáš, ale z vizuálního pohledu to vyjde úplně nastejno
používám to na reálném projektu (teď), vylepšuji to podle potřeb
tohoto projektu, dokonce jsem to chtěl včera zveřejnit, ale zapoměl jsem
Pokud budu mít příště
čas, rozhodně vylepším.
David Hartinger, možná blbej dotaz, ale proč to mám v PHP ?
Zobrazeno 38 zpráv z 38.