Setting up a single-width column system (Simple) shows you how to set up the very basic Masonry single-width column system around which Masonry revolves.
Setting up a multi-width column system (Simple) shows how Masonry allows us to define a set of multiple widths in CSS so elements can span across multiple columns.
Using Masonry with images (Intermediate) talks about how we can properly use images in conjunction with Masonry. Because Masonry depends on using the height and width of an element, we need to account for that.
Adding media for multi-width columns (Intermediate) shows how we can handle instances where we need to account for the addition of multiple types of media, such as videos and images; this is considering the fact that multi-width columns give a great look to blog rolls and news feeds.
Using fluid layouts (Intermediate) goes over how to set the column widths to use fluid layout instead of responsive layout when building sites for mobile interfaces.
Animating using jQuery (Intermediate) shows how we can have a little fun using animations, which comes shipped with Masonry, when resizing the container area.
Animating using CSS3 (Intermediate) goes over how we use CSS3 animations and Modernizr to help us fall back to jQuery.
Integrating with WordPress (Advanced) goes over how we can integrate Masonry with the popular WordPress CMS, owing to the rising popularity of using content management systems.
Integrating with Drupal (Advanced) goes over the modules and integration process of Masonry with Drupal, which is the next most popular used content management system.
Adding and reloading (Advanced) goes over using Masonry's append and reload methods to align newly added content into the existing grid. This recipe is helpful for situations where we work on specialized projects that might involve dynamically adding content to a web page.
Placing a corner stamp (Advanced) shows how to implement a corner stamp in our Masonry grid. This would be helpful because Masonry moves content around when the container has different widths, and sometimes we want to keep a specific element at the top at all times, such as an author bio or featured product.
Aligning items from right to left (Advanced) shows us how to use the built-in Right-To-Left support within Masonry because in some instances when using Middle Eastern or Hebrew languages, the text needs to be aligned from right to left.
发帖
雷达卡
加好友,备注jltj
京公网安备 11010802022788号
论坛法律顾问：王进律师
知识产权保护声明
免责及隐私声明
