Building blocks, simple themes and templates

To simplify some of the processes in CoffeeCup's new responsive applications, I have collected the bits and bobs below. Most of them I have made from code found on the web, some I have thought up myself, and a couple of the files I have created for SD3, inspired by components from earlier versions of Coffeecup's responsive sitebuilders. They are all built for 'mobile up', except for the ones made with Vanilla.

The newest building blocks here are now a couple of things with Materialize! 

Please note that the building blocks found on this page are my own responsibility. If you have questions or problems with any of them, please contact me for help, not Coffeecup support. You can use the demo form under RFF as a contact form, just filling in the fields you need.

This library was started early 2017 and included just building blocks for RSD, RBB and RFF. Some of the earliest ones I made are best saved as a theme, because back then I didn't know that you can't make a component consisting of more than one row. Be aware of various entries (js and css) in the header and footer sections in the Settings pane. You will miss out on them by just creating a component.

Check out the Accordion at the bottom right. It contains many good tips written by forum users. I've collected them so that they don't drown in the mass of posts.

How do you create a component? Find out here!

NOTE: In SD3 the 'Settings pane' has now become the 'Page Manager'. It can be found when clicking on 'Pages' at the top bar, and then 'Manage Project'. Whenever the 'Settings' pane is mentioned in the demos or files for SD3, read 'Page Manager'.

Abbreviations I have used:
BS for Bootstrap,
ZF for Zurb Foundation.
VA for Vanilla
MA for Materialize

If those abbreviations appear behind a file name, it shows in which system the original files have been built.

Some of the old building blocks from the first sharing collection have been deleted, as there are now better ways of building them. If you are looking for things that you don't find here, take a look at https://albarosa.sdv3tutorials.com/  or  http://gordw.com/rsd/index.html 

In many of the components / themes I have created here, I have used images that belong to me. They serve just as examples of decoration. Please provide your own images for your own use.
 
Enjoy!
Inger

Cards

RSD 2.x

RBB / 

RSD 2.x

RFF / 

SD 3.x

Forms

RSD 2.x

RBB / 

RSD 2.x

RFF / 

SD 3.x

  • Important! These forms need a back end script, and also a bit of tweaking to make them work. They are the same for all the forms made with SD3. Get them here! Download
  • Simple contact form (BS)  Demo  Download
  • Simple contact form (ZF)  Demo  Download
  • Simple contact form (VA)  Demo  Download

Galleries / Slideshows

RSD 2.x

RBB / 

RSD 2.x

RFF / 

SD 3.x

Other

RSD 2.x

RBB / 

RSD 2.x

RFF / 

SD 3.x