Réactif de Maçonnerie jQuery exemple de disposition
Quelqu'un peut-il suggérer comment ce site utilise le jQuery Maçonnerie plugin pour ses réactif, fluide de mise en page?
http://tympanus.net/codrops/collective/collective-2/
Spécifiquement;
Le nombre de colonnes changements de 3 à 2 pour 1 sur navigateur redimensionner, qui est ce que vous attendez d'un site à l'aide de la maçonnerie, mais ce qui est intéressant également redimensionner les colonnes de toujours remplir toute la largeur disponible. La plupart des autres de la Maçonnerie les sites que j'ai vu de laisser des espaces vides à la droite de la de colonnes que le nombre de colonnes changements (e.g http://masonry.desandro.com/) OU les colonnes de remplir toute la largeur, mais le nombre fo colonnes reste la même (http://masonry.desandro.com/demos/fluid.html). Sont-ils la définition dynamique le nombre de colonnes sur navigateur redimensionner combiné avec les CSS media queries ou peut-être qu'ils sont à l'aide de CSS3 colonnes?
Grâce.
Étrange, dans OS X Lion à l'aide de Chrome 17, Safari 5.1.2 ou Firefox 9.0.1 il ressemble à ceci; cl.ly/DjIr. J'ai eu un coup d'oeil au code source, mais je ne pouvais pas savoir comment il était fait.
OriginalL'auteur robflate | 2012-01-28
Vous devez vous connecter pour publier un commentaire.
C'est le Code que nous recherchons.
L'idée de Base semble être pour ajouter un columnselector qui trouve le nombre de colonnes peut être réglé. La deuxième étape consiste à utiliser le smartresize événement dans la fonction. La troisième étape est d'appeler la maçonnerie avec la "dynamique" de la largeur des colonnes. Amusez-vous 🙂
Bon à savoir que ça fonctionne. et merci pour la publicité de mon attention, j'étais aussi à la recherche de qqch de similaire et je pense que je vais essayer maintenant et à l'appliquer dans mon site!
sauvé mon cul 😀
u peut plz élaborer avec quelques exemple que je suis à la recherche de la même
OriginalL'auteur some_guy