MephoBox is a website displaying quality website interfaces with a well-categorized presentation.

Some of the categories are:

• 404 errors
• Sick calendars
• Top headers
• Site comments
• Navigation menus & more

MephoBox is free to use but anyone can register & add new designs to the collection.

It is definitely a nice & growing inspiration resource for any web designer.

Website: http://box.mepholio.com/

Dojo is an Open Source DHTML toolkit written in JavaScript. It builds on several contributed code bases (nWidgets, Burstlib, f(m)), which is why we refer to it sometimes as a “unified” toolkit. Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development.

Dojo allows you to easily build dynamic capabilities into web pages and any other environment that supports JavaScript sanely. You can use the components that Dojo provides to make your web sites more usable, responsive, and functional. With Dojo you can build degradable user interfaces more easily, prototype interactive widgets quickly, and animate transitions. You can use the lower-level APIs and compatibility layers from Dojo to write portable JavaScript and simplify complex scripts. Dojo’s event system, I/O APIs, and generic language enhancement form the basis of a powerful programming environment. You can use the Dojo build tools to write command-line unit-tests for your JavaScript code. The Dojo build process helps you optimize your JavaScript for deployment by grouping sets of files together and reuse those groups through “profiles”. You can see dojo in action or download the dojo toolkit here.

SnapPages takes online website creation to a whole new level. Now anyone can create and manage a professional quality website with drag-and-drop simplicity. Not only is it fun and easy, with SnapPages you’ll end up with a great looking website that you can be proud of.

SnapPages provides a suit of tools that make creating your own website a breeze. Each of the tools have been developed from the ground up to be as simple and easy to use as possible.

Uploading, organizing, and sharing your photos with friends and family is a snap with our photos tool. Tag, and sort your photos into albums then display them on your web page or online gallery.

Keep up with all of your friends and family on SnapPages. You can invite friends to view private areas of your website or have online conversations with them and more.

ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.

Features

• Line, bar, pie, curve, mix, and area charts available
• Multiple data series on same graph
• Highly customizable legend support
• Customizable grid, grid border, background
• Customizable axis-tick values (both x and y)
• Supports: IE6/7, FF2/3 and Safari
• Even works on an iPhone!

Demonstration

You may also be interested in:

Open Flash Chart

Open Flash Chart 1.x was great and it works like a dream. But I made some little mistakes which over time grew and anyoyed me and made the source code weird. So I decided it was time to re-jigger the code and make it pretty again. The big change is moving the data format to JSON. This has made a big difference and has allowed some pretty cool new features.

Why choose Open Flash Chart?

This is a little gentle propaganda for the project. Like all opinions, disregard it and make up your own mind.

Edge cases such as

• tooltips encourage user interactivity and data exploration
• what happens to the tooltip when two points are in the same position?
• you can re-size the charts
• missing data
• save the chart as an image
• You can highlight or emphasize one (or many) points

Demonstration

Effective data visualization allows users to easily understand and consume otherwise complex, boring information. Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are a variety of ways you can plot data on-the-fly – but in this article we’ll focus on 10 excellent JavaScript solutions to graphing/charting data that allow you to process data client-side. You’ll also find a link to one of the demonstration pages of the script so that you can see it in action.

Flot

Flot is a data-plotting library developed by IOLA built on top of jQuery. It’s easy to use, yet feature-packed and elegant. It has a mouse-controlled zooming feature (click and drag over the target area) and some simple user interactivity features such the ability to determine the x and y coordinates of mouse clicks.

Demo: Different graph types

Flotr Javascript Plotting Library

Flotr, written by Bas Wenneker of Solutoire.com, is a plotting solution inspired by Flot that uses the Prototype JS library and excanvas.js. It supports most modern browsers including Internet Explorer 6, and has many features of Flot including mouse tracking, selection, mouse-tracking features.

Demo: Basic Legend Example

(more…)

There are many ways you can present numerical, chartable data by styling elements using CSS. Using CSS to style your data prevents you from relying on static images and increases your content’s accessibility.

Below, you’ll read about 8 excellent techniques for styling elements into beautiful, accessible charts and graphs.

1. CSS for Bar Graphs

View Demo Here

This tutorial showcases three ways of graphing data. The Basic CSS Bar Graph example involves a <div> to contain the graph, and styling a <strong> element as a block element and using percentage widths to adjust the width. A great modification of this technique is to use a paragraph <p> element instead of a <strong> tag for semantically-correct HTML. The two other examples use a definition list and unordered list to graph multiple bars.

(more…)

Custom Chrome Text Effect

Photoshop Reflections

The Shiny Floor Effect

The Glossy TEXT web2.0 style

Photoshop Tutorials: Texteffect

Web 20 Shiny Floor Effect – video tutorial

Wazir Khan Mosque

he Wazir Khan Mosque in Lahore, Pakistan, is famous for its extensive faience tile work. It has been described as ‘ a mole on the cheek of Lahore’. It was built in seven years, starting around 1634-1635 A.D., during the reign of the Mughal Emperor Shah Jehan. It was built by Shaikh Ilm-ud-din Ansari, a native of Chiniot, who rose to be the court physician to Shah Jahan and later, the Governor of Lahore. He was commonly known as Wazir Khan. (The word wazir means ‘minister’ in Urdu language.) The mosque is located inside the Inner City and is easiest accessed from Delhi Gate.

Rohtas Fort (قلعہ روہتاس – Qila Rohtas)

Rohtas Fort (Urdu: قلعہ روہتاس Qila Rohtas) is a garrison fort built by the great Afghan king Sher Shah Suri. This fort is about 4 km in circumference and the first example of the successful amalgamation of Pukhtun and Hindu architecture in the sub-continent.

(more…)

SmartMarkUP is a flexible & lightweight JavaScript library that turns any textarea into a markup editor.

It can be configured to edit HTML, CSS, XML, Wiki syntax & BBCode.

The library is unobtrusive & degrades gracefully if JavaScript is disabled.

SmartMarkUP has a simple and powerful API. Styles can be changed, new markups can be implemented, extra buttons and submenus can be created & more.

It also supports keyboard shortcuts for easier usage & has add-on support like color picker, search-replace, special character picker (and new ones can be created).

Compatibility: All Major Browsers Except IE6
Website: http://www.phpcow.com/smartmarkup/
Demo: http://www.phpcow.com/smartmarkup/examples
Download: http://www.phpcow.com/smartmarkup/downloads/