Responzivni design – rady, tipy, zkusenosti

1. 10. 2012 14:12:25

Zdravim kolegove,

jaky mate zpusob/prubeh tvorby responzivniho designu? Cim zacinate (nejprve navrh pro nejmensi rozliseni a naslede rozsirit plochu a presouvat bloky, ci naopak), na co si davat pri navrhu pozor, pouzivat grind system? Jaky? atp..

Dekuji za hodnotnou diskuzi s praktickymi radami :)

1. 10. 2012 14:12:25

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814267

Jirka

(74 hodnocení)

1. 10. 2012 14:27:33

ahoj,

nedávno jsem takovou jednoduchou responsive šablonu udělal ( 2 menu módy a nezávislé 2 módy pro obsah, náhled EGGH), sice není dokonalá a využívá jen JS pro změny zobrazení ( na něco je lepší media query ), ale na trénink takových praktik je IMHO nejlepší si jich pár vyrobit a vyzkoušet. Už mám nápady na 2 další, brzo pošlu náhledy.

Nejvíc si dávám pozor, aby všechny informace byly za každé situace dostupné ve správném pořadí.

1. 10. 2012 14:27:33

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814266

Vít Tomáš Luštinec

(1 hodnocení)

1. 10. 2012 18:36:14

Doporučuji - http://www.initializr.com/

1. 10. 2012 18:36:14

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814265

Vítězslav Hubený

(11 hodnocení)

1. 10. 2012 18:50:03

ja pouzivam http://twitter.github.com/bootstrap/ :) a vrele doporucuji

1. 10. 2012 18:50:03

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814264

Daniel Pospíšil

(13 hodnocení)

1. 10. 2012 22:05:47

Diky za podnety, ale rikam si, ze jsem to asi malo zvyraznil :) Nejedna se mi o samotnou tvorbu responsive webu, ale o rady, zkusenosti a napady pro pripravu grafickeho navrhu responzivniho webu. Jak si to rozvrhnout, cim zacit, na jakem rozliseni, kolik urovni (nahledu) delat atp..

1. 10. 2012 22:05:47

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814263

Jirka

(74 hodnocení)

1. 10. 2012 22:16:38

Ajooo :) tak promiň za OT... hlavně je dobré si nastudovat heatmapy pro různé rozlišení obrazovky, obvyklá rozložení pro konkrétní téma webu a možnosti cílových zobrazovacích zařízení

1. 10. 2012 22:16:38

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814262

Daniel Pospíšil

(13 hodnocení)

10. 10. 2012 01:48:02

Nikdo nikdy nedelal, nebo je to tajne know-how? :)

10. 10. 2012 01:48:02

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814261

Ondrej Vertat

(48 hodnocení)

11. 10. 2012 08:36:51

Možná se nikomu nechce popisovat obsah té miliardy článků, co o tom na internetu je :)

11. 10. 2012 08:36:51

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814260

Patrik Štefko

(33 hodnocení)

11. 10. 2012 09:19:11

Tajne known how to nie je, najlepsiea rada najdi si sikovneho kodera na responsive layouty. Proces funguje tak, ze si nadesignujes stranku tak, aby si mohol jednoducho hybat, zmensovat zvacsovat Skupinami vrstiev (Smart object napriklad), ked to budes skusast preukladat. Da sa pozuit aj fluid GRID na "dolezite romzery" http://resizemybrowser.com/ ja to uz vsak nepouzivam.

Ked to zhruba sedi povies koderovi - "Chcem to responsive" :), clovek ktory to vie robit uz presne urobi to co treba tu je uz grafik na to kratky a na to aby bol vysledok uspokojivy treba koordinaciu viac profesii.

Pomohlo mne v zaciatkoch:

http://teamtreehouse.com/library/websites/build-a-responsive-website

http://teamtreehouse.com/library/websites/build-a-responsive-website/responsive-design

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

http://webdesign.tutsplus.com/articles/quizzes/webdesigntuts-quiz-6-responsive-web-design/?search_index=2

a hlavne kniha e-book za 9$ odporucam

http://www.abookapart.com/products/responsive-web-design

11. 10. 2012 09:19:11

https://webtrh.cz/diskuse/responzivni-design-rady-tipy-zkusenosti#reply814259

Pro odpověď se přihlašte.

Přihlásit