the webmaster sparkle sparkle sparkle sparkle sparkle sparkle sparkle

about

Webmaster JJ has been a full time freelance Web Developer / Designer since 2004. His clients hail from around the globe. Webmaster JJ's nomorious illustrious talents include... okay, okay I'm done with the weird third person point of view. Hi, my name is Jay. I provide web develpment and design services to small businesses and individuals, but what it really comes down to is I love problem solving with art and technology. I'm located in Wilmington, DE but I work with rad people all over the world. Please check out my services below and feel free to email me if you have a project you would like to work on together.

services

developement

  • Website & Blog Dev.
  • Custom Wordpress Themes & Plugins
  • Paypal IPN Integrated Apps
  • Front & Back End Dev.

Most Used Dev. Tools

PHP, MYSQL, Javascript, jQuery, HTML + CSS, Wordpress, LAMP Stack Servers, VIM, plus a calculator, pencil, legal pad and some black coffee. *Now using Node.js & MongoDB!*

design

  • Website and Blog Design
  • Illustration
  • Hand Drawn Lettering
  • Logo Design

Most Used Design Tools

Adobe Illustrator and Photoshop, Wacom tablet, cheap printer paper, tracing paper, a lightbox, non photo blue pencil, brush + ink, and liner pens.

PROJECTS

DEVELOPMENT PROJECT

Shark Pig 2017
  • html + css
  • javascript
  • jquery
  • mobile
  • PHP

This is the third major re-design I’ve done for SharkPig.com, since launching the original site back in 2010. One of the biggest improvements is the new responsive design for both desktop and mobile.

Over the years Shark Pig’s client list has grown as well as their impressive portfolio. My design approach was to get out of way and let the content shine through. Like the previous iterations of the site,  SharkPig.com features a custom backend that allows videos to to be easily added and arranged in the portfolio.

 

 

DEVELOPMENT PROJECT

Twitter Tools w/ Node.js & MongoDB
  • MongoDB
  • Node.js
  • Twitter API

For the past month or so, I’ve been building a set of Twitter tools to automate repetitive tasks and search for accounts to follow. I originally started this project a few years ago using PHP and MySQL, but this time I thought I would try using Node.js and MongoDB.

One example of functionality is the ability to sort through hundreds of thousands of user accounts and use filters like whether or not their description contains certain keywords, how many followers they have, how many accounts they follow, whether or not their account is protected, etc. After I’ve found a large set of users to follow I can store them in a database and automatically follow a certain amount of them everyday.

So far, it’s been a lot of fun and it seems like every other day there’s a new feature to add. The goal isn’t to create another mindless spam bot that DMs everyone with “thnx for the follow, now click on this link to check out my channel / podcast / crap I’m selling.” I’m hoping to build something that makes it easier to find the people to connect with.

If you’re interested in seeing what social media tasks I can automate for you or help with finding more internet pals, let me know.

DEVELOPMENT PROJECT

NomadicNosara.com – Blog Styling
  • html + css
  • javascript
  • jquery
  • wordpress

The NomadicNosara.com is a hotel / surf hostel located in Nosara, Costa Rica. When I starting working on this site it had already been built using a commercial WordPress theme, so all additional styling and functionality were added through a custom plugin.

The updates included:

  • New color scheme and background images
  • Custom styling on all pages
  • Custom About page image grid
  • Add Reserve page and Reserve bar
  • Custom contact section with Captcha

Retro graphics for the Garbage Barf Breakdown Youtube channel.

Graphics and lettering for the Shark Pig Wedding’s Rate Sheet. I’m especially happy with how the SharkPig with binoculars and the “Video Clown” came out.

DEVELOPMENT PROJECT

FriendsAndFamilyLA.com
  • html + css
  • javascript
  • jquery

The FriendsAndFamilyLA.com site was a super quick, but fun project, where I coded a responsive site that was designed by Eric Junker. (If you don’t already know him, check out his stuff!)  This little site shows that it’s possible to create an affordable custom site where the client and designer can choose the exact options they want, instead of having to look through hundreds of pre-made templates and then figure out how to hack one into something close to what their original idea.

It makes me hungry every time I look at it.

DEVELOPMENT PROJECT

KristinEssHair.com – Addon Functionality
  • html + css
  • javascript
  • jquery

Kristinesshair.com is the official site for Kristin Ess’s hair care line. I lent a hand by coding “The Signature Line” section on the homepage as well as a few layout tweaks here and there.  The site is built on the SquareSpace platform and because of this all updates were added through the Code Injection page. The benefit of coding this way is that the template doesn’t have to forked and will continue to receive official updates.

