Best Debugging Tools & Resources for Testing Website Layouts

Once a website reaches the stage where its coded and running in a browser the project is almost complete. Party time? Not yet Wayne, because after expelling that heavy sigh of relief you’ll realize there are likely a few missteps or slight errors in the code. It never hurts to debug areas of your HTML, CSS, or JavaScript to ensure full compatibility with all browsers and screen sizes.

geek stuff android iphone smartphone

This article will focus on some handy tools you can use for testing freshly-minted layouts. Modern standards of HTML5 and CSS3 have allowed for greater control over rendering and layout styles. But support for older browsers has been waning in recent years. As a developer you need to decide which browsers are worth supporting and how much effort you’ll put into debugging potential issues.

Building a Mega-Navigation Menu with CSS3 and jQuery

Larger navigation menus will typically include separate dropdown lists to appear on hover. But for some websites it can be necessary to expand this dropdown across the entire page. Designers might call this a “mega navigation” for its influence over the whole menu.

In this tutorial I want to demonstrate a method of creating one unified mega navigation menu. There are many different techniques you can use to achieve a similar effect. I’ll be using jQuery to embed sub-navigation content into a dropdown mega nav box. Take a look at my live demo to see the final design.

mega navigation menu howto tutorial preview jquery

Top jQuery Slider Plugins for Frontend Web Developers

Common JavaScript techniques include Ajax content, dynamic forms, and modal windows. The content slider/slideshow interface has always been around but has gained a tremendous audience over the past few years. And with the continuing growth of jQuery it is safe to assume that more developers will be creating projects with an open source license.

In this collection I want to present 30 of the most interesting jQuery slider plugins. Each one should work properly with the most current version of jQuery and they also provide their own documentation. It is a great way to introduce yourself into the system and start building websites with some more dynamic effects.

iView

iview sliding plugin slideshow jquery