Digital UK Design Blog

Econsultancy released an article on netbooks, their ever growing popularity and what they could spell for the future for web design. The stats were incredible and highlights why we should start to consider them when building new websites. Read the article below.

Netbook

Netbooks are on the rise. The bare-bones laptops, which typically cost under $500 and are designed for web surfing and email, are increasingly the focus of major PC makers looking for growth.

And for good reason.

According to Gartner and DisplaySearch, 5.6mn netbooks were sold in Q3 2008. To put things in perspective, 4.7mn iPhones were sold during that same period. 14mn netbooks were sold in all of 2008 and already netbooks account for 10% of the total PC market in Europe.

Two of the leading netbook manufacturers, Acer and ASUS, expect to sell 12-13mn and 7mn units in 2009, respectively, leading Ari Allyn-Feuer of Ars Technica to speculate that 30mn might be purchased in 2009.

Obviously, netbooks are changing the market.

While many have remained skeptical about the real potential of the mobile internet and many web designers and online publishers have not felt the need to make their websites mobile-friendly, the numbers demonstrate that the netbook is for real. In fact, one might argue that when consumers can purchase a basic model for about the same price as a smartphone, the netbook is the mobile internet.
This raises two big issues for web designers to consider.

  • Screen resolution. Most netbooks have a 1024×600 resolution. The most widely-used screen resolution is 1024×768. While this means that web designers shouldn’t have to fret about the width of the pages they design, the increasing prevalence of widescreen monitors with higher resolutions is going to be problematic. Combined, 1280×800 and 1280×1024 have almost as much market share as 1024×600 and at some point it seems inevitable that 1024×768 will be passed by these higher resolutions.As such, designers will, sooner than later, have a familiar dilemma – how to create designs that maximize the space provided by increasingly popular large widescreen desktop monitors while not leaving a substantial audience of netbook users behind.
  • Processing power and memory. Most netbooks have modest processing power and a limited amount of memory (the most affordable netbooks come with 1GB of RAM). While this should be sufficient for most web browsing, the growing trend of pushing processing from the server to the client using AJAX and technologies like Google Gears could create problems since netbooks are not ideally suited to such burdens.Rich media applications, such as Flash, can also quickly strain machines with modest specs. An instructive experiment – open up several websites that use Flash video (i.e. YouTube) in separate tabs and watch the impact on memory usage.

    As netbooks grow in popularity, web designers will need to weigh how much resource consumption they’re causing on the client side and how much rich media, such as Flash, they really should make use of.

The growing popularity of netbooks indicates that by the time the market reaches some sort of saturation point, there will likely be tens of millions, if not hundreds of millions, of netbook users.

That’s the type of audience smart designers won’t ignore and there are different approaches available to serve the netbook audience. The use of multiple websites (one designed for desktops and laptops with higher resolutions and greater power and the other for netbooks), for instance, is obviously not ideal. The use of fixed widths and designs that still display core content elegantly when other content gets cut off are probably more viable options.

Full article credit Econsultancy, all rights reserved

Piggynap.com is the blog of my girlfriend Zoe who works in online marketing and SEO. A few months ago I set her up a quick WordPress blog to start blogging on, with a simple design and limited features. I felt that I was getting more proficient at building and tweak WordPress themes so I decided to get my knees dirty and have another crack at creating another theme.

The first thing Piggynap.com said was:

Does it have Avatars on comments???

Yes of course it does, I said… a beaming smile and an overly tight hug later, Piggynap.com left most satisfied while grasping a bar of chocolate. Heaven.

Let me know what you think. If you like it I may attempt a Free WordPress Theme for anyone to download… maybe, so be nice.

New design

Piggynap.com WordPress version 2

Old Design

Piggynap version 1

More Twitter apps, mashups and plugins than you can shake your greasy stick at! If you have twitter addiction (or a twittion) then this site is for you, Twitdom – The Twitter Application Database.

Browser Plugins

TwitterFox

This extension adds an icon on the status bar which notifies you when your friends update their tweets. Also it has a small text input field to update your tweets.

Twitterfox Firefox Add-on screenshot

Install TwitterFox

