Weneck.com » Rusty Weneck

CSS3 Reflection

Rusty Weneck — Wed, 30 Nov 2011 22:36:16 +0000

Simple little CSS class to add a reflection that fades out underneath an element

.reflection{ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.75, transparent), to(white)) }

Works pretty well…

Just make sure you have enough space below…

Notice the reflection on the

tag above?

This also requires a webkit based browser, Google Chrome, Safari, iDevices, Androids, etc.

USPSA Score Keeper

Rusty Weneck — Wed, 30 Nov 2011 16:21:00 +0000

So I’ve finally gone and done it. I’ve got an app in the AppStore. Its an app that lets you keep track of your score, time, and some notes about the an USPSA competition round. It will then calculate your points, hitfactor, and save it for later review. It also has a power factor calculator.

Its my first go round at an app of my own, so feel free to provide feedback, or somthing you’d like to see it do.

Mac Decals

Rusty Weneck — Fri, 14 Oct 2011 14:42:52 +0000

So I saw a great link the other day. Seeing this made me think, wow, I want to make one just like that, only with Iron Man, and the apple being the Arc Reactor in his chest. I looked up on Ebay the blank vinyl sheets, Iron Man images on google images, and had my Xacto all ready, then I found this link. And not only that link, but this entire Ebay store:

http://stores.ebay.com/macdecal

So I just orderd one, not the Iron Man, but instead, Goku. After all, I am #justSaiyen

Prototype Image Flip

Rusty Weneck — Thu, 06 Oct 2011 22:17:03 +0000

I found a great Javascript image flip function over at Webmuch and
wanted to use it, problem was it was only implemented in JQuery. I was using Prototype and script.aculo.us, so I ported it
over. I ended up not using it, but for future reference I’ll preserve
it here. Enjoy.

//adapted from a jQuery flip function found here.
//http://webmuch.com/image-flip-using-jquery/
var tweenDuration = 0.5;
 
//get the image elements.
var image1 = $('theFirstImage');
var image2 = $('theSecondImage');
 
//set up the flip function
image1.observe( 'click', function(event){
       //set the heights so that the images do-not scale with the
widths (if not explicitly set)
       image1.height = image1.height;
       image2.height = image2.height;
 
       var halfWidth = image1.width/2;
 
       image2.setStyle({marginLeft: halfWidth});
       image2.width = 0;
 
       new Effect.Tween(image1, 250, 0, {duration: tweenDuration}, 'width');
       new Effect.Tween(image1, 0, halfWidth, {duration:
tweenDuration}, function(p){image1.setStyle({marginLeft: p})});
       window.setTimeout(
               function(){
                   new Effect.Tween(image2, 0, 250, {duration:
tweenDuration}, 'width');
                   new Effect.Tween(image2, halfWidth, 0, {duration:
tweenDuration}, function(p){image2.setStyle({marginLeft: p})});
               }
               , tweenDuration*1000);
   }
);
image2.observe( 'click', function(event){
       image2.height = image2.height;
       image1.height = image1.height;
 
       var halfWidth = image2.width/2;
 
       image1.setStyle({marginLeft: halfWidth});
       image1.width = 0;
 
       new Effect.Tween(image2, 250, 0, {duration: tweenDuration}, 'width');
       new Effect.Tween(image2, 0, halfWidth, {duration:
tweenDuration}, function(p){image2.setStyle({marginLeft: p})});
       window.setTimeout(
               function(){
                   new Effect.Tween(image1, 0, 250, {duration:
tweenDuration}, 'width');
                   new Effect.Tween(image1, halfWidth, 0, {duration:
tweenDuration}, function(p){image1.setStyle({marginLeft: p})});
               }
               , tweenDuration*1000);
   }
);

Bastardizing the CNAME

Rusty Weneck — Wed, 14 Sep 2011 13:50:41 +0000

Second time around edit: I recovered this from the burning wreckage of the former site, its an oldie, with a unique lesson and an arrogant voice, but something to get the posts flowing.

So I was just now tossing and turning thinking about a new series I want to write on web applications when I thought to check my blog, after all it has been too long. Lo-and behold my server was up, but my redirect was down. For a while now I have been taking advantage of no-ip.org‘s free dynamic ip resolving DNS service. Circumstances has forced me to move my server to a residential connection to the nets with a dynamic ip. Bad news for trying to be in touch with home. So I transferred all my domains to a new registrar, mainly name.com, because they include DNS in your registration fee, which at the time was 10$, not bad considering I was previously paying 7$. (per year mind you, so affordable on anyone’s income.) This took care of my Google apps ( <3 ) and the like but still did not take care of my dynamic ip problem.

Solution, the CNAME record. A CNAME record in my opinion is far too often overlooked by administrators as a valuable tool. First things first, administrators out there I’m talking to you, your customers should not have to distinguish between www.youdomain.com and yourdomain.com unless there is a very good reason for doing so. CNAME records should be in place for your www name to redirect to the A records for your domain. VIOLA! Instant karma with your patrons. Secondly, and more important to my little rant here is that CNAME records can point to those unsightly domain names that the free dynamic DNS services provide you. For instance I CNAME www.weneck.com to weneck.com (which would normally be my A record) and then CNAME weneck.com to weneck.no-ip.com. BAM! Instant dynamic ip resolution while keeping my pretty domain name. Gotta love that.

Long short, I’m back up and in business, and maybe soon I can get cracking on my 3 part web application rant.

Hello world!

Rusty Weneck — Mon, 05 Sep 2011 04:46:23 +0000

Lets try this again. Just got the server up an running, its been a productive weekend. I’ll try to get some of the better content from the previous site up here in the coming days once I’ve had a chance to nail down the server configs and security.