Brad Harrington: Web Developer

Microsoft is at it again!!

Brad — Thu, 10 May 2012 18:06:27 +0000

http://www.foxnews.com/scitech/2012/05/10/microsoft-will-ban-chrome-firefox-from-windows-8-mozilla-says/

Trying to gain an advantage through force and unfair practices.

Start complaining in public, otherwise they are going to walk all over us!

Found a jQuery Cycle Plugin for WordPress

Brad — Tue, 28 Feb 2012 23:56:36 +0000

This is a plugin called: Meteor Slides

Nice, simple, jQuery Cycle implementation that has all the various effects of the original.

All you have to do is edit the header.php file in your theme to remove the current image and replace it with the following:

It does have the ability to make it a manual or automated slideshow and it can also add next/previous buttons that could then be styled with CSS. You can add a ton of images and only activate the images that you want at any given time.

It says it ONLY is tested up to version 3.21 but I tested it on the newest version of WP and it worked just fine.

Fixed Footer’s

Brad — Fri, 03 Feb 2012 22:02:02 +0000

Been looking at how the footer and header interacts with the rest of the code within WordPress. I have wanted to figure out a way to keep my footer always showing and use it to display some imaging that I want to show.

I got this idea from my sister in law who found it at zengarden.

First off, my site is based on the Twenty Ten theme.

It’s a pretty easy fix, you have to go into your footer.php file and move the comment:

Move it up from the bottom of the footer and place it right between the comments:

From here, it’s just all playing around with CSS.

The basis thing is to go into your main footer CSS and make the position fixed and the bottom=0. From there it’s just common sense CSS styling. Depends what you want to do. I am working on a cityscape graphic that will run the full width of the monitor right on the bottom. I have a temporary image there until I finish with the final graphic.

One note to add. I had to add a div in here to help the main div area have the room needed to clear the footer. So, whatever height you make your footer, you need to add that height into the “clearbottom” div.

Here is what I added to the code:

Javascript: Multiple Sounds, Stop Sounds Before Playing Another

Brad — Sat, 21 Jan 2012 19:32:25 +0000

Was trying to build a little script that has embedded sounds that play from a button onClick. Sticking it online because as I searched for an answer for this, I found nothing that solved it so simply.

Came up with:

Stop and Play Sounds

Tell Congress: Don’t Censor the Web!

Brad — Wed, 18 Jan 2012 20:57:17 +0000

Figure it is worthwhile to put this link here. There is not much to say other than to sign the petition and at the very least add your voice and signature to the masses! It’s either that or just sit back and watch your freedoms erode. ??!!??

Congress Censorship

Slight Update on Border-Radius

Brad — Tue, 06 Dec 2011 19:02:43 +0000

Was looking at the border-radius properties and realized you could impliment them non-equidimensionally.
In other words you can set the horizontal and verical radii independently.

So instead of just listing the code as:

border-radius: 5px;

You can set each corner separately and give them two values each, like this:

border-radius: 90px 90px 90px 90px / 30px 30px 30px 30px;

Not a big deal, but I looked around and did not see many people trying to use it, so I thought it would be something different to include on this site.

Androids and iPhones

Brad — Thu, 01 Dec 2011 09:45:16 +0000

So, we have been playing around with our iPhone 4S and our Samsung Galaxy S2 Skyrocket cell phones and discovered a real bad problem.

The driver for the Android that allows it to communicate with the PC through the USB hub has completely shut all our Apple products down! None of them can connect to our PC anymore! We have three iPods and a couple of iPhones. I had connected them all before I set up the Android, so I know they worked just fine. Plus, even my old iPhone, which worked perfectly for 3 years, cannot connect anymore.

I went by our local AT&T shop and asked them about it, they were having the same problem. They said they were talking with Samsung but had not yet found a solution. I went home and called AT&T tech support, each department was baffled and kept moving me up the chain. After a few attempts, they moved me over to Samsung. This is where it got really interesting. The first Samsung technician talked with me for awhile, wasn’t sure what to do so he put me on hold to talk with his manager. The manager was baffled and told his tech to move me up the chain to a “Level 3″ technician. I asked him for the direct number, he said he couldn’t give it to me and would just transfer me instead. My call was dropped. I called back and started out again from scratch. Got back in touch with the technical help department for Samsung Mobile, told them what happened, and had them transfer me to a “Level 3″ technician. They left me on hold for 1.5 hours. I finally hung up.

