Diskuze: Machr na webdesign - CSS 3 bez obrázků

HTML a CSS HTML a CSS Machr na webdesign - CSS 3 bez obrázků American English version English version

Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

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.

Malá inspirace, jak lze udělat např. obrázky čistě v CSS 3 (klidně si nějaký vypůjčete): http://nicolasgallagher.com/…s-gui-icons/

HTML šablona je následující:

<!DOCTYPE html>

<html lang="cs-cz">
        <head>
                <meta charset="UTF-8" />
                <title>Webdesign Novák - Tvorba webových stránek a softwaru na zakázku</title>
                <link rel="stylesheet" href="style.css" type="text/css" />
        </head>

        <body>
                <header>
                        <div id="logo">&nbsp;</div>
                        <h1>Webdesign Novák</h1>
                </header>

                <nav>
                        <ul>
                                <li><a href="">O nás</a></li>
                                <li><a href="">Webtvorba</a></li>
                                <li><a href="">Software</a></li>
                                <li><a href="">Reference</a></li>
                                <li id="last-li"><a href="">Kontakt</a></li>
                        </ul>
                </nav>

                <br clear="both" />

                <div id="article-top">&nbsp;</div>

                <article>
                        <header>
                                <h1>Nadpis</h1>
                        </header>
                        <section>
                                <p>Vítejte na mých stránkách!</p>
                                <p>Tato stránka slouží jako vzor pro soutěž Machr na webdesign na programátorské sociální síti devbook.cz. Úkolem členů sítě je vytvořit k této stránce pěkný CSS 3 styl bez použití obrázků.</p>
                                <p>Jinak se jmenuji Jan Novák a jsem opravdový machr na webdesign. Někdy si říkám i šumachr. Umím úplně vše, hlavně SEO, kterým vás dostanu na první příčky v Google vyhledávači. Znám totiž několik zaručených triků, které nezná nikdo jiný! Hlavně to, že na svých stránkách nemám description a keywords.</p>
                                <p>Používám free Wordpress šablony a Wordpress, stránky stojí jen 5.000 Kč. Noví zákazníci mají slevu 5%. Tvorba webu mě opravdu baví!</p>
                        </section>
                        <footer>&nbsp;</footer>
                </article>

                <footer>&copy; Novák corporation 2013, soubor pro devbook.cz</footer>
        </body>
</html>

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 :P

Editováno 25.3.2013 11:23
Odpovědět  +1 25.3.2013 11:21
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Michal Žůrek (misaz):

Přidám si tam link na ten style, to snad nevadí. :D

Nahoru Odpovědět 25.3.2013 15:59
Nesnáším {}, proto se jim vyhýbám.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Čápka
Honza Bittner:

bude to super soutěž :) díky za ní :)

Nahoru Odpovědět  +1 25.3.2013 16:15
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:

Jůů supér :P

 
Nahoru Odpovědět 25.3.2013 17:15
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
 
Nahoru Odpovědět  +2 25.3.2013 17:15
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
David Čápka:

Link tam máš :) HTML soubor není třeba editovat.

Nahoru Odpovědět 25.3.2013 17:42
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Kit
Redaktor
Avatar
Odpovídá na David Čápka
Kit:

Určitě bych odstranil nebo změnil ten odporný text "Vítejte na mých stránkách!" a také bych změnil jméno autora.

Nahoru Odpovědět 25.3.2013 17:44
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Kit
Jiří Gracík:

Prosimtě neřeš a kóduj :P :D

Nahoru Odpovědět  +3 25.3.2013 18:02
Creating websites is awesome till you see the result in another browser ...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na David Čápka
Jiří Gracík:

Tak fajne, tady je moje ;) Nejdřív jsem opravdu netušil jak to udělat bez obrázků, ale nakonec to vyšlo celkem dobře :)

<!-- Když jsem si kreslil návrh tak to dopadlo špatně, potom jsem si otevřel editor a postupně přidával náhodné css, to dopadlo 1000x lépe :) -->

http://leteckaposta.cz/256942685
http://prntscr.com/xtjcg

