Library of code

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design.

Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Sarah Foubert Sarah Foubert

Images

This Squarespace plug-in code allows you to center your text in a markdown box.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Sarah Foubert Sarah Foubert

Accordion Blocks

This Squarespace plug-in code allows you to change the summary block with CSS.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Sarah Foubert Sarah Foubert

Gallery Block

This Squarespace plug-in code allows you to center your text in a markdown box.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Sarah Foubert Sarah Foubert

Form Block

This Squarespace plug-in code allows you to center your text in a markdown box.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Sarah Foubert Sarah Foubert

Summary Blocks

This Squarespace plug-in code allows you to change the summary block with CSS.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Markdown Sarah Foubert Markdown Sarah Foubert

Markdown

This Squarespace plug-in code allows you to center your text in a markdown box.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Links Sarah Foubert Links Sarah Foubert

Links

This Squarespace plug-in code removes underlines for links either site wide or for specific blocks.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Blog Sarah Foubert Blog Sarah Foubert

Blog

This squarespace plug-in code changes the category dividers on every page into anything you put between the “ ”

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Headings Sarah Foubert Headings Sarah Foubert

Headers

Create a highlight effect for your Header by adding a custom background colour, padding and adjusted corners.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
General Sarah Foubert General Sarah Foubert

Fonts

Adjust your monospace font on your Squarespace website with this little bit of CSS code. Just paste it in Design > Custom Code.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
General Sarah Foubert General Sarah Foubert

General | Smooth Scroll

Smooth scroll is particularly useful when using anchor links on a page. Just paste the code in Design > Custom Code.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Menu Sarah Foubert Menu Sarah Foubert

Main Menu

One of the most useful bits of code: clickable folders in Squarespace. A bit more complicated to add the code than usual, but worth the trouble. 

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More