Welcome to RenEvo Sign in | Join | Help
Home Wiisis Blogs Forums Photos Downloads About

Welcome to RenEvo Software & Designs

  • Website Journal Part 3 – Scouring the web for ideas

    Full post disclosure

    image

    Most websites only show a fragment of the posts, not revealing the entire post unless you drill down into the header link or the “read more”. This was one of the first things that I modified into RenEvo to be easier to read new content for the visitors. I could see if you are depending on ad exposure separating the topics from the news would give you additional points of advertising, but since I don’t do either, there is no reason to just show the visitor the entire post.

    Simple Posts

    image

    Facebook has this ideal notion of showing “mini-posts” or “Simple Posts”, there will be times on my site when I don’t want to sit down and add an entire post, but maybe just want to post up an interesting tech video I saw somewhere, or other Facebook functionality.  Yes, I am stealing this idea, but this is my site, I get what I want.

    Filterable Homepage

    image

    Because I will be adding different types of posts, it is only natural that I will need someway to display only certain things on my site. Facebook does this pretty cool like by adding filters on the users Home tab that allows them to only show individual posts by type, or a “News Feed” that shows everything. Just by adding this I will easily be able to combine multiple parts of my wanted functionality all on the home page.

    Visitor Bug Reporting

    image

    Sometimes I can’t test everything on every browser both logged in and anonymous, so providing some sort of bug reporting and feedback mechanism would be ideal way for the visitors to let me know where I goofed up.

    Dynamically Load Older Posts

    image

    Not taking it as far as the Google Reader methodology that reloads all the content as you scroll down, Facebook again has the ability to load the next (x) amount of older posts on demand, allowing a visitor to catch up on content.

    Inline Commenting and Liking

    image

    As a way for me to allow visitors to say something about my posts easily, as well as let me know if the crap I am posting on the site is even worth my efforts, or possibly allow me to statistically analyze what content I could concentrate on more, the Like and inline commenting option both above on Facebook and below on Stackoverflow would be ideal.

    image

    Although I would want to go a bit further and allow a user to post more information, kind of like how codinghorror.com does it, I would allow users to enter their name and “optional” email ONLY for hashing and used for generating a Gravatar avatar image. This way people could easily brand their own comments, but antonymous would still be able to be kept.

    Tag Based RSS Feeds

    Stackoverflow has the ability to create feeds based on their tags. Essentially any feed that is created on their website can be accessed via a feed. Say you don’t care about my home life that I post about, but you are fascinated with my car, you can simply just subscribe to items tagged “Charlie” – the name of my car…

    Easy and Quick Adding of Content

    image

    Again, going on the idea of me being able to update this site as easily as possible, there will not always be times when I want to open up Live Writer to build a post, so I can easily go to any browser, sign in with my OpenId, and quickly add a new link, video, or quick text about what I am wanting to say.

    Auto-Update Networking Sites

    image

    Because I will not want to go through and double add content from my site, to Facebook, to twitter, to RenEvo, to… I will be using Networking API software to directly post content based on tags and type. For example if I post a video, it will also share it on Facebook, if I just plop in some quick text, it will also update my twitter and Facebook pages. If I post a blog and tag it with Renevo then it will automatically post to RenEvo.com. Features like this will easily allow me to stop jumping all around the internet to post information, I will only need to go to Facebook to see what everyone else is doing.

    Personal About Page

    image

    Taking from the guidelines to create a great “About Me” page from Smashing Magazine, I want to create an about page that is kind of personal, rather than “hi, i am tom, i do stuff… *to-do update this later” I really like this one as it shows the person with a full body shot on the page, and some clean information about him.


    That pretty much wraps up this part, I think that the next step might be doing some quick preliminary chicken scratches of how I want the main page to look and flow. Stay tuned.

  • Website Journal Part 2 – Technology

    Ok, so I decided to add this bit after watching a great video from Joel Spolsky about the technology used in Stackoverflow.

    image

    This is not really that far off from my own list, but I wanted to go ahead and include more information and fill it out for myself as a sort of, ok… did that.

    • Server Framework: ASP.Net 3.5 SP1
    • Language: C#
    • Dev Environment: Visual Studio 2008
    • Web Framework: Asp.Net MVC
    • Browser Framework: jQuery, jQuery UI, XHtml, CSS2
    • Database: Microsoft SQL Server 2005
    • Data Access Layer: LinqToSql
    • Source Control: Seapine Surround SCM
    • Authentication: OpenID
    • Editor: Microsoft Live Writer
    • Hosting: Server Intellect
    • Spam Control: Defensio
    • Design: Adobe Photoshop CS3

    That is it for part 2, now off to keep searching sites for neat features I like.

  • Website Journal Part 1 – Planning

    So today I started out the first steps of the new site TomAnderson.me, the first step was to first start the initial ideas and design of the website. In order to achieve this, I am going to have to first decide what I want on the site, and then build up from there. Planning will be a huge part of this project for one, because I am telling all of you about every step of the process, as well as I want to just deploy this site and have it ready to go live on one date, then do tweaking only after that.

    IMG_2140 My tools for this initial planning state will be a bit old school and a bit new school. I will be using some hard bound notebooks I picked up at Barnes & Nobles that will open flat to allow me to scan them easily, as well as an Aiptek HP 12000U tablet to use for tracing things directly from the notebook into Photoshop, as well as working with the designs later.

    Before the comments come up, I like purple (hence the big purple car), and I am a huge fan of Taoism, so I think these were made for me.

    Moving along, I roughed out a quick logo that had been kind of stuck in my head a bit. It is based on my handwritten initials, and will be prettified and redone in Photoshop extensively. I also jotted down a few primary notes on what I want on my site.

    Web-Journal---001

    This is why I like these binders, they lay nice and flat into the scanner, and allow me to transfer things pretty quickly.

    TA-Logo

    The logo was then quickly redone in Photoshop using the tablet and my awesome handwriting skills, but it gave me the look that I wanted for the logo. I saved it as a 96dpi image at 800x600. This will be plenty big of a base for me to work with later as I redo it for real. It will also allow me to use it for numerous different mediums, such as signatures, favicon, site logo, etc…


    Next I quickly wrote out some features that I want on the site.

    • Blog with anonymous comments
    • Tag based favorite links
    • Tag based favorite YouTube videos
    • A portfolio with my Websites, applications, and designs
    • About me
    • Anonymous “shouts” from people, basically… leave a message

    Now that I have a baseline for what I want on the website, I will start delving into the next few stages. Browsing around and collecting ideas of things I like on other websites and doing a sketch up of the website, or a “wireframe”. This will allow me to then start deciding on different design elements, colors, how functionality that I like will be implemented and used, and how everything will fit together.

  • YouTube Preview Images

    So today, I got a hair up my bum to figure out where those strange little images come from on YouTube.

    Turns out, its pretty darn simple. I have only been able to find 4 different ones so far, I am sure there are more, and I am sure there is probably documentation somewhere on the web.

    Anyway, here are the ones I have found, replace the {0} with the video id (v= from the url)

    Big one, usually used on YouTube.com for the spotlight – looks like these are 480x360
    http://i.ytimg.com/vi/{0}/hqdefault.jpg
    http://i.ytimg.com/vi/IDwvLWCvKA0/hqdefault.jpg

    The next 3 are various parts of the video, with some investigation, you could probably find the exact formula for finding the exact time frames, but… yah.  These are 120x90 from what I have found, it is also what Facebook and others use to display the preview.
    http://i.ytimg.com/vi/{0}/1.jpg
    http://i.ytimg.com/vi/IDwvLWCvKA0/1.jpg

     

    http://i.ytimg.com/vi/{0}/2.jpg
    http://i.ytimg.com/vi/IDwvLWCvKA0/2.jpg


    http://i.ytimg.com/vi/{0}/3.jpg
    http://i.ytimg.com/vi/IDwvLWCvKA0/3.jpg

    Neat huh?

  • Tom Anderson dot me

    A while back I bought the domain TomAnderson.me and have not done anything with it. After digging back into web development last week at work, I decided that I wanted to do some more.

    image

    This site will essentially be me moving the “personal” stuff off of RenEvo Software & Designs to focus more on development and design (go figure), and give me a place to start fresh, without losing any information. My first thought was to do it here on RenEvo, but I actually like how the site is currently working, so I won’t be messing with it.

    The plan is to kind of take my time and create the site to do a few things that I have wanted to do for a while, all in one place, while keeping a good design and sleek functionality.

    BTW, the design you see above is actually a hacked version of my server host Server Intellect’s home page, and will NOT be the final, it is only a placeholder to replace the “this site is owned by someone” page that has been there for 6 or so months.

    I will be blogging about the process of designing and building the site, from scratch drawings all the way up to code explanations and most likely when I am done, I will release the source to the site for anyone to customize and use.

    Technology:

    • ASP.Net MVC Framework – c#, I love this framework for personal and social websites
    • jQuery – I think enough has been said about this already around the web
    • jQuery UI – For modal windows and some form elements, I definitely like this suite of utilities though
    • OpenId – I will be using OpenId for all “user” related functionality, whether or not I let people register is still undecided.
    • Metablog API – I will use this so I can manage the entire site through Window Live Writer
    • Windows Live Writer – Content Management, I use this for all blog and article posting on RenEvo

    So, for those that follow this site’s blogs, and for those that may stumble across it, enjoy the coming articles, I will be spending some considerable time on this, as this is the first site for “me” rather than something else.

More Posts Next page »

Twitter Updates

    follow me on Twitter

    Stuff

    Partners

    DCOM Productions


    Microsoft Partner Status: Registered

    Recent Additions

    • WoW Point based Raid Loot mockup screen.
    • My First Ubuntu desktop
    • Simplified Character Creation Screen for WoW
    Powered by Community Server, by Telligent Systems