Archived entries for Web

jQuery – A Beginners Guide

Long time, no post! Freelancing, tight deadlines, christmas, etc.

What is it?

jQuery is a javascript framework, it all happens on the client side, and allows developers to enhance the user experience of a website. Scrolling, sliding, fading, etc. it has a lot of cool features that can really add to the overall feel of a website. I've just done my first tuorial tonight and it seems all pretty straight forward.

Here's a short, interesting interview with Karl Swedberg (he runs learningjquery.com):

Tutorials

I've used MooTools (another javascript framework) before and found it nice and pleasant to use. Since then, everyone has been raving about jQuery (actually, I'm about 6 months late here), so I looked up a beginners guide to it. The tutorial I did is located here:

Here's the result of the tutorial (I changed it a little)

Here's a tutorial on how to buildĀ  an image/content slider:

Or you could try searhing twitter for a list of up to date tutorials

jQuery Plugins

Tripwiremagazine has a list of some plugins for jQuery that are useful (although some can be achieved with css). Here is the link:

Noupe also has a larger list of plugins:

Or you can learn how to create your own:

Overuse

I've come across a lot of sites that use jQuery just for the sake of it, it does make a site look a little slicker but only when used right. When its overused, it can get really tiresome and completely removes it's impact. I've seen a few sites with only one UI element utilising jQuery that really impressed me.

Conclusion

This is the first time I've used jQuery, and I'm really impressed. The huge interest and large amount tutorials make it look like it's hear to stay. It has easily overtaken MooTools and Scriptalicious and it's developer base is growing rapidly.

Web Development – Minimise Load Times

Smashing Magazine has tweeted a very informative link on how to minimize web page load times. It lists some great tools which analyse load times.

http://www.uxbooth.com/blog/how-to-minimize-load-time-for-fast-user-experiences/

Web Development – Javascript

Noupe has a good resource on a list of articles for beginners of Javascript. Dropdown menus, progress bars, and form validation is covered along with some other good tutorials.

http://www.noupe.com/javascript/javascript-for-designers.html

Web Design – Creating A Portfolio Site

Elliot Jay Stocks made an interesting 2 part video on how to make a portfolio site. Very good informationĀ  and things to think about in them:

http://carsonified.com/blog/design/how-to-design-a-portfolio-site/

http://carsonified.com/blog/design/how-to-design-a-portfolio-site-part-2/

Web Design – Inspiration

Seen a few of these before, but still worth a mention

http://carsonified.com/blog/design/how-to-make-your-web-design-stand-out-from-the-crowd/

Web Development – Site Sketch101

Just don't have the time at the moment to go through a vast array of good articles on:

http://www.sitesketch101.com/

I will soon though

Web Design – Typography

I've usually just relied on Verdana and eyeballing layouts when taking typography into consideration. At the moment, I'm living and breathing typography for the website I'm currently creating. It's a simple website, but I'm focusing on the rules for typography on the web, web safe fonts, spacing, leading, etc. It's one of my biggest weaknesses when designing websites so I'm researching as much as possible into it at the moment. Some interesting sites I've come across are:

Basic rules for web typography:

http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/

Browser safe fonts:

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Fonts bundled with Mac, Windows, Adobe and Office:

http://media.24ways.org/2007/17/fontmatrix.html

Embedding custom fonts with Javascript:

http://typeface.neocracy.org/

Smashing Magazine has a great article on 50 different web typography tools:

http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/

Web – Modal Windows

Smashing Magazine has a good round up of the different typs of modal windows.

http://www.smashingmagazine.com/2009/05/27/modal-windows-in-modern-web-design/

CSS – Improving Typography

AisleOne have a great article on how to improve typography on the web using a simple few steps.

http://www.aisleone.net/2009/design/8-ways-to-improve-your-typography/

SEO – Meta Tag Analyzer

SeoCentro provide a very good resource for checking your meta tags

http://www.seocentro.com/tools/search-engines/metatag-analyzer.html



Copyright © 2004–2009. All rights reserved.

Computers & Internet Directory