Portfolio šablona

16. 8. 2012 14:12:59

Ahoj,

pracuju na nové šabloně pro themeforest (kterou asi použiju i na svoje portfolio). Rád bych slyšel nějakou kritiku, rady, co vám chybí, co zlepšit, názory, ...

// http://presento.ries.cz

16. 8. 2012 14:12:59

https://webtrh.cz/diskuse/portfolio-sablona/#reply797092

Václav Bedřich

(35 hodnocení)

17. 8. 2012 00:35:46

Myslím, že se snažíš až zbytečně o přílišný minimalismus, ten horní přechod mi přijde na tom všem nejhorší. V obsahu není moc co hodnotit, jo super, funguje, ale není v tom žádná inovace, prvek pro který bych si tu šablonu koupil.

Je to jako dobrý základ, ale určitě by ještě stálo za to na tom zapracovat. Přidat nějaký slider, hezčí výpis referencí, zlepšit typo... Za to třeba detail reference nebo kontakt je podle mě v pohodě

17. 8. 2012 00:35:46

https://webtrh.cz/diskuse/portfolio-sablona/#reply797091

Vilem

(11 hodnocení)

17. 8. 2012 09:18:48

Napsal biggycz;832773
Myslím, že se snažíš až zbytečně o přílišný minimalismus

To si nemyslím, spíš bych to chtěl ještě o něco zjednodušit.

S výpisem referencí máš pravdu, to předělám. Díky :)

17. 8. 2012 09:18:48

https://webtrh.cz/diskuse/portfolio-sablona/#reply797090

Václav Šťastný

19. 8. 2012 22:10:06

Využiješ to pro svoje protfolio a dáš to k dispozici i ostatním?

Jinak dobrá práce ;)

19. 8. 2012 22:10:06

https://webtrh.cz/diskuse/portfolio-sablona/#reply797089

Vilem

(11 hodnocení)

20. 8. 2012 08:22:30

Díky. Ještě nevím, jestli to použiju pro sebe.

PSD verze šablony je k dispozici na ThemeForest http://themeforest.net/theme_previews/2862544-presento-theme-psd kde si můžete prohlédnout všechny podstránky

20. 8. 2012 08:22:30

https://webtrh.cz/diskuse/portfolio-sablona/#reply797088

Vilem

(11 hodnocení)

29. 8. 2012 18:16:56

Šablona je nakódovaná (kódu se ujal Lukáš Prvý): http://presento.ries.cz/

Připravuje se WordPress verze – pokud máte nějaké nápady, kritiku, ... sem s tím :).

29. 8. 2012 18:16:56

https://webtrh.cz/diskuse/portfolio-sablona/#reply797087

Ondrej Vertat

(48 hodnocení)

29. 8. 2012 19:05:04

Kód je dost DIVoký :)

29. 8. 2012 19:05:04

https://webtrh.cz/diskuse/portfolio-sablona/#reply797086

800XE

(8 hodnocení)

29. 8. 2012 19:39:43

Ondřej: Na fixní layout by tam opravdu bylo trochu přeDIVováno, u responsivního layoutu je ale struktura

naprosto běžná záležitost.

29. 8. 2012 19:39:43

https://webtrh.cz/diskuse/portfolio-sablona/#reply797085

Ondrej Vertat

(48 hodnocení)

29. 8. 2012 23:16:33

To jsou 3 DIVy. Jen ty jsem samozřejmě neměl na mysli. Je jich tam o mnoho víc včetně těch, kde je jen text. Responzivní nebo ne, je to fekální styl.

29. 8. 2012 23:16:33

https://webtrh.cz/diskuse/portfolio-sablona/#reply797084

800XE

(8 hodnocení)

29. 8. 2012 23:28:07

Je jich tam o mnoho víc včetně těch, kde je jen text.

Kromě struktury pro responsivní layout tam žadný div, ve kterém by byl jenom text nevidím.

Responzivní nebo ne, je to fekální styl.

Samozřejmě můžeš všechny variabilní rozměry a floaty zapisovat do CSS, ale pak z toho zase vznikne nesrozumitelné fekální CSS ;-)

29. 8. 2012 23:28:07

https://webtrh.cz/diskuse/portfolio-sablona/#reply797083

---

(6 hodnocení)

29. 8. 2012 23:37:30

Design sa mi páči, i keď hlavička by mohla byť o niečo menšia.

Tiež sa mi páči efekt, pri zmene zobrazenia portfólia z 3 na 4 stĺpce

Čo sa týka kódu, ten by mohol byť bohužiaľ lepší:

Kód pre jedno(!!) tlačítko

