Wednesday, July 29, 2009

Web Design Resource Roundup #5

This is the another installment of Web Design Resource Roundup #4.  I’ll give you a list of many freebies which have been released during the past week.  If you want to know about the latest Freebies, make sure you subscribe to the RSS Feed or simply follow me on Twitter.

 

Hand Vector Pack

 

Vector Boxes

 

154 Free Glassy Space Social Networking Icons

 

Colorful Swirls

 

High Resolution Smoke Effect Brushes

 

Social network Icon Pack

 

Clipper Font - Big Phat Fonts

 

Free Vector – 3d Arrows

 

Badge-it Yourself

 

iPhone GUI PSD 3.0

 

Free Texture Metal

 

15 Free Hi-Res Photoshop Brushes

 

Hand-drawn Social Media Icons

 

154 Silver Inlay Glowing Glass Orb Social Media Icons

 

Floral Vector

 

Biscotto RSS

 

Candy Vectors

Tuesday, July 28, 2009

Twitter New Homepage Is Live!

Twitter had announced that they will be re-designing the homepage for some time now, but it now real!  Twitter have changed their homepage design in favor of a more search oriented one.  Twitter now displays recent popular terms on the homepage instead of trying to introduce the new user to Twitter.

The new design, as you can see is blue, with the prominent searchbox and sign up button, along with the tag cloud of popular search terms.  Then below, in the footer, you get links to the blog, API, Goodies (widgets), etc.  What do you think of the new Twitter homepage?  P.S. You need to sign out of your Twitter account to be able to see the new design by yourself!

Offloading ALL JS Files To Google

If you didn’t know it already, Google provides an API which you can use to call Javascript libraries hosted on their server for you to use on your website.  Google currently provides the following Javascript Libraries from their server:


Now, you might ask why would you want to let Google host your Javascript files instead of yourself.  To let make you have a better idea of what Google’s AJAX Library API is about, you’re recommended to watch this video:


Let me provide you with some rock solid reasons why you need to let Google host your files.


Google’s CDN Is Faster Than Your Host

No matter how good your web hosting package is, it just cannot beat Google’s CDN (Content Distribution Network).  Google runs many servers and has servers in many countries which mirror data across the globe.  When downloading static data from Google, the underlying architecture automatically detects the geographically closest server and download the files from there.  This simple action drastically reduces the time needed for your files to download.  Using a CDN is recommended by Yahoo! Exceptional Performance Rules.

 

Increases Number Of Parallel Downloads

According to the HTLM 1.1 specification, which most modern browsers obey, only two parallel downloads can be done from a single hostname.  Therefore if you use Google for your hosting, you maximize your parallel download performance, since you will have another hostname (google.com) serving files.



Better Caching

Now, suppose many persons are using Google’s AJAX Library API to power their websites, and you are using it too.  If your visitors come to visit your website after visiting another website using Google’s AJAX Library API, then the Javascript file will still be in your cache and if it has not been changed, your visitors’ browsers might not even need to download the file(s).


Save Bandwidth

Finally, you also get to save some of your bandwidth, thus saving you money.  If you are on a budget hosting plan, then this might be helpful in cutting down costs and relieving your server of stress.


Calling The AJAX Library On Your Website

To insert the AJAX Library in your website, you have 2 ways of calling it.  Either you use the google.load() approach which goes this way:


Then you have the more direct way of calling the library, using the following piece of code:



Now, the above method, using the Google AJAX Library API, enables you call javascript libraries which are already present on Google servers.  Now what do you to host custom code snippets for your website on Google?  It’s equally as easy.  Just get yourself a Google Code Account, by clicking the Create A New Project, link.


After that follow the instructions to create a new Google Code Project.  You will have to fill in a form like this one:



Then you will be presented with your new project’s homepage, which will look like this:



Then you can upload any Javascript files by click the “Downloads” tab and clicking on the “New Downloads” link.  You will be presented with a new screen from which you can upload your Javascript file:



After the upload is completed, you will be redirected to the project homepage, where you will see your newly uploaded file:



To use the file in your website development, just copy the link of the file by right-clicking on it and copying the link location.  Then when including it in your webpage, the code will look similar to this:

If you view the source of this webpage, you will see the file in use there.  You might ask where you would be using this.  Let me give you an example.  If you are on blogger and want to use some fancy javascript effect, then you can host the javascript file on Google Code and link to it from your blogger blog easily.  This gives you a reliable and free hosting solution for your javascript files and other static files.

That’s it.  If you like this article, feel free to share it and if you’ve got to say something, just drop a comment below!

Monday, July 27, 2009

Typekit – Hosted Fonts For Your Website

 

Typekit is a new service which aims to provide a platform for hosting custom fonts, both paid and commercial ones for use on websites.  If you have been wanting to integrate custom fonts in your website design, this might interest you.  The Typekit platform promises to handle cross-browser compatibility issues, freeing you the designer for doing what you do best – design.  If you are interested in custom font for web design, you might also want to check out 5 Image Replacement Techniques For Custom Font Embedding and Type Select – Selectable Text Replacement Technique.