View all Twitter Browser Plugins

Desktop Applications

Twinja

Twinja is a Twitter client written using Adobe Air. It works on Mac and Windows.

Some features supported by Twinja:

  • Automatic login (remembers your login details)
  • Send messages & replies direct from your desktop
  • Automatic URL & User recognition
  • Quickly view Public/Personal/Featured timelines
  • Double click each message to reply
  • Click on the heartto FOLLOW a user
  • Use Twitter’s normal syntax (such as d user message) etc
  • Resize vertically to fit your desktop surroundings
  • Automatically checks for new messages every 2 minutes
  • Re-login feature for multiple users
Twinja

Install Twinja

View all Twitter Desktop Applications

Mashups

Jobfeedr

Jobfeedr crawls most of the major job boards aggregates these into custom Twitter Channels and feeds jobs to Twitter in real time for by city and job type.

Jobfeedr

View Jobfeedr

View all Twitter Mashups

Mobile

PocketTweets

PocketTweets is a Web-based Twitter client for the Apple iPhone. See the latest tweets from your contacts, update your status remotely, or see what’s happening around the world by viewing the public timeline. — all via EDGE or WiFi. PocketTweets was built from the ground up to support Apple’s new phone platform. To access PocketTweets, open this page on your iPhone.

PocketTweets

View PocketTweets

View all Twitter Mobile Apps

Web

StatTweets

StatTweets enables you to get news, live game scores, standings, rankings, point spread updates, and other stats for your favorite basketball or football team all from Twitter!

From StatTweets:

Most sports-related media outlets that have a Twitter account simply blast everything through a single account. I don’t know about you, but I don’t find this very useful. I prefer Twitter updates targeted at just the teams I’m interested in. And I’m not talking about just a news feed. It needs to be as if each sports team had a twitter account and a stats geek behind the scenes tweeting interesting stuff. That’s exactly what the StatTweets accounts are intended to do (but it is all automated). Not only can you follow just the teams you are interested in, but you can interact with each account to retrieve team and player stats dynamically.

StatTweets

View StatTweets

View all Twitter Web Apps

The New Mac Wheel

January 6, 2009 | Fun, News & Reviews | Gary Hartley | 2 Comments »

Genius!


Apple Introduces Revolutionary New Laptop With No Keyboard

Some CSS news from the web design industry. I have cherry-picked these articles and tools, aimed specifically at CSS and web design. Enjoy!

My Top 10 Most Used CSS Class Names

Many developers are puzzled when it comes to assigning class names to elements and often end up using wrong ones. Class names should not describe how the element looks like or where is it placed. A good class name should describe what a certain element represents. Here are my top 10 class names with explanations. Hopefully it will give you a clearer image of what kind of class names you should use. Read more…

9 CSS frameworks for faster templates building

Frameworks are already widely used for Javascript or PHP development, and it is getting popular for CSS templating. It improves your workflow and lets you set up templates quickly with cross-browser compatibility in mind. Here is nine frameworks to make templating faster. Read more…

The Woork Handbook

The Woork Handbook is a free eBook about CSS, HTML, Ajax, web programming, Mootools, Scriptaculous and other topics about web design… directly from Woork! Read more…

Useful resources to improve the look and features of HTML Forms

Are you looking for some useful tips to improve the look and features of your standard HTML FORM elements? In this post I suggest you some interesting resources about this topics. Read more…

Useful guidelines to improve CSS coding and maintainability

Developing CSS code for websites with a complex layout structure can be an hard work for a web designer. But in this situation, an harder work is writing code in order to simplify the continuous maintainability process. Read more…

CSS coding: semantic approach in naming convention

Naming convention in CSS coding is an “hot” discussion topic. In this post I want to illustrate some suggests and guidelines to use a semantic approach instead of a structural approach in naming CSS classes, analyzing the essential elements of a popular 3 column layout. Read more…

Creating easy and useful CSS Sprites

CSS sprites are a way to combine images to improve our page loading time, reducing the number of requests our server does. In this article I will teach you how to make them. Read more…

CSS SuperScrub

This tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names. Read more…

Page 2 of 212

©2006 - 2009 The Floating Frog