Wireframe of a code beautifier tool
Photo by Helena Hertz on Unsplash

Creating a Code Beautifier in Two Days

Last week I drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete.

Read More →
A label and a twig
Photo by Helena Hertz on Unsplash

Best Practices for Filenames on the Web

Some filenames are better than others. We enforce a certain pattern to ensure your website follows best practices for naming files on the web.

Read More →
Hot air balloons in the sky.

Free For Personal, Educational, and Non-profit Use

Surreal CMS is now completely free for personal, educational, and non-profit use. This changes everything.

Read More →
Two computers on a desk

Most Websites Can Be Static

Static websites are becoming more and more popular these days. Here's why you should consider going static for your next project.

Read More →
Drawings of wireframes

The Difference Between a Website Builder and a CMS

These days, there's a fine line between a website builder and a CMS. A lot of folks use the terms interchangeably, but they are very different products.

Read More →
Slip, Trip or Fall

Lessons Learned From a 10 Year Old SaaS

I launched a SaaS product in 2008. Here's how I got started and some of the things I've learned over the years.

Read More →
Slip, Trip or Fall

Troubleshooting Credit Card Issues

If you're buying something online, there's a good chance it will be on a credit card. Unfortunately, charges don't always go through when you expect them to.

Read More →
Slip, Trip or Fall

Automatic Code Cleanup

Surreal CMS works hard to keep your code as tidy as possible. The editor has always produced semantic markup, but now we've taken things a step further to make sure your code is easy to read even when you view the source.

Read More →
Lover’s Lock

The Move to HTTPS

The web is moving to HTTPS at a fast pace, and the latest version of Surreal CMS is HTTPS-only. Here's why you should make sure your websites are protected too.

Read More →
Manhatten Bridge

Working with HTTP Authentication

Some designers use HTTP Authentication to protect certain pages from being accessed without a username and password. This post shows you how to make protected pages load in the editor.

Read More →
JavaScript in progress

Highlighting Code Blocks with Prism

Prism is a lightweight, extensible syntax highlighter used by thousands of websites. This tutorial will show you how to highlight code blocks using Prism in Surreal CMS.

Read More →
Photo gallery

Creating a Fancybox Gallery

Fancybox is a feature-rich lightbox library for presenting photo galleries. This tutorial shows you how to integrate Fancybox 3 with Surreal CMS using code you can copy and paste.

Read More →
Four by one

Creating a Lightbox Gallery

Lightbox is one of the most popular ways to display photos in a gallery. This tutorial shows you how to integrate the original Lightbox 2 with Surreal CMS using code you can copy and paste.

Read More →

How To Preserve Empty Elements

By default, the editor removes empty elements as part of its cleanup process. This post will show you how to preserve them when needed.

Read More →

Troubleshooting Character Encoding Issues

If you publish changes and see strange characters appear aftwards, chances are the page's character encoding is wrong. This post will show you how to fix that.

Read More →
Asphault in Maui

Announcing Surreal CMS 7

The long-awaited release of Surreal CMS 7 has been rolled out. Here's what you need to know about the soft launch.

Read More →