[ Latest Blog Entries ]

Awesome CSS3 Multi Column Layouts

Create awesome multi-column layouts using CSS3. Make as many columns as you want and style them too! Check out an example or go right to the fancy CSS3 Multi-Column Layout Generator You can set the number of columns, the size of the gap between columns, and the column rule using CSS3. As you'd expect with something this awesome you do need to use CSS browser filters for browsers that aren't bleeding edge, but that's nothing new, right? Here's an example of a 6 column multi-column layout with 30px of padding set for the column gap and no rule.Continue Reading
Category: CSS3 | Posted by: Floyd Posted: Mon Jan 28 22:56:30 PST 2013

Amazing Animated Twitter Follow Button

Ever wanted an amazing "follow me" button for your Twitter account? Here's your opportunity. Check out this awesome Twitter Button Concept by Erik Deiner. It's hosted on CodePen, so you can play with the code and easily make it your own. The HTML is there.Continue Reading
Category: JavaScript | Posted by: Floyd Posted: Tue Jan 22 16:28:05 PST 2013

Best Scalable Cross Browser Full Page Background Image Using jQuery

I searched far and wide for an easy to implement, completely scalable, cross browser compliant method to create full page background images that scale up when the window grows larger and scale down when the window shrinks. Here is the solution. http://johnpatrickgiven.Continue Reading
Category: jQuery | Posted by: Floyd Posted: Fri Jan 11 10:50:49 PST 2013

[SOLVED] MySQL Warning: Error while sending QUERY packet. PID=5180

If you are receiving the error "Warning: Error while sending QUERY packet. PID=5180" and don't know what to do don't panic! There's an easy way to solve your problems and move forward with your MySQL database related project. Warning: Error while sending QUERY packet. PID=5180 is a MySQL error.Continue Reading
Category: PHP | Posted by: Floyd Posted: Sat Dec 29 8:28:09 PST 2012

How to change content based on text input change using jQuery

This Stackoverflow post shows a great example of how to change a piece of content on your website based on the input from a normal HTML form input type="text" field. Here's your HTML. <input type="text" id="textbox"/> <span>http://twitter.com/<span id="changeable_text"></span></span> And, here's your jQuery. $('input#textbox').Continue Reading
Category: jQuery | Posted by: Floyd Posted: Fri Dec 7 19:20:13 PST 2012