Čtvercový responzivní grid s pozicováním. [metro ui]

9. 6. 2017 04:41:32

Ahoj, shaním knihovnu která by mi umela vytvořit ideálně čtvercový, responzivni grid do ktereho bych mohl umistovat dlazdice na absolutni pozice.

neco jako https://troolee.github.io/gridstack.js/, který je v podstate idelani jen neni responzivni. a ani nemusi byt draggable.

uvitam jakykoliv tipy, díky moc.

9. 6. 2017 04:41:32

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283862

Petr Pojer

(9 hodnocení)

9. 6. 2017 08:40:11

Nový CSS Grid Layout by to měl zvládnout. Některé prohlížeče mají pořád problém s podporou (IE, Edge, Opera Mini, defaultní Android prohlížeč), ale jinak by to mělo být ok.

9. 6. 2017 08:40:11

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283861

node

(5 hodnocení)

9. 6. 2017 09:20:09

nehladas nahodou https://masonry.desandro.com/?

9. 6. 2017 09:20:09

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283860

David Procházka

(39 hodnocení)

9. 6. 2017 14:34:48

potreboval bych práve umistení na konkretní souradnici. neco ve stylu "tenhle ctverec o sirce 2 a vysce 2 soupni na souradnice X1, Y2. abych mezi nim mohl tvorit mezery. coz podle me masonry neumi. ten css grid layout se tvari ze jo, mrknu na to.

grid-stack to umi takto

data-gs-x="0" data-gs-y="0"

data-gs-width="4" data-gs-height="2">

data-gs-x="4" data-gs-y="0"

data-gs-width="4" data-gs-height="4">

9. 6. 2017 14:34:48

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283859

(20 hodnocení)

9. 6. 2017 15:03:27

a co ti konkretne nevyhovuje na tom gridstacku? Ja ho s uspechem a s nejakymi vlatsnimi upravami pouzivam a zatim sem nenasel nic lepsiho :) Co znamena responzivni konkretne?

9. 6. 2017 15:03:27

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283858

David Procházka

(39 hodnocení)

9. 6. 2017 15:19:24

no libilo by se mi kdyby se umel preskladat a skryt na mobilu nejaky prvky a tak. idelane neco jako bootstrap :). ted se mi sloupce zuzujou coz je dost na pytel.

pokud jsem koukal dobre tak chtel brzo vydat novou verzi která by snad mela byt responizvnejsi tak uvidime.

9. 6. 2017 15:19:24

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283857

michal731

(69 hodnocení)

9. 6. 2017 15:24:40

Napsal Re4DeR;1391807
no libilo by se mi kdyby se umel preskladat a skryt na mobilu nejaky prvky a tak. idelane neco jako bootstrap :). ted se mi sloupce zuzujou coz je dost na pytel.
pokud jsem koukal dobre tak chtel brzo vydat novou verzi která by snad mela byt responizvnejsi tak uvidime.

Bootstrap a ještě responzivnější? Tam jde hlavně o to, používat všechny classy pro každé zobrazení. Tedy col-xs col-sm col-md col-lg . Něco se dá také nastavit přes viewport. Myslím, že bootstrap je aktuálně nejlepší framework pro kódování, i responsive :)

Je jasné, že s každou verzí přijde nějaká novinka ale už je to spíše o přidání nového prvku. Jediné co mě na bootstrapu štve je rozdělení grid systému na 12 dílků. Když pak chce člověk 5 sloupců musí improvizovat :)

9. 6. 2017 15:24:40

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283856

David Procházka

(39 hodnocení)

9. 6. 2017 15:31:43

Napsal michal731;1391811
Bootstrap a ještě responzivnější? Tam jde hlavně o to, používat všechny classy pro každé zobrazení. Tedy col-xs col-sm col-md col-lg . Něco se dá také nastavit přes viewport. Myslím, že bootstrap je aktuálně nejlepší framework pro kódování, i responsive :)
Je jasné, že s každou verzí přijde nějaká novinka ale už je to spíše o přidání nového prvku. Jediné co mě na bootstrapu štve je rozdělení grid systému na 12 dílků. Když pak chce člověk 5 sloupců musí improvizovat :)

nebavime se o bootstrapu, ten pouzivam a mám rad taky. prave pro svoji jednoduchost kdy i jako programator dokazu udelat pouzitelny rozhrani :D. jj veci jako 5 sloupcu jsou sranda.

9. 6. 2017 15:31:43

https://webtrh.cz/diskuse/ctvercovy-responzivni-grid-s-pozicovanim-metro-ui#reply1283855

Pro odpověď se přihlašte.

Přihlásit