Tag Archives: Web Development

Ryan Eagle Facebook Page Updates

[fb_embed_post href=”https://www.facebook.com/tacox/posts/10101046946962067/” width=”502″/]

Like usual, I got carried away learning how to utilize tabs and the unique permissions that Facebook has to offer (like incentivizing people to “like” pages). I am a hustler at utilizing social media for free viral marketing but when it came to actually leveraging fan pages to their full ability (custom tabs and code) – I failed completely.

fan-blocked-pageThings have thankfully changed since I started using Facebook to market businesses and it’s gotten a lot easier. Back during the BLAM Ads days I had to pay a couple programmers to develop a custom registration that utilized FBML. Now, they allow you to use simple HTML markup (with HTTPS) and it’s a wise move for them. I consider myself pretty technically smart – but FBML was beyond my scope of even caring.

Now they offer simple applications that allow you to customize permissions, who gets to see what, and a whole bunch of other features that used to take programmers to create. As I’ve said in my past, I use RyanEagle.com as the “testing ground” for all my development because I risk nothing if it gets screwed up. Yesterday I experimented with creating custom tabs that showed hidden easter eggs (to fans) while blocking / forcing people to become fans to gain access to it. It was especially fun considering the only people that have time in their day to scour through my site for hidden links are haters, so now I made them like my fan page to get what they wanted. I have a weird sense of humor, what can I say? Here is an example

Custom Facebook Page Tabs:

  • Site Easter Eggs
    With a forced fan-gate, took a couple minutes to setup.
  • Twitter Feed
    I used a third party application that read my feed, displaying it beautifully within Facebook. I remember trying to do this before and it took me hours – now, just minutes.
  • RyanEagle.com Tab
    My main goal is getting people off of Facebook and onto my homepage and blog – I really don’t like “sharing content” with anyone else, especially Facebook. This tab simply redirects people to my homepage.

Regardless, all the playing around I did yesterday gave me a bunch of killer ideas to utilize in business and even though I delayed some important priorities while I had fun with my hobbies – they paid off. I’m going to create a special CSS formatted social feed (like my homepage) for my Facebook Page allowing me to delete all the other tabs as it will be completely syndicated. It seems stupid to play around with this stuff (and it is) but it sparked a couple ideas that I have not even thought about before. On the other hand, I could be trying to convince myself that I didn’t waste time when realistically I did – who knows, I’m a good bullshitter.

RyanEagle.com Main Page Ask.fm Feed

I wanted to get my Ryan Eagle Ask.fm RSS feed integrated on the RyanEagle.com main page since I started using it more. Today one of my new developers created a quick WordPress Plugin and integrated it on my site main homepage alongside the Instagram, Facebook and Twitter feeds. The plugin is also setup in a way that generates WordPress posts for each question – essentially creating an archive. I plan on releasing an AMA (Ask Me Anything) section in the near future where people can both ask questions & see the full history of categorized questions (into business, funny, favorites, hater, advice, etc).

As part of the “testing process” for hiring new developers at Sidago Integrated Solutions, I have them work on small tasks that have no real risk if they get messed up. I use my RyanEagle.com as a ‘training ground’ for the new developers so we can test their quality and teamwork (I apologize in advance when you visit here and things are randomly broken). The next social feeds test projects new developers working on is a WordPress RSS Blog Feed (for my main posts & short posts), a Tumblr feed (for my ramblings). and finally a Google+ feed (to motivate me to actually use my Ryan Eagle Google+).

RyanEagle.com Site Integration Examples:

askfeedall

RyanEagle.com Sitemap Created

The RyanEagle.com custom WordPress content management system utilizes a mixture of multiple different page formats, galleries, post formats, and category formats combined with a bunch of plugins. Because of the way my custom WordPress website was programmed it was extremely difficult to find all the content on the site, even for me. Compound this onto the fact that there is the Blog (blog.ryaneagle.com) and the archives (archives.ryaneagle.com). After spending time learning WordPress as a hobby and sorting through all the pages – I’ve created a complete HTML Sitemap including all the sections of the site and their assorted subcategories.
 
HTML Sitemap

Please Note – The RyanEagle.com sitemap is still under active construction.

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.

A Look Back… Developing My Timeline

//

summary :

Over the course of the last couple weeks I spent time developing an interactive Personal Timeline that covers personal highlights, business highlights, and goals that I have achieved. For a shortened version, I’ve created a Timeline Overview and also divided sections including a Business Timeline and an Achievements Timeline.
[close summary]

I’d like to preface this post with one point – RyanEagle.com is divided up into two general categories of content : for me and for visitors. Most, if not all, the content on RyanEagle.com is for me and my personal records; especially sections like the historical site archive  and the goals page . The latter half is for people interested in finding information about me (like my companies , contact me , etc).

Personal Timeline

Over the past couple weeks in my spare time setting up a personal timeline – and to say the least actually completing it made me feel great. For the first time in my life I have actual chronological dates of my business experiences, personal experiences, and goals. I’ve always had to guess the dates of my achievements and major life events but now I finally have something to go back to and reference. Pinpointing important dates like my first business idea, my first girlfriend, when I got my dog, and other events has been challenging but fun. I’ve worked with my parents on a lot of the personal events, and utilized tools like Archive.org and Domain Tools to figure out other specific business events. Currently, I’m in the process of working with my parents to compile a year by year archive of personal pictures – something nice to digitize considering nobody looks at old photo albums anymore.

Rather than requiring people to sift through the complete timeline, I’m in the process of creating subpages including : a Timeline Overview, a Business Timeline and a Goal Timeline. I hope to provide more refined or specific information information on these sub-timelines. Additionally, over the next couple months I’m going to be writing expanded detail sections (ie: 2014 Expanded) for date ranges where I go more in-depth to events of that year(s). Quite the undertaking, but it’s going to be nice to complete everything, knowing that going forward I can keep better records.

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.

The Ryan Eagle Blog is Back!

The Ryan Eagle Blog is finally back and getting it online was not the easiest task to say the least! I’ve been procrastinating the last couple months years on maintaining my websites. After my company closed and my brother passed away things got a bit hectic and priorities in my life changed. I had over 20 severs holding domains and I accidentally let the one holding blog.RyanEagle.com expire, losing it’s database completely. Additionally, the software that was running my old blog was created in 2003 or 2004 by my brother and was so outdated it ceased working, further demotivating me to update it. Time passed, my blog got lost, and I moved on.

Classic Ryan Eagle Blog

Anyways, one night deep into the graveyard shift I ended up on Archive.org and realized that all of my blog posts were archived there and safe! I immediately started a project to backup all the posts on my old blogs (blog.ryaneagle.com and tacoX.info). I decided it was time for an upgrade to the 21st century and wanted to give WordPress a shot. After finding a great guy who spent countless hours transferring hundreds of blog posts from two domains into WordPress we have the new and improved blog you’re visiting now. Below are the updates that we’ve made to our site:

 

All Posts Archived & Organized
I organized a full transfer using Archive.org of the old Ryan Eagle Blog and my super-old tacoX.info posts. The posts were all put under the archive category for safe keeping. The old categories that were associated to the posts were transferred to tags and refined to a smaller list.
Archived Posts

 

Old Categories Refined Into Tags
The old category posts have all been combined into the archive category and transferred into a refined list of tags. The new list of archived content tags are: BIGUPBusinessEt Cetera, Forum History, From tacoX.info, Goals, Haters, Life, Pictures, Politics, Site Updates, Sobriety, and Technology. Organizing the posts into the correct tags is still a work in progress.
Refined Tags

 

Mobile Friendly Theme
God, how I love WordPress in comparison to the old blog.ryaneagle.com. I customized the blog to be fully viewable in mobile browsers and developed special mobile-specific pages to make it more friendly on smart phones.
Mobile Friendly Blog

 

Same Design, Refreshed
My designer was complaining that my old sites design was ugly, but what can I say – I love the simplicity of it. I guess you can’t teach an old dog new tricks. Either way, I wanted something simple to contrast the flashy RyanEagle.com design. This blog doesn’t need any tricks to get the job done. This is still a work in progress.
New Redesign

 

Footer Share Buttons Added
I customized simple share buttons for posts that I make now because, well, they’re obviously going to get shared so much I might as well make it easy for you guys. Buttons show up in our mobile friendly page as well!
Share Buttons

 

Easter Eggs Hidden
Back when I first started RyanEagle.com, I included hidden Easter Eggs throughout the site for the hell of it. I decided to continue on the tradition I started when I was just a teenager.
Easter Eggs

 

Overall Changes
Complete menu revamping. Cleaned up formatting on many archived posts. Organizing tags. Created new categories for future blog posts. Installed and optimized both security plugins and SEO plugins. Currently in the process of creating meta descriptions for all the archived posts, but I’ll leave that up to someone else.
Overall Changes

 

Forum History Archived & Updated
I transferred and updated content taken from tacoX.info and archived it here. It’s fun to look back and see what I was doing throughout the years. I’m going to make a point of keeping better records ongoing. See my forum history by date: 20002001-20032003-20052005-20062008-20132014.
Forum Archives

RyanEagle.com Homepage Updates

RyanEagle.com

It’s been quite a long time since I actually took some time to update my personal website, as a matter of fact the last time it was updated the homepage said I was 24 years old (I’m 26) . The reason? It doesn’t make me money – so what’s the point; if it doesn’t make dollars it doesn’t make cents. I finally decided to get off my butt and do some necessary updates that have been long overdue, I decided Is should take pride in my namesake. I ended up partnering up with three different sets of programmers to fix and develop various sections of my website. I’ll go through all the changes below:

 

RyanEagle.com
All of the feeds are now loading (Twitter, Instagram, and my Facebook Page). Updated various content on main page (age, sobriety time, etc). Adjusted all the menu options to fit changes in website. Adjusted mobile compliant version. All social connection profile links are now fixed. Upgraded WordPress to latest version. Added various security and backup measures.
Ryan Eagle Home Page

 

About
Autobiography completely written primarily highlighting on my business career. It was actually good to spend some time and review the progress it took to get where I’m at now. I end up telling the same story over and over to people anyways, might as well put it up publicly.
About Ryan Eagle

 

Companies
Removed expired companies or businesses that I no longer work on, added new businesses I work on.
Companies

 

Bookmarks
Completely revamped and removed old bookmarks. Updated it for the first time since setting up the website. Removed broken links. Added new section for Communities & Forums, and an especially interesting section called Archives at the bottom with links to all my old companies, businesses, and personal sites.
Bookmarks

 

Photos
I added several new section for my Completed Tattoo’s. Updated various sections including Photos of Me. Added an entire new collection of every game from my super-nerdy Video Game CollectionGameboy, Nintendo 3DS, Playstation 3, Sony PSP, Playstation 2, Nintendo Wii, Nintendo 64, Super Nintendo, Sega Saturn, Playstation PSX, Sega Genesis, Nintendo NES, and Atari 2600.
Video Game Collection Album

 

Connect
Social feeds are now working, will display random content based on what social network you click (Twitter, Instagram, or Facebook).
Connect

 

Press
Articles removed and added, general maintenance and cleaning up.
Press

 

Hidden Easter Eggs
Articles removed and added, general maintenance and cleaning up.
Easter Eggs

 

Testimonials
Removed old testimonials that are no longer relevant, added newer ones. Added links to the associated person who left me the testimonial.  Added a total of (10) testimonials instead of 5-6 that were previously displaying.
Testimonials

 

Forum History
Added new section referencing blog posts that explain the history behind how I got started in the Internet industry. Forums and communities are are  very important part of the early days in my business career.
Forum Archive

 

Goals
Goals removed and added, general maintenance and cleaning up. Fixed broken images and formatting errors.
Goals

 

Tidbits
Removed content from the new biography about page and placed it onto here. Updated all content as some of it was over four years outdated. Removed content that is outdated or not relevant anymore.
Tidbits

 

Contact Ryan
Finally decided to add working contact information (although utilizing buffer contact information as I’m a private person). Added a proxy email address that forwards to me, added a proxy phone number that forwards to my cell, and added an updated link to my new company.
Contact Ryan Eagle

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