Pattern Library First: An Approach For Managing CSS
CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid.
This article will show you how to create nifty physics-based background scroll effects for your web pages. We’ll be using Matter.js, an excellent open-source JavaScript framework, to handle the...
I've moved my blog from Wordpress.com to Hugo. I wrote some of my thoughts on why I made the switch, ideas, improvements for the design and custom tooling for my editing workflow.
Migrating a blog (yes, this one!) from Wordpress to Hugo
I had been meaning to move this blog from Wordpress to a static site generator for a while. Why? Mostly, I like having control and access to my blog posts in a standard raw form; Wordpress (and most other CMSes) store posts in a database, but a static site generator lets you use a bunch of Markdown files. Also, I wanted an easier way to write posts offline. With a static site generator, I can just save everything locally and publish it all together, very easily, once I’m ready.
As mentioned in Going Static, I migrated my Wordpress blogs to a static site build with Hugo. Most articles on the subject convinced me that it would be easy. The truth is, it isn’t that straight forward.Content With help of a Wordpress plugin, exporting your posts and content is easy. The plugin adds the necessary front matter in Yaml format. But you still need to go through all your posts to update manually all image references.
A couple of weeks ago, I moved this site over from WordPress to Hugo, a static site generator. I’ve written a little bit about why I made the switch, how I automated deployment of my site, and how I’m able to automatically publish prescheduled posts at the right time. Today, I wanted to talk about something a bunch of people have asked me about: how to actually migrate content from WordPress into Hugo.
Working variables in Hugo can be complicated when coming from classic languages. The only way to override variables or attach any kind of value to a .Page object is to use .Scratch.
Building a production website with Hugo and GulpJS
Hugo is a free and open-source static site generator (SSG) with a beautifully simple setup process, a command line interface and several killer features which I’ll cover in this tutorial. I am going t…
How We’re Using WordPress as a Headless CMS | Indigo Tree
At WordCamp London 2018 Indigo Tree developer Benjamin Read took to the stage to deliver a talk about using WordPress as a Headless CMS. Here's a write up based on the outline of the talk he gave.
DNSleaktest.com offers a simple test to determine if you DNS requests are being leaked which may represent a critical privacy threat. The test takes only a few seconds and we show you how you can simp…
Retrieve Google Calendar events using API v3 in javascript
last year I was using the code found here http://gdata-javascript-client.googlecode.com/svn/trunk/samples/calendar/simple_sample/simple_sample.html to retrieve all events from "now" of a public Goo...
JavaScript library that turns a Google Calendar into a list of events on your website | Milan Lund | Freelance Web Developer for Kentico projects
In this article you will get the script which turns your Google Calendar events into a human readable list on your website and a description of how to use it.