Feb 05 2010

7 Tools for better Web Design

Category: Web Development, technology — admin @ 4:30 pm

If you’re into web design/development, SixRevisions.com should be on your rss feed list.  They have a list of 7 tools that can become essential to your web design.  Besides the firebug tools, and your google analytics, these tools can really help to design or redesign a site and get feedback on its success.  Tools such as

1. Heat Maps – visual representation of what users are doing on your site by tracking each individual click a user makes.

2. Online Usability Testing – various companies throughout the web offer this service.

3. A/B Testing – do you use the Google Web Optimizer? Why not?

4. Crowdsourcing – take A/B Testing to the next level.

5. Internal Search Data – Google Analytics Site Search tool.

6. Monitoring Services – Yet another Google tool.

7. Blogs – I know you’ve got one, get some feedback using it.

are mentioned in this article.  One thing that is evident, Google has a lot of tools out there to help us website creators.

Check out the full article

Tags: , , , ,

Jan 30 2010

CSS Spritemenu 0.2

Category: Web Development, technology — admin @ 1:33 pm

I was looking into getting more experience using concepts that are light and can help speed up the performance of websites, but at the same time be stylish with a bit of animation using jQuery.  I came across this website and decided to give it a try.  This sprite menu is incredibly easy to use and will add a nice touch to your navigation menu to spruce up your website. The downside is that if you have to add a JavaScript file to you site which causes an additional server call and if you want the easing animation, you’ll have to add a second extra script to you site.  The good part is that you don’t have to write a lot of jQuery and CSS to implement the concept on your site.  It allows you to add custom animations and also comes with plenty of animation options for you to play around with.  You are able to customize the speed of your animations as well as apply it as an opacity, height, or width animation. The most work you’ll need to do is create the menu in photoshop. Other than that just style your menu and add a few lines of jQuery that define the size of your menu buttons, speed, and optional animation types. Here is an example of how I implemented it.

Check out the full tutorial.

Tags: , , , , , , , ,

Oct 19 2008

Simple Image Gallery

Category: Web Development — admin @ 4:58 pm

My first project has been completed and successfully posted online. Its a simple image gallery displaying pictures from my sister’s wedding. The image gallery was created using XHTML, JavaScript, and CSS. Enjoy!! Feel free to post any comments or suggestions on how to optimize the gallery. Click here to visit my portfolio

Tags: , , , , ,

Oct 01 2008

Adobe CS4 Announced

Category: Web Development — admin @ 4:51 pm

For all who have not heard just yet, Adobe has released the details regarding the new CS4 product a few days ago. This new Creative Suite is set to support design and development for print, web, mobile, interactive, film, and video production. So all of you out there that have been looking for a nice IDE to do some mobile apps on, CS4 may be right up your alley. This version of Adobe’s Creative Suite is jam packed with a plethora of fun features to play around with. So many you’ll have to check out the article to get a good idea of what all is included. Check out the article.

Tags: , , , , , ,

Sep 27 2008

Browser Speed Tests

Category: Web Development — admin @ 2:30 pm

I came across this article about speed tests conducted on the major browsers in the market these days. Safari (3.1), Chrome, Firefox (3.0 & 3.1B), IE (7.06 & 8.0B), and Opera (9.5 & 9.6B). It caught my eye because I wanted to see if IE was actually in contention with these other browsers and if Chrome could step up to the challenge. Some results weren’t too surprising to me, but others were. Check out the full article.

Tags: , , , , , , , ,

Sep 17 2008

JavaScript Speed Boost

Category: Web Development — admin @ 12:56 pm

Finally back up on the net…I received an email from a friend the other day with an article from sitepoint.com regarding a free JavaScript speed boost. At first I’m thinking its something related to the article I posted up here last month about Mozilla improving their JavaScript speed. I check out the article and it turns out that W3C has come up with a new Selector API for JavaScript. It almost instantly grabbed my attention since I’m currently working on my JavaScript skills. I’m sure all of you JavaScript programmers out there know that you can obtain references to HTML elements using the document.getElementById and getElementsByTagName, but with this new Selector API, one can obtain references to CSS elements. The methods of the API can be used in conjunction with the document object or a specific HTML element to select from the descendants of that element. True, it is a fact that some JavaScript libraries allow you to perform such tasks already, but this Selector API does bring speed to the table for the native implementation. The downside of the API is that it really only supports standard CSS selectors. So if you like to use plenty of custom CSS selectors, its going to be a bit more difficult to benefit from the speed increase. One splendid fact about this API is that it is already being supported by Safari, IE, and Firefox. This is a very good article that Sitepoint has put together, providing examples as well as a link to specific details about the API. Check out the full article.

Tags: , , , , , , , ,

Aug 25 2008

Javascript improvements for Firefox

Category: Web Development — admin @ 5:37 pm

I’m surfing around the web this afternoon, and I come across an article on eWeek regarding some advancements that Mozilla has made with improving the speed of javascript with their SpiderMonkey engine.  Looks like they have taken javascript to another level with this advancement named TraceMonkey.  With TraceMonkey, the browser will be able to handle a much higher workload that previously was too much to handle and needed a plugin to handle it.  Using JIT(Just-in-time) native code compilation and tree tracing, JS will be able to be compared to languages like C or C++ and tear down most of the boundaries that held JS back performance wise. Imagine the growth of plugins for Firefox. They’re talking about seeing improvements in things such as the JS canvas, gaming, scene graphs and a few other areas all written in JS.Check out the full article.

Tags: , , , ,