Info

Designer, front-end developer & PC gamer from Ann Arbor, Michigan.

Good news! I’ve just pushed v1.1 of Twitchie. For those who have already purchased Twitchie, you will be getting an email with a brand new download link soon. Any new purchases will get v1.1 automatically. Thank you everyone for your awesome feedback and support.

Changelog

This update fixes some bugs and adds some new requested features as well.

  • Re-wrote some of the the readme/config instructions for clarity.
  • Read me, video tutorial and changelog are now placed in the /docs/ folder.
  • Fixed: Vine url.
  • Fixed: Google+ url.
  • Added: Forum link option.
  • Added: Steam group link option.
  • Added: Deviant art link option.
  • Un-minified CSS for easier customization and tweaking.
  • Added video tutorial by Nerd or Die.

Upgrading

If you want to upgrade from v1.0 to v1.1 of Twitchie, I highly suggest you do a fresh install.

  1. In the root of your website create a folder called “old”.
  2. Move all Twitch v1.0 files to the “old” folder. (You can delete them later or use them for reference while setting up your new config.)
  3. Take the contents of Twitchie v1.1 that you have downloaded to your computer and upload them to the root folder of your website.
  4. Navigate to /includes/config.php and re-enter your value’s.
  5. Save the config file, close it and refresh your website.

If you want to chat you can use the comment section below, email me at hello@twitchie.tv or hit me up on twitter at @thebadbadrobot.

Simple & customizable one-page website template made for Twitch streamers.

final-v3Twitchie is a simple, beautiful and customizable one-page website template made for Twitch streamers that have no website coding experience. It’s designed to focus on what streamers care about most: their channel. At the same time it points visitors to the social networks that streamers update and connect with their audience on.

Features

Twitchie is very simple and has 2 visual states: Online and Offline. When you’re online it tells your website visitors that you’re live, what game you’re playing, how many people are watching, displays your stream title and gives them a big pulsing button to push to view your stream. When you’re offline, it tells your website visitors that you’re offline, displays your offline message and gives them a big button to visit your channel. However, whether you’re online or offline, it will always display links to your social media.

  • Simple, beautiful design that focuses on your channel.
  • Responsive design (desktop, tablets and phones).
  • Updates automatically on every page load.
  • Super easy to visually customize to fit your channel.
  • Dynamically pulls your twitch avatar, steam status, title, game and # of viewers.
  • Can display a custom message when your offline.
  • Links to your favorite social media accounts.
  • Links to your favorite donation or tip service.
  • Fullscreen image or video background.
  • Super fast & lightweight.

Setup & Configuration

Setting up this template requires no website coding experience. Simply upload the files to your web server, open the config file with a text editor, follow the instructions and hit save. Your done. The template will then dynamically build your page using the data you put in the config file. You never have to touch html, css, or javascript. Here are the options you can configure:

  • Twitch channel
  • Custom display name
  • Site title tagline
  • Site description (or it pulls your twich bio automatically)
  • Site keywords
  • Accent color (or it’s pulled automatically from your twitch profile background color)
  • Custom offline status (For when your channel is offline)
  • 17 available social networks (Twitter, Facebook, Steam, Steam Group, YouTube, Flickr, Github, G+, Instagram, Pinterest, Reddit, SoundCloud, Tumblr, Vine, Skype, Bandcamp, Twitch Messenger, Forum Link, Deviant Art, Email)
  • 8 affiliate link, tip and donation services (StreamTip, ImRaising, TwitchAlerts, DonationTracker, Amazon Affiliate Link, Patreon, Deepbot, Extra-Life, Steam Gift & Trade)
  • Image or video background (YouTube)
  • Overlay opacity (Layer of black on top of the image or video to keep text legible)
  • Google Analytics

Examples

To show how easy and flexible Twitchie is, I’ve created a few demo pages for some of my favorite streamers by only changing 3-5 variables in each config file. NOTE: Only twitch data will be accurate, social link data will not.

Required

  • Website Domain
  • Linux Web Server with PHP5 & cURL enabled

Included

Changelog

If you want to chat you can use the comments below, email me at hello@twitchie.tv or hit me up on twitter at @thebadbadrobot. comments use the comment form below.

Buy this on Selz Start selling on Selz

Screen Shot 2014-10-18 at 1.54.48 PM

If you have ever wanted to restore your OSX dock back to default app/icon layout you can now do it by running a 2 commands in your terminal. (No option to do this in your system preferences pane)

Step 1: Open terminal and copy and paste this command and hit return:

defaults delete com.apple.dock

Step 2: Copy and paste this command and hit return:

killall Dock

Your dock will restart and you will see the factory default icon/app dock. If you have deleted any stock apps, they may show as question marks. Enjoy!

Duh My IP

I can’t count the number of times I’ve had to find out what a family, friend or co-workers IP address is. Now I can give them a way to quickly retrieve it AND feel stupid!

Afterglow

A beautiful, minimal dark theme for the Sublime Text editor.

This is my new favorite theme. Easy to install, comes with it’s own great color schemes, supports different size tab heights, adjustable sidebar settings and more.

Mac & Sadie

Our dog Sadie, a Border Collie / Australian shepherd just gave birth to 12 puppies. Learn about the parents and breeds, view photos, contact us, fill out an application and stay up to date with the puppies on the blog.

IMG_4296

When I’m not designing, hanging out with my wife, or playing with my dog, I’m usually gaming on my pc with GSN Gaming. Below is the hardware specs of my most recent build:

Computer

  • NZXT Phantom 530 Full Tower
  • Asus Rampage IV Black Edition
  • Intel Core i7-4930K 3.4GHz 6-Core Processor
  • G.Skill Ripjaws X Series 16GB DDR3-2400
  • EVGA GTX 780 Super Clocked
  • Corsair H110 Liquid Cooler
  • Corsair GS750 Power Supply
  • (1) 128GB Vertex SSD + (2x) 1TB RAID in 0 + (1x) 750GB
  • Windows 8.1 Pro x64

Peripherals

  • Sennheiser HD558
  • Audio Technica AT2020
  • Logitech MX518
  • Logitech c920
  • 24″ BenQ 120hz Gaming Monitor
  • CM Storm QuickFire Rapid Mechanical

Watch a time-lapse of my brother and I building my new gaming pc.

Sketch for Mac

Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design.

Sketch has replaced photoshop as my primary design tool. So long adobe!

IMG_3588

I’m frequently asked by people in the industry what type of hardware and software I use in my workflow. I also love telling other people about awesome software that helps me do my job better, so I made a list:

Hardware

Software

If you think there is an awesome peace of hardware or software I should add to my life, please share it with me in the comments below.

13-inch Macbook Air

It’s time to sell my beautiful 13-inch Macbook Air. To help sell it, I’ve designed and developed a sell page that has details, pricing and a nice photo gallery.