Once again it was a pleasure working with Kristin as well as Puno, and the Maesa Group.

DEVELOPMENT PROJECT

TheBeautyDepartment.com Website Re-Design
  • html + css
  • javascript
  • jquery
  • PHP
  • wordpress

TheBeautyDepartment.com received a full redesign. The new custom WordPress theme is mobile friendly, and automatically formats images to display correctly as thumbnails and hero images. It features a Peruse section that allows users to quickly browse posts. I really like the custom Instagram plugin that shows the latest nine images in a grid on the homepage. It was a blast working with Eunice Chun who did the design, plus Kristin Ess and  Amy Nadine, the masterminds.

DEVELOPMENT PROJECT

Shark Pig Weddings – Random Video
  • canvas
  • html + css
  • javascript

Check out this Randomizer I made for Shark Pig Weddings. You’ll need to please enter the magic word, if you please.  Click anywhere on the Randomizer to spin the wheels. Once they stop you’ll get a animal combination and a random video will play. If you’re using Chrome a voice will say your animal combo.

DEVELOPMENT PROJECT

Shark Pig Weddings Website
  • html + css
  • javascript
  • jquery
  • PHP

SharkPigWeddings.com is an LA based event videography company that specializes in song length featurettes shot on both HD video and Super 8 film. The site I designed and coded features a custom backend that allows them to manage the portfolio section. It also has fun randomizer. It’s hard to believe it, but I’ve making stuff with Brian and Jonathan for 17 years now.

Logo and header design for Shark Pig Weddings.

DEVELOPMENT PROJECT

DesignLoveFest – Social Media Workshop
  • html + css
  • mysql
  • paypal
  • PHP

The DesignLoveFest – Social Media Workshop is a video seminar taught by Bri Emery. For this project I updated the automated system that I originally built for the Blogshop Workshop.

The system includes:

  • Frontend of the workshop page + the workshop description page integrated into WordPress.
  • An automatic email sender that sends a unique username and password to the customer after they pay via Paypal.
  • A login system that gives users 48 hours to view the workshop after the initial login.
  • Security that only allows the workshop to be viewed in one browser window at a time.
  • A discount code system that gives admins the ability to create coupon codes and set what dates they’re active.
  • Backend user account management.

Illustration for Shane Sherpherd Photography

Illustration for Shane Shepherd photography. It was kind of awkward asking someone that I had never met in person to email me a photo of himself and his wife riding the back of a couch like a giant sheep to use as a reference.

Lettering for Shane Shepherd photography.

Illustrations for Shane Shepherd Photography

I had a lot of fun drawing sais, tonfas, kamas, nunchucks, shurikens, manriki gusari… you get the point, lots of ninja weapons. I screen printed a few dozen of these bags in my shed. This is the perfect tote for carrying your Swiss chard and kyoketsu shoge kama chain at the farmers market.  ( Here’s a bonus video for anyone wondering what a manriki gusari is. Great music plus a ninja style Gallagher finish. )

Cat with some long legs. I screen printed a couple dozen of these in my shed. The drawling was originally done with a brush and pen & ink, and then cleaned up in Illustrator for printing.

Portrait of Brian Morrow used for his speaking engagements, done in the style of 90’s clipart.

DEVELOPMENT PROJECT

Blogshop Online
  • html + css
  • javascript
  • mysql
  • paypal
  • PHP

Blogshop Online was a video seminar on Photoshop geared towards bloggers, taught by Bri Emery and Angela Kohler. For this project I developed an automated system that handled payment and content delivery.

The system included:

  • Frontend the class page + the class description page integrated into WordPress.
  • An automatic email sender that sends a unique username and password to the customer after they pay via Paypal.
  • A login system that gives users 48 hours to view the workshop after the initial login.
  • Security that only allows the workshop to be viewed in one browser window at a time.
  • A discount code system that gives admins the ability to create coupon codes and set what dates they’re active.
  • Backend user account management.

Later on, I updated the system and it was used for Bri’s DesignLoveFest – Social Media Class.

Design and Illustrations for Yeah! Rentals.

Illustration and lettering for the band Slobulus. They wanted a picture of a giant two-headed sloth and I said yep, sounds like a good idea to me.

I think this is pretty self explanatory.

Shark Pig portraits and business cards

Graphics for photographer Jennifer Emerling’s blog. (I had a blast making these for her!)

Graphic and lettering for photographer Jennifer Emerling’s blog.

Just for fun.

Logo for The Social, a photo/video studio in Atwater Village – LA, CA.

Shark Pig Weddings rate sheet illustrations.

DEVELOPMENT PROJECT