Here’s an extract of what the creators of Typekit have to say about their product, and you can bet it’s not negative!

Web fonts today

So here’s the situation: Every major browser is about to support the ability to link to a font. That means you can write a bit of CSS, include a URL to a font file, and have your page display with the typography you expect. For designers and developers, this is a significant step forward. No longer will you need to trap your content in images or Flash just to express yourself visually. Pages will be more usable, accessible, and indexable. This is a massive upgrade for the web.

But there’s a problem. While it’s technically quite easy to link to fonts, it’s legally more nuanced. Almost all fonts are protected by copyright — even those available for free — and very few of them allow for linking via CSS or redistribution on the web. This is understandable; font files represent countless hours of finely detailed labor. Appropriately, type designers are concerned that they’ll lose control of all that hard work.

The Typekit solution

That’s where Typekit comes in. We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.

So all of this looks pretty exciting.  I couldn’t get hold of an invite to test Typekit out, but Andy Clarke managed to get his hands on one and actually posted a review and a step by step guide on implementing Typekit.  You can see how Typekit looks like on his homepage.  So what Typekit does to you?  Excited?

Sunday, July 26, 2009

20 Kick-Ass Wordpress Theme Frameworks For Rapid Theme Development



So, before we start of reviewing some of the Wordpress Theme Frameworks available on the internet, let’s know what it is all about first.  So to put it bluntly,  a Wordpress Theme Framework is a reliably coded Wordpress theme which serves as a foundation for future themes.  Some frameworks are extendable through the use of child themes, which hook into the parent theme and tap up its functions and template properties.  For an overview of how Wordpress Themes Frameworks work, I recommend you reading Wordpress Theme Frameworks Explained.  If you’ve just started out with coding your Wordpress theme from the scratch, you might be left scratching the back of your head wondering why you didn’t go for one of the already available framework listed here.

ThemeHybrid – Wordpress Theme Framework

ThemeHybrid is an open source, search engine optimized theme framework featuring an 18 columns page layout with 9 widgets ready areas, perfectly suited for any type of website.  ThemeHybrid also comes with very nice child themes which can be downloaded here.  ThemeHybrid also has an exclusive paid membership option ($25) which enables you to get complete support from the ThemeHybrid community for developing and customizing your Hybrid theme.


Carrington – Wordpress Theme Framework

Carrington is a flexible and powerful CMS Wordpress Theme Framework, allowing developers to easily build a custom theme of their own ontop of it.  Carrington has been built to be developer friendly and conventions-based templating system.  It implements best practices in theme development and is semantically rich, coupled with some advanced features like AJAXed comments, archives loading and more.


Thematic – Wordpress Theme Framework

Thematic is another wonderful Wordpress theme framework.  It is ideal for being used as it is or just a blank theme to built upon.  Obviously, like all modern theme frameworks, Thematic is search engine optimized, with 13 widget-ready areas.  You can easily develop child themes for the Thematic framework.  The modular CSS layout of Thematic allows 2 or 3 columns layouts and dynamic post and body layouts.  Thematic also caters for multi-author blogs and easy editing of the theme.  You can get access to the complete customization guide at the Thematic Wiki Documentation and to the repository of child themes.


Imagination – Wordpress Theme Framework

Imagination is a feature rich Wordpress Theme (not really a framework but as customizable as one), which comes pre-loaded with 9 different site-wide styles to choose from.  With Imagination, you do not need to have knowledge of programming to customize the theme.  It has built-in Twitter, Flickr, and Entrecard widgets, Feedburner integration, widgetized areas and a lot more.


WP Framework – Wordpress Theme Framework

WP Framework is another free Wordpress Theme Framework.  Its aim is to serve as a starting point for a new Wordpress theme and one that can be easily modified.  It is very well documented for easy customization, is amazingly flexible, extensible and modular, and is always sure to work with the latest Wordpress versions.  WP Framework also has got an auto-upgrading feature which makes sure you’ve always got the latest version of the theme on your server.


Buffet – Wordpress Theme Framework

Buffet is an impressive Wordpress Theme Framework.  It is already search engine optimized, has SEO beneficial elements like breadcrumbs, headings, canonical URLs.  It also supports microformats like hAtom, hCard and XOXO.  The front-end is powered by popular JQuery javascript library, which allows the implementation of the comments form validation, SuperSleight for IE6, Superfish menus and jBreadcrumb features.  The CSS frameworks underlying the theme also comes in two - 960gs and Blueprint CSS frameworks.  You can easily design child themes for creating custom themes off Buffet.  Buffet is open source.


Whiteboard – Wordpress Theme Framework

Whiteboard is a theme framework coded for simplicity.  It is very light (76KB, unzipped), and includes all the files needed for a complete Wordpress theme development.  Whiteboard comes with with a template for archive page, categories page, pagination post and socialization links.  Whiteboard is completely compatible with Wordpress version 2.7.


Wordpress Starter Theme – Wordpress Theme Framework