Editováno 25.3.2013 20:59
Nahoru Odpovědět  +1 25.3.2013 20:57
Creating websites is awesome till you see the result in another browser ...
Avatar
Michal Žůrek (misaz):

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?

Nahoru Odpovědět 25.3.2013 20:58
Nesnáším {}, proto se jim vyhýbám.
Avatar
David Čápka
Tým ITnetwork
Avatar
Nahoru Odpovědět  +2 25.3.2013 21:00
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Jiří Gracík
David Čápka:

Týjo, fakt nářez, vůbec není poznat že tam nejsou obrázky, tohle bys mohl prodat :)

Nahoru Odpovědět 25.3.2013 21:01
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Amomym
Člen
Avatar
Odpovídá na Jiří Gracík
Amomym:

no, mám se ještě co učit, abych dosáhl takových výsledků :D

 
Nahoru Odpovědět  +1 25.3.2013 21:06
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Jiří Gracík
Petr Nymsa:

Super ! :) Ale k čemu je tam sakra to ý ? :D

Nahoru Odpovědět 25.3.2013 22:03
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na David Čápka
Petr Nymsa:

Musí se stylovat i ty ID ?

Nahoru Odpovědět 25.3.2013 22:04
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Jiří Gracík
Petr Nymsa:

Aha, ono to funguje pouze v Chrome :`

Nahoru Odpovědět 25.3.2013 22:16
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Drakeman
Redaktor
Avatar
Odpovídá na Jiří Gracík
Drakeman:

hmm tohle vypadá fakt dobře :-)

Nahoru Odpovědět 25.3.2013 22:23
Když se chce, tak jde všechno,
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Tak děkuji, nečekal jsem že to sklidí takový úspěch :D

Nahoru Odpovědět 25.3.2013 22:33
Creating websites is awesome till you see the result in another browser ...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Petr Nymsa
Jiří Gracík:

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 :D A když to fungovalo v Chromu i IE tak jsem to měl za funkční všude no :P Asi budu muset nainstalovat i Firefox :(

Editováno 25.3.2013 22:37
Nahoru Odpovědět 25.3.2013 22:35
Creating websites is awesome till you see the result in another browser ...
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Sakra ... ono není tak lehké udělat css na dané html :D

Nahoru Odpovědět 25.3.2013 23:21
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

Má šablona funguje ve FF, Opeře, Chromu... ale IE značky HTML5 odmítá, jak to v tomto prohlížeči spouštíte?

Nahoru Odpovědět 26.3.2013 0:33
Čím víc vím, tím víc věcí nevím.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na David Hynek
Jiří Gracík:
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

například umístěním tímto do HTML souboru: V tomto připadě to nikdo nebude řešit v IE, protože nemáme jak to zajistit bez změny HTML ;)

Nahoru Odpovědět  +1 26.3.2013 6:49
Creating websites is awesome till you see the result in another browser ...
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Jiří Gracík
Daniel Vítek:

jak tak koukám, bude to těžký :D

 
Nahoru Odpovědět 26.3.2013 10:47
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

prosím o úpravu zadaného kódu, nejsme přeci čuňata, abychom do webové stránky dávali 2x H1!!! :) Díky

Nahoru Odpovědět  +1 26.3.2013 12:20
Čím víc vím, tím víc věcí nevím.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na David Hynek
David Čápka:

Pokud je v headeru, je to v pořádku, HTML 5 s tím počítá nebo jsem si to alespoň doteď myslel.

Nahoru Odpovědět 26.3.2013 12:34
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na David Hynek
Jiří Gracík:

Nikdo tu není čuně, jenom byste si měl asi něco malinko dostudovat ...

například zde:
http://stackoverflow.com/…-h1-in-html5

Editováno 26.3.2013 12:58
Nahoru Odpovědět 26.3.2013 12:57
Creating websites is awesome till you see the result in another browser ...
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Jiří Gracík
David Hynek:

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é...

Nahoru Odpovědět 26.3.2013 14:23
Čím víc vím, tím víc věcí nevím.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na David Hynek
Jiří Gracík:

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á.

Nahoru Odpovědět 26.3.2013 15:03
Creating websites is awesome till you see the result in another browser ...
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na David Hynek
David Čápka:

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.

Editováno 26.3.2013 15:14
Nahoru Odpovědět 26.3.2013 15:13
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na David Hynek
David Čápka:

Problém je v tom, že zaměňuješ titulek stránky a nadpis, jsou to 2 jiné věci :)

Nahoru Odpovědět 26.3.2013 15:21
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
adam440
Redaktor
Avatar
 
Nahoru Odpovědět  +2 26.3.2013 17:32
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

Hezký večer přeji.

Kromě IE to funguje ve všech prohlížečích.
Odkaz na soubor: http://davidhynek.cz/files/style.css

Mějte se...

Nahoru Odpovědět  +1 26.3.2013 21:09
Čím víc vím, tím víc věcí nevím.
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

Omylem se mi sem nahrála verze, která nebyla ještě finální.
Takže na předchozí zapomeňte. :)

styl: http://davidhynek.cz/files/style.css

Nahoru Odpovědět  +2 26.3.2013 21:20
Čím víc vím, tím víc věcí nevím.
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

David Čápka ... kdo bude hodnotit ? :)

Nahoru Odpovědět 26.3.2013 22:30
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

A ještě kam můžeme případně dávat výtvor(css soubor) když nechceme sem ? :)
.. nechci uveřejňovat před koncem .. :)

Nahoru Odpovědět 26.3.2013 22:36
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
David Čápka:

Můžeš to sem hodit až v sobotu nebo mě link do PM. Kdo bude hodnotit ještě nevím, předpokládám, že se s někým dohodnu v pátek na srazu :)

Nahoru Odpovědět  +1 27.3.2013 6:48
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Michal Žůrek (misaz):

Tak já jsem hotový. http://uloz.to/…sazfinal-zip

Opět si nemyslím, že bych mohl vyhrát, ale přesto to zkouším.

Nahoru Odpovědět  +4 27.3.2013 14:40
Nesnáším {}, proto se jim vyhýbám.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
David Čápka:

Ta kulatá tlačítka vypadají dobře :)

Nahoru Odpovědět 27.3.2013 14:53
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
michalsip
Člen
Avatar
michalsip:

Přidávám se k soutěži:
odkaz na hotový web: http://m.dunamenti.cz
a tady je css

Nahoru Odpovědět  +2 27.3.2013 16:35
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
michalsip
Člen
Avatar
Nahoru Odpovědět  +1 27.3.2013 16:37
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
Neaktivní uživatel:

Chci se jen zeptat, můžu odstranit jednu patičku(footer) ze souboru? Docela mi tam překáží. Díky za odpověď.

Nahoru Odpovědět 27.3.2013 21:05
Neaktivní uživatelský účet
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:

nemůžeš ... teoreticky sdraco a porota veme jen css soubor a ten přidají k html .. takže ne :)

Nahoru Odpovědět 27.3.2013 21:09
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:

ale kdyžtak ti poradím ... display: none;
.. :)

Nahoru Odpovědět  +1 27.3.2013 21:13
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Neaktivní uživatel
Jiří Gracík:

Každý web by nějakou patičku mít měl, myslím si že když je v kódu tak se nepředpokládá že bys ji měl skrýt (Honza Bittner)

Nahoru Odpovědět 27.3.2013 21:48
Creating websites is awesome till you see the result in another browser ...
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Jiří Gracík
David Hynek:

HoBi měl asi na mysli footer který je pod article, obsahuje jen mezeru. A jestli jej nepotřebuje vypnutí se přímo nabízí...

Nahoru Odpovědět 27.3.2013 21:55
Čím víc vím, tím víc věcí nevím.
Avatar
michalsip
Člen
Avatar
michalsip:

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?

Nahoru Odpovědět 27.3.2013 21:57
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Hynek
Honza Bittner:

ano, to jsem myslel ..

samozřejmě části s textem by měly zůstat .. :)

Nahoru Odpovědět 27.3.2013 21:58
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na michalsip
Honza Bittner:

myslím že bys žádné externí písmo používat neměl.. zadání bylo upravovat pouze CSS ne ?

Nahoru Odpovědět 27.3.2013 21:59
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Michal Žůrek (misaz):

externí písmo nepoužívej, přeci jistota je jistota. Vyber si jakékoliv jiné, které jede v nejnovějším chrome.

Nahoru Odpovědět 27.3.2013 22:02
Nesnáším {}, proto se jim vyhýbám.
Avatar
michalsip
Člen
Avatar
michalsip:

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?

Nahoru Odpovědět 27.3.2013 22:03
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Honza Bittner:

přesně :) .. navíc ve win je dost hezkých písem :)

prostě se pošle jen css :) podle mě to tak všichni pochopili

Nahoru Odpovědět 27.3.2013 22:03
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na michalsip
Honza Bittner:

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 :)

Nahoru Odpovědět 27.3.2013 22:05
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
michalsip
Člen
Avatar
michalsip:

Dobře, odstraním tedy externí písmo a style nahodím ještě jednou.

Nahoru Odpovědět 27.3.2013 22:22
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
Pavel Vosyka
Člen
Avatar
Pavel Vosyka:

Tak se taky pochlubím se svou maličkostí. Mám prostě rád tu jednoduchost. Ale není to úplně domyšlené pro neobvyklá rozlišení :/. http://ipadresa.tk/

Jinak písma se dají v klidu importovat přes css (@import) .. viz google.com/fonts

Možná bych si udělal ještě jednu verzi, kde bych se s CSS3 skutečně vyblbnul :)

Nahoru Odpovědět  +4 27.3.2013 22:25
"nikdy nepiš nic 2x"
Avatar
Vojta Pšenák
Redaktor
Avatar
Vojta Pšenák:

Můžu si k různým prvkům přidat id/class ?

 
Nahoru Odpovědět 27.3.2013 22:28
Avatar
Odpovídá na Vojta Pšenák
Neaktivní uživatel:

Ne nemůžeš, úprava pouze v CCS. Taky sem měl podobný problém :D

Nahoru Odpovědět 27.3.2013 22:34
Neaktivní uživatelský účet
Avatar
Vojta Pšenák
Redaktor
Avatar
Odpovídá na Neaktivní uživatel
Vojta Pšenák:

A ještě otázečka, jsem asi úplně blbej, ale můžu si do divů dát místo

&nbsp;

obsah stránky ?

 
Nahoru Odpovědět 27.3.2013 22:37
Avatar
michalsip
Člen
Avatar
Odpovídá na Pavel Vosyka
michalsip:

díky za radu, ale není to v podstatě to samé jen s odkazem na Google font?

Nahoru Odpovědět 27.3.2013 22:39
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Vojta Pšenák
Honza Bittner:

nemůžeš nic upravovat v HTML ...

Nahoru Odpovědět 27.3.2013 22:58
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na michalsip
David Čápka:

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.

Nahoru Odpovědět 28.3.2013 6:59
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Honza Bittner
Jiří Gracík:

Áha, promiň - jsem myslel že chcete schovávat patičku :P :D

Nahoru Odpovědět 28.3.2013 8:04
Creating websites is awesome till you see the result in another browser ...
Avatar
michalsip
Člen
Avatar
Odpovídá na David Čápka
michalsip:

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.

Nahoru Odpovědět 28.3.2013 12:35
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
Vojta Pšenák
Redaktor
Avatar
Vojta Pšenák:

Tak jsem to také zkusil

 
Nahoru Odpovědět  +1 28.3.2013 13:26
Avatar
Ondřej Spilka:

Tak to by mě zajímalo, kdo vyhraje :)

 
Nahoru Odpovědět  +2 28.3.2013 22:28
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

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

Jinak samozřejmě doufám, že vyhraji já :)

Editováno 28.3.2013 22:51
Nahoru Odpovědět  +3 28.3.2013 22:50
Čím víc vím, tím víc věcí nevím.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Hynek
Honza Bittner:

ouu :)

jinak já si myslím že je kód dostatečný :)

... každý doufá .. ale vyhraje jen jeden :(

Editováno 28.3.2013 22:53
Nahoru Odpovědět 28.3.2013 22:53
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Ondřej Spilka:

I z takto málo věcí se dá ale vykouzlit zázrak :) všechno je to o umu :)

 
Nahoru Odpovědět 28.3.2013 23:21
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:

Smutný na tom textu je, že někteří lidi tohle fakt dělaj...

 
Nahoru Odpovědět  +5 29.3.2013 13:44
Avatar
Neaktivní uživatel:

Tak to taky skusím.
Tady to je: http://ulozto.cz/…lasmilan-zip

Nahoru Odpovědět 29.3.2013 21:52
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět 29.3.2013 22:13
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Neaktivní uživatel:

ani nevím to se muže klidně vymazat. Tam sou jenom nějaký hovadiny, který se mi tvoří automaticky.

Nahoru Odpovědět 30.3.2013 11:31
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Michal Žůrek (misaz):

A v čem programuješ, že ti to "samo" vytváří složku .idea?

Nahoru Odpovědět 30.3.2013 13:01
Nesnáším {}, proto se jim vyhýbám.
Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Drahomír Hanák:

Tipl bych si něco od JetBrains. PhpStorm/WbeStorm

 
Nahoru Odpovědět  +1 30.3.2013 13:07
Avatar
Nahoru Odpovědět 30.3.2013 16:10
Neaktivní uživatelský účet
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
David Čápka:

Většina lidí programuje v IDE a většina IDE si někam ukládá konfiguraci projektu :)

Nahoru Odpovědět 30.3.2013 16:14
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
narki69
Redaktor
Avatar
narki69:

Dúfam že sa bude páčiť. :-)
Odkaz na stiahnutie : http://ulozto.cz/…/devbook-rar

Nahoru Odpovědět 30.3.2013 17:39
„Učiť možno slovami, vychovávať len príkladom“
Avatar
Odpovídá na David Čápka
Michal Žůrek (misaz):

Většina lidí však tuto konfiguraci dále neposílá.

Nahoru Odpovědět  +1 30.3.2013 18:27
Nesnáším {}, proto se jim vyhýbám.
Avatar
Amomym
Člen
Avatar
Amomym:

Zde je moje, doufám že se vám to bude líbit. http://prntscr.com/ygpta

 
Nahoru Odpovědět 30.3.2013 18:48
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Tak čekáme :D!

Nahoru Odpovědět  +1 30.3.2013 19:00
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Amomym
Michal Žůrek (misaz):

Ještě zde hoď zdroják a máš to komplet. :D

Nahoru Odpovědět 30.3.2013 19:02
Nesnáším {}, proto se jim vyhýbám.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Amomym
Jiří Gracík:

Výstup měl být CSS soubor, ten by si sem měl dát taky ne :P?

Nahoru Odpovědět 30.3.2013 19:02
Creating websites is awesome till you see the result in another browser ...
Avatar
jakub
Redaktor
Avatar
jakub:

Bude to napínavý :D

Nahoru Odpovědět  +1 30.3.2013 19:04
Uvnitř jsou všichni stejní...
Avatar
Odpovídá na jakub
Michal Žůrek (misaz):

ale zrovna ty tu nic nemáš :P

Nahoru Odpovědět 30.3.2013 19:07
Nesnáším {}, proto se jim vyhýbám.
Avatar
jakub
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
jakub:

To víš,já bych udělal tak maximálně,no ty víš co :D

Nahoru Odpovědět 30.3.2013 19:08
Uvnitř jsou všichni stejní...
Avatar
Amomym
Člen
Avatar
Amomym:

sory tady je to i zdrojáky :D, doufám že se to vezme

 
Nahoru Odpovědět 30.3.2013 19:16
Avatar
Nahoru Odpovědět 30.3.2013 19:17
Nesnáším {}, proto se jim vyhýbám.
Avatar
Amomym
Člen
Avatar
Amomym:

http://mojeukazka.wz.cz/ tak tu to je, té icony nahoře si nevšímejte, ve zdrojáku tam není, ale tam se zobrazuje. Doufám že se to ještě vezme

 
Nahoru Odpovědět 30.3.2013 19:18
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

tak SDRACO šel právě hodnotit ! :)

Nahoru Odpovědět 30.3.2013 19:19
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Amomym
David Čápka:

Hoď sem ještě rychle CSS :P

Nahoru Odpovědět 30.3.2013 19:22
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
David Čápka
Tým ITnetwork
Avatar
Nahoru Odpovědět  +1 30.3.2013 19:23
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Amomym
Člen
Avatar
 
Nahoru Odpovědět 30.3.2013 19:25
Avatar
David Čápka
Tým ITnetwork
Avatar
Nahoru Odpovědět  +1 30.3.2013 19:27
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
jakub
Redaktor
Avatar
jakub:

Weby hezké :-)
účast také

Nahoru Odpovědět 30.3.2013 20:19
Uvnitř jsou všichni stejní...
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Je to tady, musím říci, že jsem zas příjemně překvapený. Jak účastí, tak úrovní.

Výsledky:

  1. narki69 (97 bodů)
  2. FunebrakCZ (93 bodů)
  3. HoBi (90 bodů)
  4. vosykapavel (83 bodů)
  5. Misaz (80 bodů)
  6. davidhynek (77 bodů)
  7. Dan Vitek (73 bodů)
  8. Msave (73 bodů)
  9. michalsip (67 bodů)
  10. bajkaloficial (60 bodů)
  11. vp123 (60 bodů)
  12. adam400 (53 bodů)
  13. milan.gallas (47 bodů)

Placka a nálepky tedy putují k narki69, gratuluji a prosím adresu do PM. Ostatním děkuji za účast a budu se těšit zas příště :)

Nahoru Odpovědět 30.3.2013 20:33
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Ještě jsem zapomněl dnešní složení poroty: David Čápka, x a jakub.

Nahoru Odpovědět 30.3.2013 20:35
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
jakub
Redaktor
Avatar
Odpovídá na David Čápka
jakub:

Děkuju za možnost být v porotě :-)

Nahoru Odpovědět 30.3.2013 20:37
Uvnitř jsou všichni stejní...
Avatar
Honza Bittner
Redaktor
Avatar
Nahoru Odpovědět  +1 30.3.2013 20:50
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Martin Bartoš:

Takže znova gratulujem :)

Nahoru Odpovědět 30.3.2013 20:56
Nejsom kreatívny...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na narki69
Jiří Gracík:

Gratulace :) Ale upřímně, já bych 3., 4. a 6. ohodnotil více body než 1. ;)

Editováno 30.3.2013 21:02
Nahoru Odpovědět  +1 30.3.2013 21:00
Creating websites is awesome till you see the result in another browser ...
Avatar
jakub
Redaktor
Avatar
Odpovídá na Jiří Gracík
jakub:

To je pohled osoby,mně se narkiho líbilo nejvíc :-)

Nahoru Odpovědět 30.3.2013 21:08
Uvnitř jsou všichni stejní...
Avatar
narki69
Redaktor
Avatar
narki69:

Ďakujem borci :-) síce som nečakal že to vyhrám ale som príjemne prekvapený :-)

Nahoru Odpovědět  +2 30.3.2013 21:21
„Učiť možno slovami, vychovávať len príkladom“
Avatar
Pavel Vosyka
Člen
Avatar
Pavel Vosyka:

Pěkné práce.. teď mě trochu mrzí, že jsem s dalšími experimenty úplně nedoexperimentoval :D http://ipadresa.tk/index2.php Tak snad zas někdy příště :)

Nahoru Odpovědět 30.3.2013 22:49
"nikdy nepiš nic 2x"
Avatar
David Čápka
Tým ITnetwork
Avatar
Nahoru Odpovědět 31.3.2013 9:08
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
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.

Zobrazeno 103 zpráv z 103.