Máme tu novou minisoutěž na tento týden o žlutou placku "Machr na
webdesign" a samolepky. Ještě jsme tu neměli responzivní design a často se
tu o něm mluví, zkusme si ho tedy Vytvořte jednoduchou webovou vizitku (web o jedné stránce). Je
jedno, jestli vaší, nějaké společnosti nebo známé osobnosti. Design by
měl být kreativní a hlavně responzivní, stránka se tedy dobře zobrazí na
malém displeji telefonu i na fullHD monitoru. Čas si dejme jako vždy do
neděle 1.9.2013 do 18:00 hodin.
Omlouvám se za školní hosting, za chvíli nahodím nový odkaz. Jen se
chci zeptat, zda tam opravdu musí být nějaký smysluplný (i když
smyšlený) text nebo stačí jenom lorem ipsum?
Mě právě také nic nenapadá. MS Word od verze 97 k verzi 2013 jistě
ušel velký kus cesty, ale dokumenty, které mi chodí z obou verzí, jsou
naformátovány stejně špatně. Ve Wordu 2013 se píše mnohem hůř, protože
když hledám nějakou vlastnost, hledám ji v menu 4× déle než v
předchozích verzích a stejně to nefunguje. Zkusil jsi někdy číslovat
stránky po dílech nebo od nějakého svého čísla? Nefunguje to, i když je
to v manuálu popsáno. Takže další krok zpět.
A když si přečtu dotaz z konference, jak při exportu z Excelu do CSV dát
místo desetinné tečky desetinnou čárku? I když se to v tom exportu
nastaví, nefunguje to.
OK, píšu nový, modernější, prostornější web pro strýce a napadlo
mě ...
"Co kdybych si udělal ten responzivní design ... No, asi budu muset
mít 2 CSS soubory ? To bude moc náročné, asi to nebudu dělat ... No, jsem
HoBi, ten se nevzdává!"
Tak jsem si sedl, vymyslel jsem jak bude web vypadat, pak jsem ho nakódoval
spolu s responzivním designem ...
Musím říct že to není tak složité, ani 2 soubory jsem nepotřeboval.
Stačí jen přemýšlet a kód je malý
Tak moje práce, dalo by se to vylepšit, ale o soutěži jsem se dozvěděl
až ve čtvrtek a měl málo času. https://c9.io/…ce/main.html
PS: Fotka není moje.
HoBi: Ubuntu font je nějak oblíbený.
Tomichi (100 bodů), ale kód je trochu DIVný A neminimalizuj soutěžní
CSSKa!
Slepice1 (90) - Super design, jen ten kód není HTML 5 a
občas je dost divoký, příště to určitě vyjde!
niveses (90) - Velmi povedené, škoda, že jsou tam 3
CSSka, tohle se bude špatně udržovat.
DanVitek (80 bodů)
Ondrca (60 bodů)
Musím říci, že se kvalita prací v těchto soutěžích velmi zlepšila.
Placku si odnáší webový veterán Honza Bittner a [me|]2896[/me|].
Příjemně překvapil slepičí web První 4 výtvory by určitě stály za publikaci a budu moc rád,
když je sem umístíte. Těším se příští týden u další soutěže
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Člen
:1.9.2013 20:30
Dobře chcu si obhájit svůj DIVny kód jelikož šablony nekoduji poprvé
tak důvod proč používám html5 značky je ryze kvůli sematickému
vyhledávání abych google botům a ostatním crawlerům usnadnil práci při
indexování. Ale stylovat na html5 elementy nebudu jelikož starší
prohlížeče mi nevezmou nav ul li což jsem si třeba všiml u Hobi-ho další
věc dobře s minifikací přiště nebudu čarovat ale řeklo se aby byl
responzivní a dobrý web , na mobilním zařízení vás všechny zajímá
kolik kb se stahuje. Jsem ve stádium kdy řeším i rychlost. Jinak někteří
s všimli že tam mám sice html5siv knihovnu na podporu html5 značek ale ne
všeci maji zaplý js. Jen pár věcí proč jsem to tak udělal jak
udělal.
tím řesíme asi 0,000000000000000000008 % lidí, kteří se na portfolio
českého programátora nejspíš nepůjdou podívat. Výhody tuhle drobnou
nevýhodu těžce převálcujou
HTML5 tagy se používají jak kvůli lepšímu vyhledávání - SEO, tak i
kvůli tvé přehlednosti ...
Je totiž lepší když vidíš <header>, <main>, <article>
atp. než jenom <div>, <div> a zase <div> ...
Pro funkčnost ve starších - spíše v IE - prohlížečích se
používají různé modernizery, které HTML5 tagy zpřístupní atp.
Ohledně tvého CSS - na soutěžích tohoto typu - devbook - se určitě
nekouká hlavně na výsledek, ale i na kód. Stejný kód můžeš napsat na
například 50, tak na 5000 řádků ...
Díky za hejty vidím že tady na foru má každý svou pravdu a brát Vám
ji nebudu jinak to co Hobi si
napsal že lepší seo tak to vím jinak by crawler neindexoval stránky
to že ta javascriptová sranda na podporu html5 má asi dva kb se neřeší
ani u mobilů ... a tohle není "naše" pravda, takhle to prostě je. Ale
můžeš se urazit a dál si hájit "svojí" pravdu, když ti to pomůže
Nejsem si jistý zda všichni ve 21 století mají zaplý js. A většina
lidí když píšete stránky tak nejsou na tak vyspělém levelu informatiky
jako vy co se tomu věnujete . Nechcu tady dělat ani žádného rádce ani
moudrého člověka nebo si hrát na nerda ikdyž sám informatik nejsem ale
většina lidí co znám tak používá IE a nežerou IT tak jako Vy. Jinak Pro
Hobiho No Na kódu zavisí ted možná v začátku neřešíš kolik se ti
stahuje kb a na kolik řádku to je nebo když hodíš odkaz na nefunkční link
ale každý požadavek trvá různou dobu. Jinak s počty řádku zavisí pokud
napíšeš stejnou věc na 5000 řádku ikdyž se dá napsat na 50 tak je to as
rozdíl ve stahování dat a jestli chceš aby tvá aplikace byla rychlá a
optimalizovaná v rychlosti.
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.