The Wordpress Starter Theme is another blank Wordpress theme which allows you to build your own theme upon it.  It comes with a blank external stylesheet file, which is Wordpress-ready.  It also has content-ready 404, archive, search, index, single post, and page files.  It has a working commenting system, and a fully implemented header file with links to the RSS feed, external stylesheets and Javascript files.  It also has a default search form and a blank screenshot file with an empty images folder.  This framework is ideal for starting out with the basics.


Ashford – Wordpress Theme Framework

Ashford is a Wordpress Theme Framework built to be a simple to use and equally as simple to modify.  Ashford is a two column, widget-ready, gravatar enabled theme which enables easy customization through child themes.  Of course, Ashford is search engine optimized, freeing you from the task of doing SEO.  Ashford is very feature rich, for a complete list of features, it would be better for you to head off to the features page of Ashford.  Ashford however does not enable you to remove the footer credits from the theme unless you buy the Pro version for $49.


Sandbox – Wordpress Theme Framework

Sandbox is a minimalist Wordpress Theme Framework which allows developers to build new themes upon.  New themes can be developed by just using CSS.  Sandbox is meant to be used on Wordpress version 2.6+.  It is fully widget-ready, XHTML valid and released under GNU GPL.


OnePress – Wordpress Theme Framework

OnePress is another Wordpress Theme Framework which is available for free.  It is meant to be used as a website and forum combo.  It integrates seamlessly with phpBB, coupled with unified login and forum posts display on the website.  It is widget-ready, with highly optimized page rendering for improved performance.  OnePress works on Wordpress 2.7 and up, and allows easy creation of child themes.


Blank Wordpress Themes – Wordpress Theme Framework

Blank Wordpress Themes, as the name implies are blank Wordpress themes, created from ground up to be Wordpress 2.7 compatible, translatable, XHTML and CSS 2.1 valid.  They are completely free for any use.  These can be used to learn on creating new Wordpress themes and they can easily be modified to suit your taste.


Wordpress Naked – Wordpress Theme Framework

Wordpress Naked was design to be a simple, easy to customize Wordpress theme for new projects.  It is lightweight, and XHTML valid, has a 2 column CSS layout, and is search engine optimized.



Starkers – Wordpress Theme Framework

Starkers is a blank Wordpress theme for you to use to create a new design upon.  It is completely semantic, cleanly coded blank template.  The CSS has also been reset so that no problems are caused across different browsers.


Vanilla – Wordpress Theme Framework

Vanilla is a Wordpress theme framework which is designed to be really powerful and easy to customize without needing any knowledge of PHP.  It is built upon PHPTAL templating engine, has pre-loaded template styles for different website uses, uses Carrington (reviewed above) atomic templating system, loads of widgetized areas, support for child themes and more.



Wordpress Basis – Wordpress Theme Framework

Wordpress Basis is another basic Wordpress theme ideal for developing new themes upon it.  It is built upon the Tripoli CSS framework, has CSS reset feature, coupled with Yahoo! User Interface Reset and more.


WordPreciousss – Wordpress Theme Framework

WordPreciousss is another basic Wordpress Theme, which you can create child themes for.  It is very basic in design, featuring one one widgetized sidebar, has been tested in nearly every major browser.


WP Constructor – Wordpress Theme Framework

WP Constructor is another very good Wordpress theme framework.  It features 6 different sidebar options, very clean code and a very advanced theme options page which enables you to modify nearly every aspect of the theme from the Wordpress dashboard.


Brave New World – Wordpress Theme Framework

Brave New World is a blank Wordpress theme for you to work upon to make your next Wordpress theme.  It incorporate lastest technologies like HTML5, ARIA and more.


Commercial Wordpress Theme Frameworks


Thesis – Wordpress Theme Framework

Thesis is a commercial Wordpress theme framework which is insanely flexible.  Thesis is search engine optimized, designed with accessibility and usability in mind.

Friday, July 24, 2009

Mixx Launches TweetMixx – Gathers Hot Links From Twitter!

Mixx has recently launches a new service called TweetMixx which works as a mix of Mixx and Twitter.  TweetMixx algorithm work by looking for links in tweets and see which one appears for a longer time on Twitter, then ranking them higher.  If you login using your Twitter account details, you get customized listings from the people you follow.  One of the advantages of TweetMixx is that you don’t get to see links, but instead see the title of the articles the link points to, making it more readable.  TweetMixx also has a column which lists out hot links on Mixx if you are interested and also allows you to tweet from its web interface.

Another very good feature of TweetMixx is that it provides a much better search than Twitter’s default search.  Instead of just searching through the Tweet text, TweetMixx also goes through the links title and thus gives more relevant results to users.

TweetMixx is in private beta, however, TechCrunch are also giving away free invites (1000 in all), for you to grab.  Just enter  techcrunch as username and tweetmixx_beta as password and you will gain access to the service if all the invites are not gone.

TweetMixx looks very promising as a new startup and I for one am looking forward to it.

Source: http://www.techcrunch.com/2009/07/24/mixx-turns-to-twitter-to-start-surfacing-hot-links-launches-tweetmixx-invites/