I’m shaking my head, but will be back at it tomorrow.

CSS: Transform and More Animation

Brad — Wed, 30 Nov 2011 02:45:02 +0000

I have a little tagline along the top header of this site. I played around with some CSS on it for awhile and came up with a simple rotated tranform that places it on the page with a 10 degree rotation. The transform property works on ALL major browsers. Then just for fun I decided to see if I could animate the transform property. So I added an animation that rotates the tagline back and forth from 10 degrees to -10 degrees, which gives it a teeter totter effect. I also tell it to be red during the motion. Interestly, the red color ONLY shows up in Firefox on my machine

The animation for CSS does NOT run on Opera or MSIE at all, but it does seem to run on the rest of the browsers. It does seem a bit quirky and perhaps I am placing my code in an incorrect order. ????? If anyone can see an error please let me know. I added this code to the div id in my stylesheet, here is what I added. The top few lines are not really important, the code really picks up where I start the animation call:

#site-description { clear: right; float: right; font-style: italic; margin: 15px 0 18px 0; width: 105px; animation:myshake 1s 3; -moz-animation:myshake 1s 3; /* Firefox */ -webkit-animation:myshake 1s 3; /* Safari and Chrome */ transform:rotate(10deg); -ms-transform:rotate(10deg); /* IE 9 */ -moz-transform:rotate(10deg); /* Firefox */ -webkit-transform:rotate(10deg); /* Safari and Chrome */ -o-transform:rotate(10deg); /* Opera */ }

@keyframes myshake
{

0% {transform: rotate(10deg);}
25% {transform: rotate(-10deg);}
50% {transform: rotate(10deg);}
75% {transform: rotate(-10deg);}
100% {transform: rotate(10deg);}
}

@-moz-keyframes myshake /* Firefox */
{
0% {color:red; -moz-transform: rotate(10deg);}
25% {color:red; -moz-transform: rotate(-10deg);}
50% {color:red; -moz-transform: rotate(10deg);}
75% {color:red; -moz-transform: rotate(-10deg);}
100% {color:red; -moz-transform: rotate(10deg);}
}

@-webkit-keyframes myshake /* Safari and Chrome */
{
0% {-webkit-transform: rotate(10deg);}
25% {-webkit-transform: rotate(-10deg);}
50% {-webkit-transform: rotate(10deg);}
75% {-webkit-transform: rotate(-10deg);}
100% {-webkit-transform: rotate(10deg);}
}

Finally Purchased Our New Smart Phones

Brad — Tue, 22 Nov 2011 23:07:52 +0000

We were dead set on buying a Galaxy S2 a few months ago, but after they took so much time to release that product, we decided to wait and see what would hit the market by Thanksgiving. I ended out getting the newest upgrade of the Galaxy S2, which is called Skyrocket. The biggest improvements over the first release is they upped the dual processor speed from 1.2 GHz to 1.5 GHz, they added the LTE network capability, they upped the screen size from 4.3 to 4.5 inches and the battery was upgraded from a Li-ion 1650 mAh battery to a Li-ion 1850 mAh battery.

I will be using this Android, but we also picked up a new iPhone 4S for my wife. This is her first smart phone and she is really looking forward to having it to learn about. I picked them up both yesterday. After a few fiasco’s and more than 3 hours at different stores, I had them in my clutches. Being familiar with the iPhone, it was pretty easy setting my wife’s phone last night. It took me a few hours this morning figuring out how to connect the Android to my computer and syncing to my music files. Still have a few things to figure out but it’s fun to play around with it and figure some of this stuff out.

Next is to start tinkering with Smart Phone websites and apps.

Animation Using CSS 3

Brad — Tue, 22 Nov 2011 09:59:36 +0000

I have been playing around with Javascript and jQuery using fadein and fadeout functions but decided to try some new CSS code for fun, just to see what it did. So I added some animation on my main wrapper that has the opacity start on 0.0 and transform to 1.0 over a 3 second period. It doesn’t render in MSIE but seems to work nicely in Firefox, Chrome and Safari. You see it on every page that is part of the WordPress theme. Doesn’t show up on the forum pages because they are built in another system.

Here is the code I used.

#wrapper{
animation:myfirst 3s;
-moz-animation:myfirst 3s; /* Firefox */
-webkit-animation:myfirst 3s; /* Safari and Chrome */
}

@keyframes myfirst
{
from {opacity:0;}
to {opacity:1;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {opacity:0;}
to {opacity:1;}
}
}