The Cone Trees network The UX Bookmark UX Quotes UX Jobs in Singapore Nice one yeah!

Front end development

Front end development

Solution to query_posts(‘orderby=rand’) not working in WordPress

I had been wondering for a few months by now; why was it that I was able to display random posts in my downloads widget on my local server but not on the live site?

I was using <?php query_posts('orderby=rand'); ?> to do the job. The downloads widget on my website was supposed to display one random post from the download section and did so fine on the local server. But on my live site, instead of displaying a random post, it’d simply default to displaying the most recent post.

I did all I could and tried everything people suggested until I finally discovered, quite by accident, that it was the WP Sticky plugin that was causing the problem . I disabled the plugin and &rand began to work just fine on my live site! I was able to display random download posts just as I wanted to.

So, if you’ve tried everything possible under the sun to randomize your posts using <?php query_posts('orderby=rand'); ?>, and you use WP Sticky, then try disabling the plugin and check whether it makes your randomize post issue disappear.

Let me know if this this help you out too.

jQuery Masked Input Plugin- Increase usability, input masks for text fields

The jQuery masked input plugin lets you improve the form filling experience by providing an elegant solution to inputting data for fields such as date and telephone number, etc. Use a single text box with built in formatting cues and achieve effective error prevention instead of using the usual combination of dropdowns or a calendar date picker.

Read More »

The New Delhi UX Book Club

Logo for the New Delhi UX Book Club

Join the New Delhi UX Book Club

If you live in Delhi, Noida or Gurgaon and work in the User Experience domain, whether you’re a usability engineer, interaction designer, information architect, visual designer or a front end developer, we welcome you to be a part of the New Delhi UX Book Club. Feel free to add your name to the participant list at the New Delhi UX Book Club page and once we’re a decent size, we will get in touch to take it further.
Read More »

Top 7 ways to crash Internet Explorer 6

Top 7 ways to crash IE

A good Unicode information resource

Did you know that the unicode character encoding system consists of over 65,000 characters. Learn more and use as a reference point

Standalone Web TV Emulator

The Web TV Viewer

Web Designers Toolkit

Browser safe templates for different resolutions.

The Opera Mini Simulator- See how your website looks on the handset

The Opera Mini Simulator functions exactly like it would when installed on a handset.

See how your website looks on the Opera Mini. I checked my blog on it and it works fine on it.

Being extremely passionate about accessibility and the guy who’s always on with advocating, guiding and training upon accessibility, implementation and solutions to issues at work, I can gladly say that I’ve always made sure my sites be accessible and search engine optimized as much as possible by default, with one design to take care of it all, and it really isn’t tough at all.

On not creating cross browser websites

Anyone who slaps a ‘this page is best viewed with Browser X’ label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network.

Tim Berners Lee, Inventor of the World Wide Web, Director of the W3C.

Firebug- Firefox extension for developers

I installed the Firebug extension yesterday after a lot of us heard about it from Srimanth at work. Like the web developer extension, this one is very good too.

All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, an error console, command line, and a variety of fun inspectors.

FireBug’s features include:

  • JavaScript debugger for stepping through code one line at a time
  • Status bar icon shows you when there is an error in a web page
  • A console that shows errors from JavaScript and CSS
  • Log messages from JavaScript in your web page to the console (bye bye “alert debugging”)
  • An JavaScript command line (no more “javascript:” in the URL bar)
  • Spy on XMLHttpRequest traffic
  • Inspect HTML source, computed style, events, layout and the DOM

Download the Firebug extension here: Firefox add-on: Firebug