[h.....r]

Jestem nowy into CSS3 i zastanawiam się w jaki sposób uzyskać taki efekt jak niżej. Każdy kafelek to kontener o takiej samej szerokości, zmienia się wysokość i chciałbym żeby układały się w kolejności od lewej do prawej. Responsywnie oczywiście, walczyłem z flexboxem ale ze słabym efektem (przez różną wysokość kontenerów). Aktualnie udało mi się uzyskać taki efekt ale kafelki układają się kolumnami w dół i robi się kaszana przy skrypcie "endless scrooling" dla tumblra. Nie szukam gotowca ale podajcie chociaż jakieś hasła i wskazówki :D

#webdev #webdesign #css

[poh]

@hofier: http://isotope.metafizzy.co/ http://masonry.desandro.com/

[Gdziezamiatasz]

@hofier: masonry, masonry, masonryyyy ( ͡° ͜ʖ ͡°)

[h.....r]

@poh: @Gdziezamiatasz: @Michlx: słowo klucz widzę :D
a bez JSa się nie da? ( ͡° ʖ̯ ͡°)

[poh]

@hofier: jakby sie dało to widzisz sens istnienia i popularności w/w skryptów? ;)

[Gdziezamiatasz]

@hofier: jeśli strona statyczna i content się zmieniać nie będzie, to pewnie się da, ale będziesz się z tym męczył 100 razy bardziej niż z masonry :)

[h.....r]

@Gdziezamiatasz: dynamiczna niestety. zostanę chyba przy tym co do tej pory się udało zrobić :)

@poh: to czekam na css4 ( ͡° ͜ʖ ͡°)

[szymy]

@hofier:
Wskazówki:
- float: left;
- overflow: hidden;
- width: 250px; (dowolnie)
- height: auto;

[karbz0ne]

Użyj masonry lub pisz skrypt, który tworzy siatke i sprawdza wymiary elementów, prosta dodawanie i sie układa w całość. Do tego lazy loading i gra gitarra.
( ͡° ͜ʖ ͡°)

[Saeglopur]

podajcie chociaż jakieś hasła

@hofier: Uwaga będę podawać hasło: OKOŃ!

A tak poważniej masonry i isotobe ale to już widzę że nawijają o tym wyżej :)

[bany0]

Na początku masonry boli ale jest przydatny w wielu projektach.

[kowad]

@hofier: powinno się dać:
http://lmgtfy.com/?q=pinterest+style+css