Kontaktný formulár - tlačítko by mohlo mať hover

Čísla v stránkovaní by mohli mať okolo seba pár pixlov klikatelnú plochu, nech sa netreba triafať presne na ne (pridať padding, ubrať margin)

Logo by som obalil aspoň do strong

V dnešnej by som písal podobné šablóny v HTML5

29. 8. 2012 23:37:30

https://webtrh.cz/diskuse/portfolio-sablona/#reply797082

800XE

(8 hodnocení)

29. 8. 2012 23:46:20

Kód pre jedno(!!) tlačítko

To je kvůli požadavku plynulého přechodu mezi normálním stavem a hoverem u tlačítek v hlavičce. CSS3 transition pro background-image momentálně podporuje jenom webkit, proto je to řešeno animací průhlednosti.

29. 8. 2012 23:46:20

https://webtrh.cz/diskuse/portfolio-sablona/#reply797081

---

(6 hodnocení)

29. 8. 2012 23:52:53

Ešte som si všimol, že v IE7,8,9 to nefunguje.

Konkrétne:

-pozadie v hlavičke

-tlačítka v hlavičke

-placeholder v text inputoch

---------- Post added 29.8.2012 at 23:58 ----------

Napsal 800XE;838250
To je kvůli požadavku plynulého přechodu mezi normálním stavem a hoverem u tlačítek v hlavičce. CSS3 transition pro background-image momentálně podporuje jenom webkit, proto je to řešeno animací průhlednosti.

To je síce pekné, ale aj bez toho je to tlačítko príliš preSPANované. Takéto tlačítko buď naštýluješ v CSS3 a tí čo si kúpia šablónu sa potešia, že si môžu ľahko zmeniť farbu v kóde.

Alebo ak to chceš robiť s obrázkami na pozadí stačí ti Tlacitko

A navyše hover stav tlačítka by si k tomu mohol pridať cez js.

29. 8. 2012 23:52:53

https://webtrh.cz/diskuse/portfolio-sablona/#reply797080

800XE

(8 hodnocení)

30. 8. 2012 00:01:49

Ešte som si všimol, že v IE7,8,9 to nefunguje.

Je to optimalizováno pro IE8+, s IE7 se nepočítá.

pozadie v hlavičke

V IE8/9 je v hlavičce na HP jenom gradient kvůli nepodpoře vícenásobného pozadí. Přidám tam kvůli IE ještě div s druhým pozadím, i když pak už mě asi Ondřej rituálně ukamenuje.

tlačítka v hlavičke

Animace tlačítek v hlavičce je řešená pomocí CSS3, v IE to proběhne bez animace, což podle mě nevadí.

To je síce pekné, ale aj bez toho je to tlačítko príliš preSPANované. Takéto tlačítko buď naštýluješ v CSS3

Chtěl jsem, aby to v IE vizuálně vypadalo pokud možno stejně jako v normálních prohlížečích a ne jako barevný čtverec.

placeholder v text inputoch

Pravda, to mi úplně vypadlo, udělám je radši přes JS.

Díky za postřehy

30. 8. 2012 00:01:49

https://webtrh.cz/diskuse/portfolio-sablona/#reply797079

---

(6 hodnocení)

30. 8. 2012 00:23:45

Je to optimalizováno pro IE8+, s IE7 se nepočítá.

-jedná sa o šablónu na predaj, ktorá bude na stovkách stránok, ktoré navštívia tisíce ľudí. Z nich približne dve percentá už môže byť kvantum ľudí, ktorí s IE7 stále počítajú.

Nechcem tu rozvádzať polemiku o podpore/nepodpore IE7, ale myslím si, že spraviť aspoň funkčné menu a opraviť pár vecí nie je taký problém.

Samozrejme, je to na vás, myslel som to v dobrom.

V IE8/9 je v hlavičce na HP jenom gradient kvůli nepodpoře vícenásobného pozadí. Přidám tam kvůli IE ještě div s druhým pozadím, i když pak už mě asi Ondřej rituálně ukamenuje.

V mojom IE9 tam nie je ani gradient ani obrázok, je tam jednotná farba: #07090e

Chtěl jsem, aby to v IE vizuálně vypadalo pokud možno stejně jako v normálních prohlížečích a ne jako barevný čtverec.

-jedná sa predsa len o IE8, kde sa daju CSS3 riešiť cez js. Ako som spomínal vyššie, kupujúci ocenia možnosť zmeny farby. Okrem toho, stále sa to dá spraviť s obrázkovým pozadím, ale s menším počtom spanov.

30. 8. 2012 00:23:45

https://webtrh.cz/diskuse/portfolio-sablona/#reply797078