Archive by Author

Top 17 CSS Lightbox Variations

Posted 11 April 2008 | By | Categories: CSS | No Comments

CSS techniques to overlay images on a webpage. Lightbox JS : Original; a simple, unobtrusive script used to overlay images on the current page. Greased Lightbox : Greasemonkey/Creammonkey/Opera user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Wikipedia, Facebook, MySpace, and deviantART. GreyBox : A pop-up [...]

CSS:Auto-matic Link Icons

Posted 10 April 2008 | By | Categories: CSS | No Comments

CSS 2.1 has many new wonderful capabilities and cool tricks – automatic link icons. First, a look at the end result :- This is a normal link. This is an external link to Google. This is a link to a MS Word document. This is a .zip file. (don’t bother clicking the links though – [...]

Styling form controls

Posted 09 April 2008 | By | Categories: Tools | No Comments

Roger Johansson has an in depth, 2 part look at styling form controls across the different operating systems and browsers. A worthy read if you have ever tried to wrangle submit buttons and input boxes into some form of consistency across browsers while trying to tweak their looks. Visit site

Enhancing forms – Unobtrusive Javascript

Posted 09 April 2008 | By | Categories: Javascript, Tools | No Comments

An excellent example of how to use unobtrusive JavaScript for error checking a form prior to submission. The work is available for download, and at the end of the article is provided a sample form and some exercises to help with your understanding with implementing unobtrusive JavaScript on forms. Visit site

Dynamic Help in Web Forms

Posted 09 April 2008 | By | Categories: Tools | No Comments

Luke Wroblewski provides an excellent roundup of different methods being used around the web to provide help with forms. Definitely worth reading as it is a nice collection of patterns to solve the form help issue. Using some images to capture the different strategies, he provides the good and bad of each method, concluding that [...]

famfamfam.com: Icons

Posted 08 April 2008 | By | Categories: UI | No Comments

Sets of free icons that can be used in your web application or website. They also have a set of attractive flag icons. Licensed either as free to use or as Creative Commons Attribution 2.5 License. Visit site

Flickr: Stock Repository

Posted 08 April 2008 | By | Categories: UI | No Comments

From the website: Free Stock photos for designers. You’re free to contribute your own photos or take what you need… As a courtesy to the photographer please let them know how and where you use their images, and do not bundle them in a package for redistribution. Visit site

Rails Weenie – find answers to your Ruby on Rails questions

Posted 08 April 2008 | By | Categories: Tutorials | No Comments

A point based question and answer website for rails issues. I suppose the title pretty much explained everything… Visit site

Top 12 Ruby on Rails Tutorials

Posted 08 April 2008 | By | Categories: Tutorials | No Comments

Jim Rutherford passes on these links, the 12 tutorials that [he] found most useful for learning Ruby on Rails. Visit site

Loading XML into a page with xmlHttpRequest

Posted 08 April 2008 | By | Categories: Tutorials | No Comments

A cool little blog post and demo that Retrieves an xml atom feed and xsl stylesheet with XMLHttpRequest(). Visit site

Web Usability – Accessible Forms

Posted 08 April 2008 | By | Categories: Tools | No Comments

A nice overview of forms from the accessibility perspective, with examples of how to layout and markup a form, the appearance and how the layout appears when using a screen reader. If you have never experienced the web from a screen reader, be sure to check out these examples. The article touches on form grouping [...]

markItUp! jquery markup editor

Posted 08 April 2008 | By | Categories: Tools | No Comments

We’ve been using jquery for our projects here but are still looking for a decent wysiwyg editor to build into our CSS. This editor is a bit different, in that its not wysiwyg but simply a markup editor, that is it will simply insert tags into your code in a fashion similar to your favorite [...]

Web developer toolbar for Mozilla Firefox

Posted 08 April 2008 | By | Categories: Tools | No Comments

Adds a menu and a toolbar with various web developer tools. It offers quite a wide array of tools for web developers, such as ruler, css validation, DOM explorer, etc. It has a nice feature when exploring DOM – it displays all the parrent elements – so you can see how any element is nested. [...]

Script.aculo.us Javascript Framework

Posted 06 March 2008 | By | Categories: Tools | No Comments

script.aculo.us is a JavaScript library built on the Prototype JavaScript Framework, providing dynamic visual effects and user interface elements via the Document Object Model. It is most notably included with Ruby on Rails, but also provided separately to work with other web application frameworks and scripting languages. Features script.aculo.us extends the Prototype Javascript Framework by [...]

Mootools the compact javascript framework

Posted 06 March 2008 | By | Categories: Tools | No Comments

MooTools is an open source, compact, and modular object-oriented programming JavaScript web application framework that is made by developers for developers. MooTools makes the process of writing extensible and cross-browser compatible code more efficient, concise and fun. Benefits With MooTools, the developer has the advantage of using: An extensible and modular framework that helps give [...]

What does a front-end web developer do?

Posted 06 March 2008 | By | Categories: Tutorials | No Comments

Front-end web developers, the “artists” formerly known as web designers are the bunch of people in the company that make sure that the data coming from the backend gets displayed on the browser. They also make sure it looks as closely as possible as the design, that , CED came up with, and that the [...]