Yo, you really to enable javascript or this site is going to suck a little!

Yo, to open my blog by click HERE!

Leave me a Comment!


Add a Comment

07 Jul 2015

Marvelous, what a weblog it is! This webpage gives valuable information to us, keep it up...my website http://www.sqiar.com

Mr. Mao
05 Aug 2014

Thanks for the great video, wish u good job.

08 Jul 2014

Thanks J. Luna! Suppose I should check these more often!

J. Luna
20 Feb 2014

Great videos, Keep up the good work. And by the way your voice is perfectly clear and you can easily be a proffessional instructor. I am not a native from the US and I understand perfectly your tutorials.

26 Aug 2013

how to login ?

26 Aug 2013

how to login ?

26 Aug 2013

how to login ?

26 Aug 2013

how to login ?

26 Aug 2013

how to login ?

26 Aug 2013

how to login ?

26 Aug 2013

how to login ?

14 Jun 2013

Thanks Patrick!

Patrick Gauthier
11 Jun 2013

Great work!

02 Nov 2011


Hey thanks for hitting me up! It's really hard to say what is causing it without actually looking at your copy of the files. It could be a number of different things causing the problem, I'm going to guess it's a semi-colon or a misspelling. I don't know how many times I've spent a good hour debugging only to find out I forgot to end on of my js statements or mistyped the url that links to my script.js file. If you want me to take a look at it you can zip it up and send it to me ssiemens@ymail.com. Let me know if you have any other questions!

30 Oct 2011

Hi Scott,

Thanks so much for your CSS/HTML tutorial on the accordion file. It really helped me a lot. I have one problem though. My script.js file is not working. I tried everything. The only what to make my pages work is to copy "your" copy of the script.js file into the folder. I have compared every line in our files side by side and they are identical, but mine will not work. Also, if I try to make any changes to the script, it makes it not work. Then, if I go back and undo the changes, it still does not work. I have to reload your original script.js file. Do you have any insight into what causes this. I am dumbfounded. Thanks, Dale (PeanutButterSticks)

13 Oct 2011

Any tutorials people would like to see me do? I've been getting tons of requests for a horizontal slider, so I imagine I'll probably work on that, any other requests? For those horizontal slider people out there in the meantime check out www.slidedeck.com it's a great slider that comes in both free and paid versions, and it totally customizable if you know a fair bit of CSS.

12 Oct 2011

Welcome to my new commenting system! Leave a message if you have any questions, suggestions, or just want to say hi!.. you know the drill!

Check me out! Check out my Portfolio Contact Me! Back To Top

More About Me

  • Name:   Scott Siemens
  • Born:   March 17, 1985
  • Email:   ssiemens@ymail.com
  • Location:   Tulsa, OK
  • Employer:   InterWorks, Inc.


Favorite Website

You should check it out if you haven't already!

This Is Who I Am

I'm a web designer and developer at an IT Consulting company, InterWorks, Inc., in Tulsa, OK. I recently finished up my BS in INT Web Development at Fort Hays State University and made the move from Wichita, KS in pursuit of my career. Before I started my bachelors I attended Berklee School of Music and received my Masters Certificate in Recording Arts and Studio Production. I continually aim to increase my web design and development knowledge doing everything I can in my spare time learning the latest techniques. Beautiful design is equally important to overall functionality! I always take these two elements into account when starting a new project. I'm organized, social, and well mannered. I work well under pressure, and I'm always looking to expand my skill-set. Web design and development moves far too fast to learn and retain everything there is know. A far more important skill is being able to find what you need to know and apply it to your current project.

I was recently married in October of 2009. My lovely wife is very accepting of my nerdy habits. I play guitar, occasionally track and mix music, post YouTube parodies, and hit up Halo on a regular basis. I've worked in a mail room for the past 5 years, so yes I am an expert on snail mail even though it's been quite some time since I've used it myself. If you really need more personal information than this, go ahead and shoot me an email through the contact form!


I'm very proficient in HTML and CSS (including HTML5 and CSS3 and the many new API's in the HTML5 spec sheet). Although this portfolio isn't 100% compliant on every browser, I'm extremely comfortable building fully compatible cross-browser sites and applications. I'm familiar with the major Content Management Systems such as Drupal and Joomla, and have extensively worked with the blogging platform Wordpress. I have a year of experience with both PHP (plus MySQL) and JavaScript (I use jQuery regularly), and have just recently begun studying object-oriented techniques. I've spend a good deal of time working with mobile platforms such as iOS (iPhone/iPad) and Android, and regularly build native applications using the Titanium framework. Other languages, technologies, and libraries I'm currently studying: ActionScript, Ruby, Python, Ajax, Objective-C, and Mootools.

I would consider myself an expert in many of the Adobe Suite applications including: Dreamweaver, Photoshop, Fireworks, and Illustrator. My favorite text editors are TextMate and Espresso. I use Titanium studio (A.K.A. Aptana) for mobile development, and occasionally break out Git as it is my preference for version control.

Odds and Ends

I have part of my CCNA certification for Cisco Networking and part of the Oracle certifications under my belt, but network administration and Oracle database administration hasn't struck my fancy. For now I'll be leaving them at that. I also have my ProTools certification for audio engineering. My favorite thing is learning and I'm always up for a challenge. I have an uncanny ability to find answers on the internet, and I regularly take time to improve my workflow (efficiency is important to me!). Lastly, I'm so infatuated I even wrote an iPhone mobile web app back in the iPhone 3G days to propose to my wife. She said "Yes"!

