Tutorials blog posts

  • Making a Page Builder with CloudCannon

    Jordan Trbuhovic

    7 October 2021

    Page builders give editors an intuitive and easy way to manage and build websites. All editing can be done within CloudCannon’s Visual Editor in real time. Visual data previews are...

    Read more
  • blue lightning bolt illuminated in the night sky

    Bundling JavaScript for Jekyll

    Ryan Collins

    12 November 2020

    Optimising assets can significantly improve load times for visitors to your site. When you build a site on CloudCannon, any assets referenced in your HTML/CSS are automatically minified and served...

    Read more
  • Google sign displayed on top of an office building

    G Suite Authenticated Sites with CloudCannon and SAML

    George Phillips

    4 February 2020

    Internally at CloudCannon, we use G Suite to manage all of our emails. This allows us to work together on products like Google Drive and Google Meet. When a new...

    Read more
  • Tray of rings with gems in them.

    Private Jekyll themes with Gemfury

    Jordan Trbuhovic

    13 June 2019

    Jekyll themes allow styles and site structures to be reused across any number of sites. This eliminates the need to duplicate content, layouts, includes and assets across multiple sites. Themes...

    Read more
  • Top left corner of a computer screen with the GutHum homepage on it.

    Using Jekyll plugins on GitHub Pages

    Mike Neumegen

    9 May 2018

    GitHub Pages is a reliable, performant Jekyll hosting provider which has recently added support for SSL. It’s a great hosting platform but has a major limitation, you can’t use custom...

    Read more
  • red social media

    Lightweight Social Share Buttons

    Ross Phillips

    1 February 2017

    Social share buttons are commonplace on a range of websites. Many social networks provide embed code to build them quickly, however these solutions load a number of additional requests and...

    Read more
  • Hanging silver pendant of an anchor on a leather platted cord.

    Deploy Jekyll sites anywhere using jekyll-hook

    Mike Neumegen

    26 January 2016

    In the last tutorial, we used Travis CI to deploy a Jekyll site to Amazon S3. This tutorial covers using jekyll-hook to automatically deploy changes from GitHub/CloudCannon to your own...

    Read more
  • close up of a snowy Christmas tree decorated with red and gold baubles

    How to create a super simple Christmas landing page

    George Phillips

    23 December 2014

    This week I felt like doing something Christmas related, it seemed quite relevant. Instead of enjoying the summer sun that a New Zealand Christmas offers I decided to build an...

    Read more
  • close up image of laptop screen with lines of code

    How to create a browser window with just CSS and HTML

    George Phillips

    21 December 2014

    This isn’t the weekly deconstruction, that’ll be out in a few days. This is a small post to tide you over until then. This deconstruction is from our recent front...

    Read more
  • long road disappearing into the horizon with clear blue skies

    How to create an animated pickup in CSS and HTML

    George Phillips

    19 December 2014

    This week I came across the 7mml website and I loved the loaded symbol. An animated car with a scrolling background. It was rather sluggish so I looked at how...

    Read more
  • close up of zen garden and giant rock

    Extreme CSS Zen Garden

    Mike Neumegen

    18 December 2014

    Something occurred to me the other day. <title> and <meta> tags are in the DOM so you must be able to style them like any other element. So I set...

    Read more
  • Computer screen with VSCode open and some code on the screen

    Have SSL on your CloudCannon website for free

    Mike Neumegen

    9 December 2014

    Today I’m going to show you how you can add SSL to your CloudCannon website in under 5 minutes. What’s even better, it’s free! Before we get started let’s cover...

    Read more
Page 1 of 2 Next
Launch your website today