AngelaAndIthyle.com – Blog
  • html + css
  • PHP
  • wordpress

Custom WordPress theme for the AngelaAndIthyle.com blog.

A drawing I did for fun.

A graphic for SharkPig.com.

A repeating background pattern that was on the Bar Napkin Brainstorm site. Here’s a little info on what the event was all about.

A graphic for an event that was called Bar Napkin Brainstorm site. Here’s a little info on what the event was all about.

Cat Power – 5″x 7″ Pen and ink on bristol board.

DEVELOPMENT PROJECT

theAnimationProject.org
  • html + css
  • javascript
  • jquery
  • PHP
  • wordpress

The Animation Project is a creative arts therapy program for at-risk youth founded by Brian Austin in NYC.  Spencer Bagley did the design and I coded the custom WordPress theme. It was a good time working with both of those gents.

Tea Time – 5″x 7″ Brush and ink on bristol board.

Animal Party – 5″x 7″ Micron pen on bristol board.

DEVELOPMENT PROJECT

A Cup of Jo – Blog Re-Design
  • blogger
  • html + css
  • javascript

Back in 2012 I coded the redesign of the blog A Cup of Jo. It has since been redesigned again but you can read about it in this post. Since it was on the Blogger platform back then, all layout changes were done through Javascript. This was one the first projects I did were Javascript wasn’t just used to add a little widget but to actually do the heavy lifting.

At one point my wife and I dabbled in the event photograpy / photo booth game under the name Cat-Hawk Industries. This is the logo we made.

DEVELOPMENT PROJECT

YeahRentals.com
  • html + css
  • javascript
  • jquery
  • PHP

Yeah! Rentals is an event furniture rental company based in Los Angeles, Palm Springs, and San Francisco. The site I built for them showcases their inventory of mid-century modern, industrial, and cosmic desert furniture. Michael Antonia’s clear vision for his projects always makes it a great time working with him.

DEVELOPMENT PROJECT

TheBeautyDepartment.com
  • centos
  • html + css
  • PHP
  • wordpress

This was version 1.0 of TheBeautyDepartment.com. It has since been updated, but I wanted keep it posted here so I could talk a little about the hosting set up. The site launch had publicity from Lauren Conrad and Ryan Seacrest had a spot about it on his radio show, so it needed to be ready for traffic. To handle the spikes we set it up on a multi-server setup behind a load balancer. To be honest, it was my first time working with a site that needed to handle that much traffic, and I was a bit nervous, but everything worked as planned. The server setup was just the right size, and ran smoothly for years, until we eventually upgraded to a new setup.

The logo for Shark Pig, a production company located in Los Angeles, CA.

Shark Pig is a production company in Los Angeles, CA. and I happen to be their lead designer and also responsible for developing their websites. (update 9/7/17: I have since updated the site. Check out the project Shark Pig 2017 for more info. )

 

FAQ

Q. Are all these actual questions you get asked frequently, or is this just way for you to address various topics and not have to structure them into coherent gramatically correct sentences and paragraphs?
A. You got me.

Q. For real, how often do you rock a turt. and a gold chain?
A. Not often enough.

Q. So you're a "webmaster?" Do you think it's still 1998?
A. "Full-lamp-stack-front-and-backend-developer-with-seo-and-ux-experence-plus-designer-JJ" doesn't have as nice of a ring to it.

Q. So you're a Developer and a Designer? Aren't those two completely different things? Doesn't that just make you half-assed at both?

A. If I had just started doing this a couple years ago, then yeah, it probably would mean I was half-assing both, but I've been doing this for about 13 years. Plus I don't just take any design job. It has to be something that's in my wheelhouse. Something with an aesthetic I like and something that I think I can bring something extra too.

As for the development side, I focus on the fundamentals of good programming. I keep an eye on the latest frameworks, trendiest languages, the best practices of the hour, but my main goal is to provide my client with a working and stable website/blog/app at an affordable price.

Q. What's your perfered method of communication?
A. Email is great! It gives me a written record of requests, and you can send me links to examples, reference photos, your copy, etc. Plus if you have big questions like "What platform / framework / turtle neck is best for my project?" I can give it more than one second of thought before answering you. I don't mind chatting on the phone if we've never worked together before, and you want to make sure I'm a real human, or if we're up late launching you new site, but for most other things email is awesome!

Q. Where are you based?
A. I'm in Delaware (Wilmington), but I work remotely for all my clients.

Q. How do we get started working with eachother?
A. Please email me at jj@webmasterjj.com.

Q. I'm a fellow developer nerd or design hipster, would you want to work as a team?
A. Sure, hit me up!