Autor | Zpráva | ||
---|---|---|---|
Kubo2 Profil |
Toto vlákno bolo založené celkom neskoro (no opodstatnene) a má slúžiť pre svoje dva hlavné účely:
1) Návrh dizajnu pre BETA verziu učebnice PHP 2) Kritika vášho dizajnu Vlákno som založil preto, lebo miešať odkazy na dizajn do vlákna primárne určeného na tvorbu obsahu učebnice mi nepripadalo rozumné (dizajn a obsah nemajú nič spoločné, aj keď žijú v symbióze :-) Ak chcete navrhnúť svoj dizajn, ktorý ste napísali, dajte sem do vlákna odkaz v tvare ht>tp://php.it-joker.cz/test.php?css=[adresa vasho dizajnu], my ostatní sa už postaráme o kritiku. Prvý dizajnVytvoril som prvý jednoduchý dizajn do učebnice php, nalinkoval som ho na testovaciu verziu, pozrieť si ho môžete tu:http://php.it-joker.cz/test.php?css=http://prieskumy.php5.sk/projekty/php-ucebnice/obsah.css Odkazy sa automaticky upravia, aby sa šýl zachoval. Zatiaľ som nevytvoril štýl pre hlavičku a patičku, pretože som nemal nápad, aký dizajn tomu dať (zaujímal ma hlavne obsah). Keby niekto mal nápad, môže to dorobiť ;-) Tak prosím o kritiku a nápady na zlepšenie. Díki. |
||
Joker Profil |
#2 · Zasláno: 10. 12. 2012, 19:42:13
Kubo2:
„Pravidlá pre písanie dizajnu“ Já bych to řekl asi takhle, kdo má chuť si hrát, ať něco vytvoří a ostatní mohou komentovat :-) |
||
Kubo2 Profil |
#3 · Zasláno: 10. 12. 2012, 19:46:40
Joker:
„kdo má chuť si hrát, ať něco vytvoří a ostatní mohou komentovat :-)“ Tak já ty pravidla odmažu ;-) |
||
Sir Tom Profil |
#4 · Zasláno: 10. 12. 2012, 20:32:12 · Upravil/a: Moderátor (editace znemožněna) 30. 12. 2012, 16:59:29
Kubo2:
> Prvý dizajn > Vytvoril som prvý jednoduchý dizajn do učebnice php, nalinkoval som ho na testovaciu verziu, pozrieť si ho môžete tu: > ht>tp://php.it-joker.cz/test.php?css=ht>tp://prieskumy.php5.sk/projekty/php-ucebnice/obsah.css Tak tento dizajn (ježiš to je tak blbý slovo - raději budu používat design) se mi vůbec nelíbí - je takový a velmi dětský až elementární - skoro jako od dětí, kteří se učí dělat HTML a pomalu objevují CSS. Vlastní design nemám, takže nenabídnu alternativu, ale chtěl jsi pouze kritiku. Mně by se líbil design, který vyjadřuje samotnou podstatu PHP a má barvy přímo z loga PHP. To je šedo-modrá + někam tam vláknout slona. :D |
||
Kubo2 Profil |
Sir Tom:
> „je takový a velmi dětský až elementární“ > „jako od dětí, kteří se učí dělat HTML a pomalu objevují CSS“ V HTML i CSS už dělat vím :) Je sice pravda, že mi je třináct, no nemyslím si, že som v CSS až taký zlý, či áno? To že je ten design taký detský, začína to tak připadat už i mně... „Mně by se líbil design, který vyjadřuje samotnou podstatu PHP a má barvy přímo z loga PHP. To je šedo-modrá + někam tam vláknout slona. :D“ To není zlý nápad, jenom mi to v tom zhone nenapadlo (zase se potvrdilo, že jsem zčásti blbý). „ale chtěl jsi pouze kritiku“ Jo jo, to je svatá pravda, nic ti nezazlývám. :) |
||
Joker Profil |
#6 · Zasláno: 10. 12. 2012, 21:07:51
Sir Tom:
„Mně by se líbil design, který vyjadřuje samotnou podstatu PHP a má barvy přímo z loga PHP.“ Mám stejný názor, kdybych si měl představit barevné schéma na slovo PHP, určitě by tam byl nějaký odstín modré. Možná by to chtělo alespoň nějaké zadání, takže: • Vzhled by měl evokovat PHP, značkovací jazyky, tvorbu webu. Příklady http://php.net/ či http://www.w3.org/ • Je to učebnice, takže vzhled by neměl být moc křiklavý a přebíjet obsah. • Měli byste být připraveni poskytnout vzhled pro finální verzi učebnice pod rozumnou licencí (např. Creative Commons) • Zároveň ale pokusy tady berte jen jako hraní a není žádná záruka, že se něco z toho použije. |
||
Časová prodleva: 19 dní
|
|||
Jan Tvrdík Profil |
#7 · Zasláno: 29. 12. 2012, 11:38:22
Vzhledem k tomu, že se nezapojil ještě nikdo, kdo to umí, tak prozatím alespoň takto:
php.it-joker.cz/test.php?css=webdev.fit.cvut.cz/~tvrdija4/djpw-ucebnice/style.css |
||
Enyeus Profil |
#8 · Zasláno: 29. 12. 2012, 11:59:25
Před nějakým časem jsem vytvořil tuto šablonu: http://templates.programator-koder.cz/preview/theme1/reseni-chyb/
Velká inspirace byla dokumentace Nette (ale možná až příliš). |
||
Rellik Profil |
#9 · Zasláno: 29. 12. 2012, 13:12:56
Enyeus:
Kdes proboha přišel na to šílené fialovorůžové pozadí?! Jinak by se to už celkem dalo oproti předchozím ukázkám... ;) |
||
Enyeus Profil |
#10 · Zasláno: 29. 12. 2012, 14:33:43
Rellik:
Vytvořil jsem tedy ještě variantu s PHP modrou: #6b7eb7 http://templates.programator-koder.cz/preview/theme1-1/reseni-chyb/ |
||
Rellik Profil |
#11 · Zasláno: 29. 12. 2012, 14:58:38
Enyeus:
tak to už vypadá o 100% líp ;) |
||
juriad Profil |
#12 · Zasláno: 29. 12. 2012, 15:04:41
Enyeus:
pěkné, ale mě se zdá příliš úzké, proč na mém monitoru o šířce 1600px omezuješ článek na pouhých 559px - padding? |
||
Alphard Profil |
#13 · Zasláno: 29. 12. 2012, 15:06:46
Enyeus:
Snad nemusíme ve všem kopírovat dokumentaci Nette :-) tady se mi hodně nelíbí příliš omezená šířka pro kódy, vejde se tam cca 63 znaků, což není ani prehistorických 80 znaků na řádek. Otázka stanovení počtu znaků, které se musí vejít na řádek bez posouvání je asi věcí diskuse, ale 80 bych považoval za naprosté minimum, osobně bych dal tak 100 až 120. Teď vidím, že přibyl stejný názor od juriad [#12]. |
||
Rellik Profil |
#14 · Zasláno: 29. 12. 2012, 15:18:06
|
||
Sir Tom Profil |
#15 · Zasláno: 29. 12. 2012, 15:55:27
Enyeus:
S tou modrou je to pěkné. Všichni: Nicméně si myslím, že asi nejlepší by bylo zvolit design WIKIPEDIE, PHP manuálu, nebo přímo design od Yuhůa na JPW (takhle by aspoň to učebnice, krásně zapadla do projektu JPW). |
||
jenikkozak Profil |
#16 · Zasláno: 29. 12. 2012, 15:58:13
Rellik:
Máš moc pěkný operační systém. Jen škoda, že ti neumožňuje udělat výřez aktivný plochy prohlížeče. Děláš běžně, že si webové stránky otevíráš na celou šířku okna prohlížeče? U tak řádků delších než 200 znaků dá docela práci udržet se očima na řádku. Sir Tom: „Nicméně si myslím, že asi nejlepší by bylo zvolit design WIKIPEDIE, PHP manuálu, nebo přímo design od Yuhůa na JPW“ Souhlasím. A nebo by se mohl použít nějaký vlastní design, to by také bylo velmi dobré. |
||
Rellik Profil |
#17 · Zasláno: 29. 12. 2012, 17:24:25
|
||
Časová prodleva: 8 dní
|
|||
Kubo2 Profil |
#18 · Zasláno: 6. 1. 2013, 11:48:56
Jan Tvrdík:
Ten tvůj návrh je celkem pěkný, myslím že rozhodně lepší než můj ;-) 1/ Akorát by to chtělo trochu větší margin zprava a zespodu, alespoň 130 pixelov, protože ke koncím řádků a posledních několik vět v obsahu se hrozně špatně čte. Menu taky, ale tak 18px zleva :) 2/ A taky bych dal o štipku větší nadpisy H3 v hlavnom #obsah -u.
3/ Ke konci bych nastavil odkazům nejaký jedinečný :hover , aby člověk vědel, na ktorý odkaz kliká, hlavně v tom primárnom menu.
Myslím, že z mé strany je to všechno, víc připomínek nemám, akorát bych tě ješte jednou chtěl pochválit, to je fakt všechno. Máš to fakt pěkný :-) |
||
Časová prodleva: 1 měsíc
|
|||
Joker Profil |
Vývoj učebnice nám zas na čas usnul, nicméně už zase pokračuje.
Abychom se trochu hnuli z místa, použijte jako základ pro tvorbu vzhledu toto logo |
||
Taurus Profil |
#20 · Zasláno: 16. 2. 2013, 16:31:49
O pár dní později jsem si tehdy hrál s detaily a vznikla ještě verze, kterou jsem neposlal.
Návrh designu webu neovlivňuje, protože se liší jen ve stylu odstínu a tučnosti klíčových písmen. |
||
Joker Profil |
#21 · Zasláno: 16. 2. 2013, 16:43:27
Taurus:
Napadla mě ještě i varianta toho loga, kde by místo zakřivené čáry byla lomená ve stylu HTML/PHP značek, <> |
||
Taurus Profil |
#22 · Zasláno: 16. 2. 2013, 16:55:54
Myslíš ostré závorky místo bříšek v "P" a lehce oddělené od "H" nebo ještě jinak?
|
||
Joker Profil |
#23 · Zasláno: 16. 2. 2013, 17:22:50
Taurus:
Ten původní nápad byl místo bříšek ostré závorky, přičemž ty vnitřní části by byly propojené do jedné rovné čáry. Čili ta čára by pak tvořila vzor podobný Z .
Nicméně zkoušel jsem to nakreslit a spíš než co jiného to evokuje germánskou runu, takže to asi nebude to pravé. |
||
Str4wberry Profil |
#24 · Zasláno: 16. 2. 2013, 18:00:41
Když se tak dívám na to logo, tak mě napadlo použít Bootstrap.
dl.dropbox.com/u/3370251/DJPW/php-ucebnice/index.html Co říkáte? |
||
Jan Tvrdík Profil |
#25 · Zasláno: 16. 2. 2013, 18:45:33
Str4wberry:
Tak rozhodně je to nejlepší, co tady bylo. Vadí mí akorát fluidní design (dlouhé řádky se špatně čtou) a vzhled té „Kam dál?“ navigace dole na stránce. |
||
Str4wberry Profil |
#26 · Zasláno: 16. 2. 2013, 19:15:56
Jo, to je pravda. Koukám, že ty zdrojové kódy nejsou moc dlouhé, takže kratším řádkům snad nic nebrání.
|
||
Chamurappi Profil |
#27 · Zasláno: 16. 2. 2013, 21:01:56
Reaguji na Str4wberryho:
„tak mě napadlo použít Bootstrap“ Ono se to monstrum hodí i někomu, kdo umí základy CSS? Má to stejné chyby jako Twitter. Na odkazu na další článek mám v Exploreru vypnutý ClearType a nejde zvětšovat písmo. Reaguji na Taura: Kombinace velkých zmenšených písmen a malých písmen ve slově „péhápko“ mi připadá ošklivá. Připomíná mi to azbuku, asi zejména písmenem „н“. Možná mám nějaký atypický typografický vkus… |
||
Str4wberry Profil |
Reakce na Chamurappiho:
„Ono se to monstrum hodí i někomu, kdo umí základy CSS?“ Přišlo mi to jako jednoduchý způsob, jak vytvořit něco od čehož by se šlo odrazit. Samozřejmě by nebyl problém (a bylo by to případně rozumné) z toho monstra vykuchat těch pár užitečných řádků kódu. Když se tak dívám na to množství prázdného místa při rozložení s omezenou šířkou, což takhle udělat učebnici dvousloupcovou? V jednom sloupci mít teorii a hezky ve vedlejším sloupci příklady / ukázky kódu? To mne vždycky v učebnicích štvalo, že bylo potřeba neustále rolovat mezi kódem a jeho vysvětlením. I když možná je lepší mít ukázky kódu kraťounké (nevím přesně, jak jsou již hotové kapitoly napsány). |
||
Joker Profil |
#29 · Zasláno: 17. 2. 2013, 09:59:14
Str4wberry:
Já na tom odkazu při šířce okna 1600px nemám nějak přehnaně volného místa, spíš bych řekl, že to je tak akorát. Při 1280px už tam toho volného místa je spíš málo. |
||
Kubo2 Profil |
#30 · Zasláno: 17. 2. 2013, 19:46:26
Str4wberry:
Dá sa povedať, že moderný design, ale zároveň až trochu prehnaný. Ja osobne mám radšej jednoduchšie designy. Nadpisy v hlavnom prúde by určite išli zmenšiť, nadpisy typu „základný kurz“ zasa zväčšiť. Ďalej to tlačítko „Nasledujúca kapitola“ by išlo urobiť menej lesklé (že áno ;-), a to je asi všetko (?). Chamurappi: „Kombinace velkých zmenšených písmen a malých písmen ve slově ‚péhápko‘ mi připadá ošklivá.“ Neviem prečo, mne sa tam práve to hodí... |
||
Téma pokračuje na další straně.
|
0