Web Development | Webdesigner Depot

OUR LATEST POST ON TECHI

Rating Apple's Annoucements: Great Updates to iPods, iTunes and a Meh Apple TV http://bit.ly/d3shOZ

23 Jul
Book Review: From Photoshop to HTML
Books, Review, Web Development
15
If you’re new to creating website designs using Photoshop, learning to transform those .PSD files into semantic, standards-compliant CSS and HTML files can be a bit intimidating.
After all, there are plenty of great services out there that can slice up and code your files for you. But there are those cases when you may prefer to slice those designs by yourself.
That’s where From Photoshop to HTML: How to Slice Your Designs Like a Pro by Jeffrey Way, editor of Nettuts+, comes in.
In this 145-page book, the entire process of converting a .PSD file into a working website design is covered, in detail, with code examples. Read more
22 Jul
20+ Demos Showing Advanced jQuery Effects
Effects, Web Development, jQuery
52
Just a short while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website.
Since the introduction of the iPad, with its lack of the Flash Player, there’s an acceleration in the web development world to use alternative technologies to Flash, such as jQuery, Ajax and others.
Although Flash is still a very powerful and useful tool, which works great on many cases, several of the effects that web designers are accustomed to creating in Flash, can be just as easily implemented using jQuery.
Here are 21 online demos that show the power of jQuery for creating advanced effects and interactivity that can rival Flash. Read more
20 Jul
A Complete Guide to A/B Testing
How to, Web Design, Web Development
24
A/B testing (also called split testing) is a testing method generally used in marketing to compare results between two samples with the goal to improve conversion or response rates.
In web design, A/B tests are generally used to test design elements (sometimes against the existing design) to better determine which design elements will get the best response from visitors.
A/B tests, by definition, compare only two variables (design elements) at a time. There is also multivariate testing, which compares more than one variable.
Each one serves a purpose and can help your clients make better decisions that will result in a more successful website.
Here we present a thorough guide to A/B testing, including the benefits of using it and how to administer A/B tests on your own projects. Read more
28 Jun
WordPress 3.0 Upgrade: What to Expect
How to, Web Development, WordPress
35

With virtually any WordPress release (or the release of any open-source software, for that matter), there are bound to be bugs.
In a lot of cases the bugs are minor, and are just annoying. In other cases, these “bugs” can completely disable your site. Kind of like the difference between a mosquito bite and being attacked by a swarm of wasps.
WordPress 3.0 is no different. Almost as soon as the official release came out, reports of bugs starting pouring in. In the vast majority of cases, these bugs had to do with either customizations based on deprecated code or plugins that aren’t yet compatible with 3.0.
And in virtually every case, easy fixes have already been found. Of course, there are also a number of things you can do prior to upgrading to prevent problems. Read on for some tips, and some of the common bugs you might run into. Read more
10 Jun
WordPress: From Kubrick to Twenty Ten
Web Developers, Web Development, WordPress
28

Kubrick, the default theme for WordPress since 2005, got many Web and open-source enthusiasts through some pretty tough times.
Developers have modified it, bloggers have learned HTML and CSS on it, and designers have made it their go-to template for designing blogs of all sizes for clients.
But let’s face it: five years on the Web is like a hundred years anywhere else, and Kubrick, even according to its creators, is due for an update.
Enter “Twenty Ten” the new default theme for WordPress 3.0, which is scheduled for an imminent release. Not only does it address general changes in Web standards and style guides, it takes into account the clamoring of designers who love WordPress but have had a hard time applying new principles to an older theme. Read more
28 May
Browser Testing: A Family Tree
Compatibility, Web Development, Webmasters
19

One task drives web professionals to distraction more than almost any other: testing whether their design works equally well in a multitude of browsers and on different devices.
The list of browsers and platforms to verify against keeps getting longer, and as designers, our tempers are getting proportionally shorter; IE6 will probably feature in nightmares for years to come!
Yet doing our work in an ever-widening range of situations is becoming increasingly important.
This article highlights the most common issues that arise when testing with “the usual suspects” and explains why a change in tactics may soon be needed. Your entire perspective on compatibility testing could change. Read more
14 Dec
Solutions to 5 Common Ajax Problems
Ajax, Programming, Web Development
40

The modern web developer who does not consider Ajax when planning or building their websites is potentially missing out on a powerful tool to enhance usability.
There are however, challenges in implementing Ajax functionality on a web page.
In this article we’ll discuss solutions to five of the most common challenges that a developer faces when using Ajax to enhance the content on their website.
Although there is a lot more to discuss and research on all five topics, this post should give beginners and intermediate Ajax developers some solid tips on implementing Ajax functionality in a more user-friendly and accessible manner.
Read more
12 Nov
Coding a Web Design for Speed and Quality
Code, Usability, Web Development
90

The beauty of being a web designer is creating a detailed, creative, and original web design in Photoshop, without having to (for the most part) think about how it will be coded.
During the design phase, it’s all about the look, and either the coding can be taken care of later, or be outsourced to a developer.
Either way, not thinking about the development usability or functionality is a great way for a designer to not feel limited in the design process.
This is a great way of thinking, and can lead to the best designs. However, once it does need to be coded, we as designers are in a tricky spot.
In this article, you’ll find a few simple tips that can help designers learn basic XHTML/CSS conversion efficiently for a quick-loading website that is accurate to the original PSD. Read more
27 May
The 960 Grid System Toolbox & Resources
CSS, Web Development
39

The 960 Grid System was created by Nathan Smith as a way to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.
The 960.gs (or any CSS framework) was primarily developed for rapid prototyping, cutting down on repetitive and tedious tasks, but is also more than suited to be used for any web design project.
It will give your site a structured and solid foundation for you to build and style your design upon.
In this article, you’ll find tutorials, a showcase of sites designed using the 960.gs, spin offs, basic WP themes built on the 960.gs and possible alternative frameworks, if for some reason you don’t like the 960 grid system. Read more