Web Design

  • Graphic Design
  • Full Site Templates
  • Logo Design
  • Vector Graphics
  • Photoshop
  • Fireworks
  • Illustrator

Web Development

  • HTML & CSS
  • PHP & MySQL
  • JavaScript & jQuery
  • iPhone & Android Development
  • Wordpress, Drupal, & Tumblr
  • Dreamweaver, TextMate, Espresso, Coda


  • 2009-2011

    BS in INT Web Development

    Fort Hays State University
    Hays, KS
  • 2007-2008

    Masters Cert. - Recording Arts

    Berklee School of Music
    Boston, MA
  • 2003-2006

    Associates in Science

    Butler Community College
    El Dorado, KS


HOVER for details or CLICK images for fullscreen screenshot

Hit Me Up

I'd Be Delighted to Hear From You!

* Are you human?


Last post: Fri Sep 23 02:20:20 on ttys000
ssBlog:~ scott$ _

Sublime Text 2

September 23, 2011

Sublime Text 2 beta versions are being released and it’s really worth checking out. It’s loaded with great features, fun to use, and cross platform. Check it out: Sublime Text 3 Download Page.  Make sure you check out multiple cursors. I found this feature very interesting!

WP Theme Hackers

July 09, 2011

There’s nothing wrong with hacking WordPress themes. Not only is it a wonderful way to learn, but it can save you a bunch of time customizing your own theme. What I see all to often however, is not fully utilizing some of the wonderful shortcuts the WP core provides. For instance..

Say you want to add a special graphic, but don’t want to add it into WP’s built in media manager. All to often I see this..

<img src="http://domain.com/wp-content/themes/themename/images/myspecialgraphic.jpg" />

Sure that works fine but once you move your theme somewhere else that special graphic becomes broken! Try this instead.

<img src="<?php bloginfo('template_directory'); ?>/myspecialgraphic.jpg" />

Now many of you out there will find this elementary, but this is for those of you who starting out that don’t recognize this.. well this is to make managing your links much easier. That bloginfo('template_directory') template tag automatically links to your theme directory no matter where you move your files. And you should know that bloginfo() can be used for all sorts of things. I’m sure spotted it at the top <?php bloginfo('name'); ?> which displays the name of your blog. Or in the header.php file <?php bloginfo('stylesheet_url'); ?>, you guessed it! It adds a relative path to your stylesheet within your theme. WP themes are built on these tags and once you learn what is available you can really begin manipulating your site.

Check out the WordPress Codex for more information.

Multiple CSS shadows? I had no idea!

July 03, 2011

Well it’s true that you learn something everyday!  I truly thought I had mastered the art of the CSS shadow.  We have the traditional box-shadow, the extremely helpful text-shadow, and of course all of their vendor prefixed counter parts for those browsers that haven’t quite caught up yet.  So if you didn’t know a traditional text or box shadow in css might look like this.

box-shadow: 2px 2px 10px #666;

That’ll give the object your styling a shadow that is 2 pixels down, 2 pixels right, 10 pixels of blur or smoothness (it’s the part that makes it look realistic), and a medium gray colored shadow.  What I didn’t know is you can take it a step further.

box-shadow: 20px -15px 30px red, -20px 15px 30px lime, -20px -15px 30px blue, 20px 15px 30px yellow ;

That will apply a crazy rainbow shadow. Do as many as you would like! Just place a comma after the first shadow and start another. Feel free to choose any color you want!  I feel like that should be published in more places as I’ve been doing box and text shadows for a long time and no one shared that with me until today!

Just FYI… if you’re on my portfolio right now reading this then you should know I’m using text shadows on the text text.. and even though its the text-shadow property and I’ve actually made it a highlight so the text looks inset.  I’m also using a box shadow at the very bottom.  As Bill Nye would say, “Now you know!”

Titanium and New iPhone App

June 26, 2011

So I lately I’ve been working with Titanium and I must says its quite a pleasure.  If you’ve ever worked with another JavaScript framework and understand the concept of the MVC (model, view, controller) design pattern then building apps for iPhone, Android, and iPad becomes a breeze.  The Documentation has been a little less thorough than I might like, but the Developer’s Center Q&A page can really help close the gaps.

I’ve been building an App I called Shortcut.  Now it’s not going to blow anyone away in terms of functionality, but it only took me a few hours to develop the entire apps functionality.  Not too shabby considering the learning curbs many face when going from web development into software development.  I just posted some pictures of the “Shortcut” app in my portfolio section if you’re curious.  I won’t be surprised if it gets denied due to the use of logos, but I found tons of apps in the app store containing logos and I really doubt they have the legal authority to use it.  If you decide to try your hand and you run into snags let me know.  I’m not an authority, but I can help you get started and point you in the right direction!

Portfolio Revamped!

June 23, 2011

So I just revamped my portfolio and while I was at it I decided I would go ahead and include a blog.  I’m not exactly sure what all I will be covering, but I’ll be sure to post lots of interesting technology tidbits.  For now be sure to check out TheBitchBox as it needs some serious love!!!  Don’t worry it’s not as bad as it sounds.  It’s just a place you can go complain about all your problems!