Ever been disappointed of your attempts to style the elements on your pages? Yes, even with the power of CSS styling of that tag is almost impossible. However, this could be done with Upload.XML - a cool ajax application that allows you to seamlessly and almost codelessly add styling to these elements. It comes with [...]
Design Elements, Tabs
TabStrip.XML
TabStrip.XML is a lightweight, yet powerful AJAX-based script for creating tabbed interfaces for websites. It is easy to configure by simply adding a few lines of code and defining tabstrip placeholder (a … ) element with an ID on the place where the tabstrip should be rendered. TabStrip.XML comes with a set of 12 predefined [...]
Design Elements, Menu
Antipixel Buttons.XML
Antipixel Buttons.XML is a purely xhtml/css/ajax driven analog of the famous antipixel buttons (also known as web badges) that can be used in blogs, websites, etc. Instead of using online generators, uploading images, setting links and colors, now you may easily configure your badges with a simple xml file by specifying bordercolor, backcolor, forecolor, navigateurl, [...]
Design Elements, Forms
CheckBox.XML
Finally a really stable and easily configurable version of Skinnable Checkboxes! And ajax-driven too! You’ll never mess with id’s and html code again when using that script! All you have to do is to edit a simple checkboxlist xml file (stored in the SkinnableCheckboxes/CheckboxSets/) folder, choose a list placeholder (a with an id, where the [...]
Design Elements, LightBox
Web 2.0 AJAX Loading Panel
A client of mine asked me if it is possible to separate the function that creates the cool modal semi-transparent loading effect of my website (and many others, as well) from the XmlHTTPRequest function, so it could be used with other AJAX engines or for other purposes. Now, with Web 2.0 AJAX Loading Panel, this [...]
Design Elements, jQuery, Navigation
Load Content While Scrolling With jQuery
Similar to Google Reader and Dzone, this is a snippet on auto loading new content while scrolling down with jQuery.
Accordion, Design Elements, jQuery
How to make accordion menu using jquery
Last time, I’ve shown how to create accordion using jquery. But, In this post I’ll show you how can you create fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when mouse is [...]
Layouts
How To Create WordPress Themes From Scratch
I’m going to show you how to create a wordpress theme from scratch in these 3 parts of tutorial series. I will cover from Structuring, designing in Photoshop, slicing, coding into fully css based html, and finally wordpress implementation.
CSS Techniques, Layouts
How To Create WordPress Themes From Scratch Part 2
In Part 2, I will show you how to slice the design we did in part 1. After that, I will show you the important notes when we are coding a css/xhtml layout which compatible with wordpress structure. Let’s start.
Design Elements, Gallery, jQuery
Generate a Photo Gallery from a Directory of Images
An automatically generating photo gallery script and tutorial!
Design Elements, jQuery, Tabs
Create A Tabbed Interface Using jQuery
Creating tabbed interfaces suddenly becomes a piece-of-cake when using the Tabs function in the jQuery UI library. Checkout this tutorial.
Carousel, Design Elements, Mootools
A carousel with MooTools
Creat a nifty courasel with MooTools, perfect for an easy slideshow.