One of the coolest ingredients of our new website templates and Site Builder are the use of “components” throughout. They are like little embedded machines in a web page, each performing a specific function or task. Components can be easily customized by our members without having to know how to code.
To give you an example, I thought it would be fun to show how our team of developers are building these components, in particular the Grid Selector. This will allow you to customize how a grid of thumbnails will look and behave on a website front page, or in a gallery.
Since components are built with functionality in mind first, the finely-tuned designed styles are added later. In the example video (below) I am showing you our internal component library. This is where functional examples are collected and documented.
Here you’ll be able to see the type of options you will have available with image grids when we launch the Site Builder.
And, this is a first. We’ve never shown the inner workings of our dev team before. Based on the level of interest we are getting about the new Site Builder, I thought you’d all appreciate this behind-the-scenes view.
The Grid Selector will live inside of the Site Builder, and it will let you create a display of image thumbnails according to your needs. Although this component will continue to expand in functionality, our Site Builder will launch with these options:
- Setting rounded corners, or not (border radius)
- Choosing the spacing between the images
- Showing or hiding text-based information upon mouse rollover (hover)
- Showing or hiding text-based information under the images
- Selecting a grid behavior (masonry, stacked, horizontal)
- Selecting the size of the thumbnails (small, medium, large, extra-large)
Stay tuned for more updates coming soon!