Django Shrink The Web django-stw 1.0 Released

It has been several years since I've worked on my Django driven website that uses Shrink The Web (STW) screen shots. During that time STW has simplified their feature set and their API.

As I upgraded my site (Googility.com) I took some time to modernize the django-stw template tag …

Using Gestures in Angular 2 with TypeScript Lightning Talk

Here are my slides on Using Gestures in Angular 2 with TypeScript for a lightning talk that I gave at the December Northwest Chicago JavaScript meetup.

Screenshot of first slide of my presentation

I converted the Reveal.js slides checkout to use the Angular 2 CLI. That let me include two small Angular 2 components within the …

Maximize and Minimize Code Blocks in Reveal.js Slide Shows

I was working on a slideshow about Using Gestures in Angular 2 Components for a lightning talk at the December Northwest Chicago JavaScript meetup and I found the code sections just weren't large enough. So I threw together a little JavaScript to add "+" and "-" buttons next to each code section …

Tagged as: webdev CSS JavaScript

Pelican For Fast Site/Project Development

I was working on a simple single page website for calculating dog agility jump heights and was really missing the tool chain I normally use in Flask and Django web sites for bundling, compressing, and versioning CSS and JS files and a mechanism for putting the bundled/versioned file names …

LiveReload with Pelican

I was looking to use LiveReload while developing using Pelican and I came across this nice simple solution by Merlijn van Deen.

In my use case I also wanted to watch the pelicanconf.py file and themes directory for changes and then regenerate the output and reload the browser. Lastly …

Tagged as: python webdev pelican

HTTP/2: A Quick and Easy Website Speed Up

I always want my websites to be secure and fast. HTTP/2 is the latest enhancement to the HTTP protocol that can provide significant performance improvements:

The primary goals for HTTP/2 are to reduce latency by enabling full request and response multiplexing, minimize protocol overhead via efficient compression of …

NGINX, HTTPS, Let's Encrypt, and Django

My agilitycourses.com website is served by nginx proxying to gunicorn running my Django application. I'll be adding user accounts soon so I wanted to convert the site to be more secure by using HTTPS encryption. Also Google has announced it will likely prefer sites using HTTPS.

The site is …

NGINX CGI Parameter Gotcha

When I first started the agilitynerd blog in 2004 I had my Blosxom blogging CGI script running via Apache. Later on I moved all my sites to nginx or took advantage of nginx's caching features to have it act as a proxy in front of Apache. I finally decided to …

ReactJS SVG Path Player Component

I've been a big fan of SVG images for many years for their light weight and resolution independence. I started playing with them back when most browsers needed a plugin to render them; which kept me from using them in web sites. Within the past few years SVG has become …

Tagged as: reactjs javascript SVG

Upgrading Pelican and Migrating to GitHub Pages

I've been using Pelican for this blog for almost three years with source and output stored in a GitHub repository. The output files were then checked out and hosted as static content behind an NGINX web server on my VPS. Since I set that up GitHub introduced GitHub Pages with …

Tagged as: pelican github python