Category Archives: Short Posts

Corporate Blog Archives

Keeping historical records is one of my hobbies because of how insightful the past is. When I launched my personal blog I had all my posts retrieved and archived. When the project was done, I glanced through everything starting from the beginning and learned some things about myself that changed how I operate today. This is more for me personally, but if anyone would like to humor themselves they can see the posts below. It starts with xCell Technologies then moves over to Eagle Web Assets after the name change.

New Site Intro Using Toggle Hidden DIV

In my spare time it’s been my new hobby to re-learn HTML and CSS (post coming up soon regarding it). I’m using RyanEagle.com as my “testing” ground, risking little. Yesterday I managed to make all the mobile menus disappear on my main site, you could say I’m still quite the beginner. It was time to write an updated intro copy for my website and wanted to experiment with hiding & displaying <div>‘s – perfect opportunity. My goal was to create a concise introduction that briefly introduces who I am, without overwhelming people with information. I achieved this perfectly with the newfound code I’ll share with you today, Below a preview of the introduction located directly on the Ryan Eagle Homepage, click the image to see the interactive (and mobile friendly) introduction.
Using Toggle DIV

How To Toggle Hide <div>’s:

To achieve the toggle hiding div effect I used some pretty simple code – a combination of Javascript, HTML5 and CSS3. First, start by adding the Javascript to your webpage:

<script type=”text/javascript”>
function toggleMe(a){
var e=document.getElementById(a);
var i = document.getElementById(a + ‘_image’);
if(!e)return true;
if(e.style.display==”none”){
e.style.display=”block”
i.src = ‘TOGGLE_IMAGE_1.GIF’;
} else {
e.style.display=”none”
i.src = ‘TOGGLE_IMAGE_2.GIF’;
}
return false;
}
</script>

Now, for the hidden <div>:

<div id=”YOUR-ID-HERE” style=”display:none”>Any Content Here Will Be Hidden On Default</div>

Now, for the link code. Before continuing, you don’t need to restrict the use of this Javascript code to text – you can use this function to make everything from <div>‘s, to <li>‘s, to <img>‘s clickable:

<span style=”cursor:pointer;” onclick=”return toggleMe(‘YOUR-ID-HERE’);”>Clickable Text, You May Want To Consider Adding An Underline or Other Effects so Visitors Know The Element Can Be Clicked</span>

Ta’da, you’re done. That was pretty painless wasn’t it? Now this may not be as cool for you as it was for me, but getting it to work was quite the accomplishment for me. Let’s say the last time I hard coded without the assistance of Dreamweaver was before HTML5 was released.

2014 GoDaddy Coupons

I’m still one of the few noobs left that still uses GoDaddy, what can I say? I’ve been with them for almost 10 years now and it’s too ingrained into me now. One of the reasons I use GoDaddy is because of their coupons which end up saving me huge money as I don’t renew many of my business domains. I’ve tested these domains within the last 30 days, some may not be active anymore…

GoDaddy Coupons

Domains for 99c – $3.00
NOTE: You can only register one domain per checkout at a time. Works on new registrations.
(more…)

Localized Archives of Site Development


function toggleMe(a){
var e=document.getElementById(a);
var i = document.getElementById(a + ‘_image’);
if(!e)return true;
if(e.style.display==”none”){
e.style.display=”block”
i.src = ‘http://archives.ryaneagle.com/tacox.info/images/profile.gif’;
} else {
e.style.display=”none”
i.src = ‘http://archives.ryaneagle.com/tacox.info/images/review.gif’;
}
return false;
}

tl;dr summary :

After going through and archiving the old posts for my personal blog, I ended up stumbling upon some older sites of mine. I decided to locally archive sites that were important highlights of my career growth as a businessman, along with old companies that I used to operate. I started back with some of the and most important first for-profit sites. [close summary]

tl;drAfter going through the entire process of retrieving the archives for my personal blog and backing them up onto this current blog running WordPress, I decided to do some digging around and was amazed at what I found. I started a project, Historical Site Archives, that locally archives the websites of old businesses / designs , important milestones in my early career , personal sites , forums , social profiles , and of course I included some archives of downright stupid sites .


Although a lot of this information was available on Archive.org, their servers are extremely slow and unstable. In the past I’ve had sites that were archived there completely disappear and the last thing I wanted was to lose a piece of ‘history’, if you will. I wanted to make sure I could keep an imprint of my growth as a webmaster, a businessman, and an individual.


I contracted Talent Pool Technologies to head this entire project and they did another great job for me. Not only did they archive the sites, but they repaired them as well. I utilized them to clean up the formatting & code on the sites so they could compare to what the site was actually like in real life & load quickly . To do this, they reviewed dozens of different archived copies to gather specific HTML elements from each one – compiling a master copy hosted on my server.

Finally, to compliment the site archives – two subsections were added. The first one is the Interactive Site Archive which essentially links you to the best copy of the associated sites via Archive.org. Secondly, I created the page Archived Site Details to provide information on why I included specific sites and what they historically mean to me.

Mobile Friendly Blog & Homepage

Being the perfectionist that I am, I contracted out special development of a mobile-friendly RyanEagle.com Homepage and customized WPtouch for the mobile-friendly Ryan Eagle Blog. To say the least transferring to WordPress has been a breath of fresh air. I cannot believe I ran on that custom blog technology since 2004 for my website without ever upgrading! Enjoy the screenshots below

Mobile Friendly RyanEagle.com Screenshots:

re1aMobile Friendly Ryan Eagle Homepage Mobile Friendly Ryan Eagle Homepage Mobile Friendly Ryan Eagle Homepage Mobile Friendly Ryan Eagle Homepage Mobile Friendly Ryan Eagle Homepage

Mobile Friendly Blog Screenshots:

Mobile Friendly Ryan Eagle Blog Mobile Friendly Ryan Eagle Blog Mobile Friendly Ryan Eagle Blog  Mobile Friendly Ryan Eagle Blog Mobile Friendly Ryan Eagle Blog Money