Categories
Web Development WordPress

Responsive-ize WordPress Gallery Thumbnails with Sass

UPDATE: Just use Justin Tadlock’s Cleaner Gallery plugin. I am in the midst of rewriting my WP theme WPFolio Two. I wanted to make the gallery thumbnail images a flexible width rather than their default fixed width. To do this, I gave the attachment images themselves a width: 100%; but needed to apply my responsive […]

Categories
Web Development

Redirect primary domain to a subfolder using .htaccess

I recently switched hosting from Dreamhost to Lithium Hosting – seems like a solid switch so far. Migrating hosts is certainly frustrating especially since Dreamhost uses a proprietary cPanel. A particular issue is that I like to keep all of my domains in subdirectories of public_html. Dreamhost does this automatically, even with your root domain, […]

Categories
Web Development

Some advice for freelancers

I’ve been freelancing full time for about 6 months now and finally feel that I’ve streamlined my process. I’d like to share a few things that made a huge difference for me: Find a co-working space. I rent a desk at CatapultPGH, and have no idea what I would do without it. The community is […]

Categories
Design Web Development

The F & Z Layouts in Web Design

On the F layout: The F-Layout relies upon various eyetracking studies for it’s foundational concept. These scientific studies show that web surfers read the screen in an “F” pattern – seeing the top, upper left corner and left sides of the screen most… only occasionally taking glances towards the right side of the screen. These […]

Categories
Web Development

Remove .php from URLs [Snippet]

When making custom sites, I separate my code into various php files that each include a consistent header and footer so that I don’t have to deal with verbose, redundant HTML files. By default you end up with gross URLs like mysite.com/contact.php. Make it mysite.com/contact by adding this to your .htaccess file and replacing index|about|.. […]

Categories
Design Web Development

website starter kit

I’m sure many web designers have created their own compilation of preferred tools and site structure. Well, this is mine! A website starter kit. I figured I’d put it on Github because, why not? Maybe someone else will find it useful, and it will be a worthwhile project to maintain just for myself. In sum, […]

Categories
Web Development

Move a ball on the screen with Arduino & Processing

Here’s what it looks like on the Arduino (with a potentiometer and two buttons): Here’s the code: And here’s what it looks like on the screen: There’s a few things to know about getting the Arduino working with Processing – here’s a link. And, with luck, later I’ll post a better image and description of […]

Categories
Web Development WordPress

Thumbnails in WPFolio Two

I recently added 270x270px gallery and post thumbnails to WPFolio Two. They look damn nice in columns of three in the portfolio categories. While working on this, I found that WP’s thumbnail/image attachment functions are not so well documented, so I wanted to be sure to share what I figured out. Here I’ll go over […]