New BBC Web Design

Friday, March 12th, 2010

I previously posted about Google’s new web design, and now the BBC website is undergoing a beta web design. Take a look at the new BBC web design in the screenshot below.

New BBC Beta Web Design

Click the image above to view an enlarged screenshot. Alternatively, you can take a look at the beta BBC directly at http://beta.bbc.co.uk/

The new BBC homepage design is even heavier in JavaScript and AJAX functionality allowing for some extremely dynamic customisation of the page to any individual user’s personal preferences.

Share and Enjoy:
  • Print
  • Digg
  • Slashdot
  • Twitter
  • del.icio.us
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • email
  • Facebook
  • Reddit

Facebook – New Web Design Changes

Tuesday, February 9th, 2010

Screenshot of Facebook's new design

Facebook, one of the largest and most well known PHP powered social networking websites has made significant changes to its web design. Facebook have taken a more minimalistic web design approach in many respects, removing most of the bottom application and instant messaging bar, and moving to a left hand side bar. From a technical perspective, Facebook have increased their use of many web technologies such as JavaScript and AJAX in an effort to increase the speed of website loading and make improve the overall user experience. This certainly increases speed but can cause issues on intermittent or unreliable Internet connections, or on browsers with no or poor JavaScript support. However, Facebook has full support for Internet Explorer 7, 8, Firefox 3, Google Chrome, Safari and Opera.

The left sidebar of the new web design now features links to the news feed, friends, messages, friends and Facebook applications. These applications include both built-in Facebook applications such as Photos and custom made applications such as Rapid Wish List (in the Facebook screenshot above). The sidebar also includes direct links to the top online friends in your Facebook instant messaging, providing you are signed into Facebook’s chat system, which is not the case in the screenshot shown above.

Hopefully you enjoy the new web design Facebook has adopted, but as always there are many Facebook groups which heavily dislike the new changes to the Facebook web design. This is always the case with Facebook design changes it seems. What do you think? Do you like the changes or find that they make the website more difficult to use?

If you’re interested in a new web design for your website, whether minimalist like Facebook’s new design, or much bigger and bolder, please feel free to contact us. We do web design, web development, the creation of dynamic PHP-powered web applications and search engine optimisation and much more. Take a look at some of our other work.

Share and Enjoy:
  • Print
  • Digg
  • Slashdot
  • Twitter
  • del.icio.us
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • email
  • Facebook
  • Reddit

jQuery 1.4 Released

Friday, January 22nd, 2010
jQuery logo

Version 1.4 is the latest inception of the highly popular lightweight cross browser JavaScript framework. The new version features many new additions and speed improvements over 1.3.

jQuery was developed in 2006 by John Resig and since launch has been adopted by many large companies such as Google, Microsoft, Mozilla, Digg and many more. The mantra behind jQuery is “write less, do more” With a wide range of easy DOM manipulation calls and user interface effects jQuery is an attractive option for developers looking to make applications more intuitive, user friendly and feature rich.

So whats new in 1.4?

Aside from all the new additions and improvements one of my favourite new functions is .delay(). Delay provides us with the functionality to delay execution of subsequent items in the queue.

For example we can fade out and fade in an element with a second delay.

$(‘#myelement’).fadeOut(“slow”).delay(1000).fadeIn(“slow”);

jQuery not only allows us to delay on effects we can also apply delays to custom queues.

One of many new updates is the addition to pass event data to the function .live(). This gives developers much more flexibility to capture events. From form submission, focus changes, clicks and custom events.

The example below shows how to smooth scroll on all anchor tag elements using live to capture the click event data.

// all “#anchor” smoothscroll to those elements

$(“a[href^=#][href!=#]“).live(‘click’,function(e){

$(‘html,body’).animate({‘scrollTop’: $($(this).attr(‘href’)).offset().top+’px’});

e.preventDefault();

});

According to BuiltWith.com’s statistics jQuery is running on one in five websites on the internet. Not surprising considering the adaptability of the framework.

14 days of jQuery is still running and you can find more information via the below links.

http://jquery.com/
http://jquery14.com/

Share and Enjoy:
  • Print
  • Digg
  • Slashdot
  • Twitter
  • del.icio.us
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • email
  • Facebook
  • Reddit