Lou Bispo

Front-end web development.

Menu

Projects

Mouse Knight

Mouse Knight website

The Mouse Knight website was a client commission for an author, of which I designed and built the front end. In this author’s book, a mouse reads an old manuscript on knighthood and, inspired, sets out to become a knight himself. The design of the website is based around the idea of an illuminated manuscript, such as the mouse hero might have read in the story.

Featured skills: responsive design, mobile-first development, HTML5, CSS3.

Lauch the Mouse Knight website!

Sessile Lite

Sessile Lite CSS library

Sessile Lite is a CSS3 layout library, intended to become the integral part of a front-end framework named Sessile. The Sessile layout library relies heavily on CSS3 features such as calc measurements and the flex box model, so it doesn't play nice with some of the older browsers (I’m looking at you, Internet Explorer, but also slightly older versions of Safari); nevertheless it can work well when used in conjunction with a polyfill such as flexie.js. And if legacy browsers are not a major concern, I think there is much to recommend Sessile Lite. The files are tiny (the minified CSS files come in at less than 15K total – yes, total!); developers can choose their own break points for their responsive designs (unlike other layout libraries and front-end frameworks); designers are *not* confined to a 12-column grid (again, unlike other frameworks); and the requirement for non-semantic classes in the markup are kept to a bare minimum, keeping code relatively clean.

Featured skills: responsive design, modular CSS, CSS3 flexible box.

I think the best way to become acquainted with the library is to peruse the documentation. Or, go ahead and download the files from GitHub and try it out yourself!

Fun fact: I used the Sessile Lite library for the layout of this website!

Syllabus Templater

Syllabus Templater

A college for which I teach web development had a problem with their syllabi: updates to the formatting and verbage were made frequently, and it was difficult to get all instructors to update their syllabi consistently each quarter. I came up with the solution for a web interface where faculty could enter just a few key pieces of course data, and have the rest of the corresponding data retrieved from a database. The Word document is created and downloaded using a PHP library called PHPWord. All syllabi can be updated consistently each quarter, since any changes can be simply added to the PHP script.

Featured skills: PHP, PHPWord library, MySQL, database design, jQuery, jQuery UI, responsive design, CSS3.

Lauch the Syllabus Templater!

Other personal web design projects

Rustic Portraits

L. Lawrence Bispo

A Joyous Wedding