Trying Out A Simple CSS3 Animation

November 11th, 2010
Trying Out A Simple CSS3 Animation

Simple animation, harder to implement

That sums it up quite nicely I think. If you click on the demo below (my actual redesign) and look at it in Chrome (or Safari, though I didn’t look I’ll assume it works there), you will notice that when you roll over the social media icons in the right sidebar, they will change size. I was very proud of myself for accomplishing what I think very few web developers actually use. I’ll go over what I think about CSS3 Animations at the end of the article, but for now, let’s go over how I accomplished this.

View Demo

Read the rest of this entry »

Another Simple jQuery Gallery Idea

November 9th, 2010
Another Simple jQuery Gallery Idea

Lock and Load that HTML

A co-worker had asked me for some help the other day on the jQuery running his gallery. Of course, I was more than happy to help. He ran into other issues later (which he cleared up) involving a plugin, but that doesn’t really matter in this demo/tutorial. What he wanted was to have a navigation at the top, each item pertaining to a different part of his portfolio (websites, flash work, graphic design…). Each section though had a ton of information that would increase the page load significantly if they were all loaded on the page at the same time. That ruled out putting a simple hide/show on some divs. My thought was, why don’t we put the HTML into separate files, and load them when a user clicks on one of the nav items. You can check out the gist of what was trying to be accomplished by check out the demo below.

View Demo

Read the rest of this entry »

Update On Redesign Of JC-Designs.net And The Sass

November 4th, 2010
Update On Redesign Of JC-Designs.net And The Sass

Home page is coming along

It is slow going because I am doing a lot of new things. At least for me. I’m using Compass and Sass, the HTML5 boilerplate, HTML5 tags that I am still coming to grips with, and who knows what the hell else. But I wanted to show you my .scss sheet so far, so you can see what is involved. You can learn a lot just by looking at stuff like this, so if you find it helpful, let me know!

What I’ve learned in the process

Holy crap…there is a lot. What has helped me the most is learning a little more of Compass. I was and still am an idiot in that area, but I think I have read most of the site now. There are a few things that evade my grasp, but for the most part, things are coming together.

Read the rest of this entry »

Display Recent Posts From Your WordPress Blog

November 2nd, 2010
Display Recent Posts From Your WordPress Blog

Put it on your static home page

My main site is static since I am the only one who works on it. Just didn’t seem to be any point to creating in it WordPress. That doesn’t mean though that I don’t want some things from my blog showing up on my home page. I wanted the recent blog posts showing up in my sidebar, and after a bunch of searching (wasn’t quick like I thought it would be) I ‘kind of’ found what I was looking for, but had to modify it. If you are looking to do the same kind of thing though, it is actually quite easy. There are two small chunks of code that you need: the first is to open the database connection that your blog is linked to, and the second is to actually display the posts.

You don’t even need to know PHP!

Indeed you don’t, that is how easy this is. The first part is to put this code at the top of your page:

< ?php 
define('WP_USE_THEMES', false);
require('blog/wp-blog-header.php');
?>

Read the rest of this entry »

Installing Ruby And Learning It From An Idiot’s Perspective

October 28th, 2010
Installing Ruby And Learning It From An Idiot’s Perspective

Picking A Programming Language

I’ve hemmed and hawed over what programming language to learn, and was pretty much settled on PHP…just never got around to learning it. I have put PHP on the side burner for now, because it became obvious on what I should try to pick up. I’m already using Sass, which is a part of Haml, which is a gem….of Ruby. Might as well learn the parent of what I am already starting to use. So, no brainer for me. Is it for you? How the hell would I know? But I’ll tell you my experience so far, which isn’t much.

The Scary Part – Installing it!

NOTE: For people on a PC only as I have no experience doing this on a Mac or Linux machine.
Now that I have installed Ruby three separate times, it has become less intimidating than it was when I first did it. If you are interested in learning Ruby, but have a slight fear in diving in head first, let me tell you what you need to know without all the bullcrap and non-helpful documentation you will read. Ready? Here we go:

Read the rest of this entry »