Ahoj, tento týden se bude jako minule konat machr na CSS. Nyní se však
budeme zabývat animacemi. Jako vždy se jedná o týdenní minisoutěž, kde
nejlepší získá placku "Machr na webdesign" a pár
samolepek.
Povolenými jazyky jsou pouze HTML a CSS.
Úkolem bude vytvořit jakoukoli nejlepší animaci, která vás napadne.
Můžete vytvořit například hýbajícího panáčka, hvězdnou soustavu,
úvodní text ze Star Wars, nějaké zvířátko atp.
NEMŮŽETE používat obrázky, videa a javascript. MŮŽETE používat externí fonty, zvuky atp.
Představivosti se meze nekladou. Takže buďte originální a překvapte
nás
Bude nám stačit aby byl výsledek funkční pro nový chrome.
Přeji všem hodně štěstí
Tak to bude masakr
Jsem na to zvědavej, zítra na to mrknu CSS začalo být konečně trochu živý, hned se s tím dají
dělat věci, už to nějakou dobu není jenom fajnovost k nastavení barviček,
okrajů a velikostí
Tyto prefixy zmizí až bude dokončena CSS 3 specifikace, není to dáno
počtem prohlížečů, ale tím, že to není finální. Některé prefixy již
zmizely, např. border radius. V této soutěži stačí použít jen prefix pro
Chrome.
Tyhle prefixy mají svůj význam, jak říká sdraco, a těžko přinutíš
třeba Microsoft, aby používal prefix Webkit Můžeme být ještě rádi, že
jsou ty prefixy stejné alespoň v rámci prohlížečů .
Poradím ti. Když si uděláš seznam který bude znázorňovat nějaký
obrázek (např. mário atp.) tak si do něj udělej položky kolik
potřebuješ, vhodně to ostyluj a pak když hýbáš pouze s celým seznamem
(ul) tak se obrázek nerozhodí. Tudíš můžeš toto použít jako
částečnou náhradu obrázků
Myslím že toto bude dost dobrá soutěž, jelikož musíš zapojit několik
faktorů, jako jsou originalita, úmění(smysl pro design), umět html a
hlavně css, abys uspěl.
Docela jsem zvědavý na výsledky a myslím že nejsem sám
Ahoj, vytvořil jsem konvertor klasického obrázku do css zpracování pixel
po pixelu. Je to použitelné jen pro přiměřeně velké soubory, protože pak
vznikají vskutku obrovské soubory css - ten má vysokou úroveň redundance.
Stačí tam jen zkopírovat adresu nějakého obrázku nalezeného třeba
googlem. http://finty.8u.cz/picture2css/
No jo no...u fotky se velikost zvětší asi 100 krát u obrázku asi 1000
krát. Běžně samozřejmě není důvod něco takového používat, ale když
je to zakázané... Chtěl
jsem ukázat, že pomocí css lze nahradit nejen jednoduché tvary ale i
složitější obrázky či dokonce fotky.
Přidal jsem podporu průhlednosti - když je průhlednost daného bodu 100%
nezapíše se vůbec, když je 0% použije se zápis #7d6e51 a když je něco
mezi, použije se rgba(245,43,56,0.5), takže se docílí co nejmenší
velikosti souboru.
Funebrak : Moc pěkná a zábavná práce. Dokázal jsi, že
nezáleží na objemnosti kódu abys někoho pobavil
Misaz : Také moc pěkná práce. Až na pár drobnůstek
jako byly divná kola jsi to měl moc hezké Možná by bylo dobré přidat
nějakou písničku aby si více zabavil diváky.
Milan.gallas : Práce která neurazí. Jde vidět že nejsi
bůhví jaký profesionál a máš se ještě co učit ale vydal jsi ze sebe co
se dalo
Msave : Práce nebyla špatná, avšak jde vidět že se
teprve máš co učit
Rychlejší 2. část by byla dobrá
Michal Žůrek - misaz měl fakt povedenou práci. Původně jsem chtěl udělat
něco většího, složitějšího, delšího ! Ale když jsem začal tak
jsem si uvědomil co to je za neskutečnou práci, tak jsem šel do
jednodušších děl. Sdracovi, Míše a HoBimu moc děkuju Napříště, kdo ví, si třeba
soutěž připravím já
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.