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 …

Firediff: track and save CSS edits in Firebug

When I'm making fiddly changes to a web page I like to tweak the CSS using the Firefox Firebug plugin. It has the advantage of letting you try changes quickly and see the effect. The downside has always been that you had to then change the source CSS file to …

Multiple YouTube Videos per page using VideoLightBox

I decided to stop displaying the default YouTube video players within posts on my AgilityNerd blog and I started looking for a light boxed player. Their were two main reasons. The smallest video playback window provided by YouTube for HD videos is too wide for my two column layout and …

Centering DIVs in CSS

I took a look at this site on an 800x600 resolution monitor and didn't like how the original layout looked. Having the menu box on the left hand side with a 20px margin to the left used up too much screen space. So I decided to move the menu box …

Tagged as: css webdevelopment