Zdravím, machr na tento týden bude o webdesignu, konkrétně o technologii
CSS 3. Jako vždy se jedná o týdenní minisoutěž, kde nejlepší získá
placku "Machr na webdesign" a nějaké samolepky.
Všichni máte k dispozici stejnou HTML stránku, kterou nesmíte měnit.
Úkolem je vytvořit co nejkreativnější CSS 3 šablonu tak, abyste v ní
nikde nepoužili obrázek, ale využívali ke stylování a dosažení
patřičného efektu pouze nových vlastností specifikace CSS 3. Je známo, že
CSS dokáže divy a stejná stránka může vypadat s jinými styly úplně
jinak (jak barevně, tak i rozložením).
Nebojte se použít CSS 3 animace, přechody, rotace, gradienty a další
nové vlastnosti, nyní máte příležitost prozkoušet si vše, co CSS 3
nabízí. Kompatibilitu neřešte, stačí, když to správně zobrazí alespoň
nový Chrome.
Mělo by v ní být dost divů a připravených elementů k tomu, aby
stránka mohla kloudně vypadat. Čas si dejme jako vždy sobota 30.3. v 19:00.
Jsem zvědavý, co vymyslíte
Zajímá tě výsledek, nebo jak jsme to udělali a co všechno jsme
použili? Vyhraje třeba stránka, která je naprosto jednoduchá, ale pěkně
vypadá a co je použito tak je použito v rozumné míře nebo efekty
přeplácaná stránka?
Vzpomněl jsem si na Win8 Hands on Lab jak ten lektor říkal že
používají speciální font kde je halda ikonek a vzpomněl jsem si na
Webdings, ý by tam měla být pavučinka A když to fungovalo v Chromu
i IE tak jsem to měl za funkční všude no Asi budu muset nainstalovat i
Firefox
H1 jakožto hlavní název, by měl být jednou, proto je to hlavní název.
Ale samozřejmě používejte co uznáte za vhodné. To že HTML5 kašle na
pravidla je bohužel smutné...
Mě nemusíte vysvětlovat, co to je H1 a jak se používá. Ano, před HTML
5 se směl používat pouze jednou. HTML 5 přineslo mnoho změn, jednou z nich
je rozčlenění stránky na části, kde každá z nich může mít svůj
hlavní název. Nekašle na pravidla, zavadí se nová.
HTML 5 specifikace chápe stránku jako více dokumentů, každý může mít
hlavičku a patičku. Není na tom nic smutného, naopak je logické, že
hlavičku má stránka samotná a potom článek v ní vložený. Nelogické je
dávat článku nadpis h2 a stránce h1. Pro oba dokumenty je to první nadpis,
proto to změnili.
chci se zeptat? stačí tedy odkaz na doménu kam jsem ten web nahrál, nebo
jak vlastně bude probíhat hodnocení? Jde mi o to, že jsem poslal odkaz na
style.css a odkaz na doménu. Mám tam, ale přiřazené dva soubory s písmem.
Mám tedy nahodit kompletní zazipovanou složku?
upravovat css ano. Pokud je mi známo tak @font-face je vlastnost css3 a o
písmu není nikde řeč. Fonty nejsou přeci obrázky. Proč by tedy nebylo
možné změnit font. Já použil odkaz na font v kořenové složce a podle mě
je to stejná úprava jako bych použil odkaz na font třeba u Googlu?
je to dost sporné no .. ale já jsem pochopil ze zadání soutěže že
máme upravovat jen style.css soubor .. a z toho vyplývá že externí písmo
nee .. nwm no
Přesně tak, písma si naimportuj v CSS, trojková specifikace to umí, HTML
není třeba měnit V HTML
překousnu když změníš text v nějakém divu, ale co se týče tagů, ty
musí zůstat jak jsou.
Já HTML neměnil. @font-face se zapisuje do style.css a odkazuje na
lokální soubor písma, který je nakopírován ve složce kde je index atd..
Je to stejné jako když importuješ písmo z webu, akorát jsou ty písma
uloženy na tvém serveru ve složce.
Pro pořádné smysluplné efekty CSS3 by to chtělo trochu jiný kód.
Takhle jsou ty šablony (včetně mé) na jedno brdo... Ale je fakt, že CSS3
dovoluje neskutečné věci, koukněte se třeba sem, to je fakt až
neuvěřitelné co to umí http://tympanus.net/…index10.html
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.