Lightbox JS
Lightbox JS by Lokesh Dhakar is a simple, unobtrusive script used to to overlay images on the current page. It's a snap to setup and works on all modern browsers.
Benefits
Places images above your current page, not within. This frees you from the constraints of the layout, particularly column widths.
Keeps users on the same page. Clicking to view an image and then having to click the back button to return to your site is bad for continuity.
http://www.huddletogether.com/projects/lightbox/
February 19, 2006
February 16, 2006
Yahoo User Interface Library
http://developer.yahoo.net/yui/
The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, HTML and AJAX.
The UI Library Utilities facilitate the implementation of rich client-side features by enhancing and normalizing the developer's interface to important elements of the browser infrastructure (such as events, in-page HTTP requests and the DOM).
The Yahoo UI Library Controls produce visual, interactive user interface elements on the page with just a few lines of code and an included CSS file. All the components in the Yahoo! User Interface Library have been released as open source under a BSD license and are free for all uses.
If there is one thing to love about this library, it's the documentation. From day one, every available component has full API documentation as well as a short "Getting Started" guide complete with working examples. No trawling through the developers' blogs, no pulling apart complex applications: this toolkit has all the spit and polish of a commercial product.
For now, the library's scope is somewhat limited. Beyond the core utilities for animation, remote scripting (AJAX), event handling, DOM manipulation, and drag-and-drop (which are certainly nothing to sneeze at!), the library currently offers only three actual widgets for building user interfaces:
Calendar for selecting dates
Slider for visually choosing from a range of values
TreeView for browsing through a hierarchy of items
Though the selection isn't overwhelming, these three widgets alone already solve some problems that have traditionally taken a lot of work to overcome. No doubt future widget releases will address some of the more mundane needs of web application user interfaces.
It's particularly refreshing to see Yahoo! opening up its box of goodies and sharing them with the web development community. This move contrasts sharply with Google's approach of protecting its JavaScript assets by hiding them away in obfuscated code.
The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, HTML and AJAX.
The UI Library Utilities facilitate the implementation of rich client-side features by enhancing and normalizing the developer's interface to important elements of the browser infrastructure (such as events, in-page HTTP requests and the DOM).
The Yahoo UI Library Controls produce visual, interactive user interface elements on the page with just a few lines of code and an included CSS file. All the components in the Yahoo! User Interface Library have been released as open source under a BSD license and are free for all uses.
If there is one thing to love about this library, it's the documentation. From day one, every available component has full API documentation as well as a short "Getting Started" guide complete with working examples. No trawling through the developers' blogs, no pulling apart complex applications: this toolkit has all the spit and polish of a commercial product.
For now, the library's scope is somewhat limited. Beyond the core utilities for animation, remote scripting (AJAX), event handling, DOM manipulation, and drag-and-drop (which are certainly nothing to sneeze at!), the library currently offers only three actual widgets for building user interfaces:
Calendar for selecting dates
Slider for visually choosing from a range of values
TreeView for browsing through a hierarchy of items
Though the selection isn't overwhelming, these three widgets alone already solve some problems that have traditionally taken a lot of work to overcome. No doubt future widget releases will address some of the more mundane needs of web application user interfaces.
It's particularly refreshing to see Yahoo! opening up its box of goodies and sharing them with the web development community. This move contrasts sharply with Google's approach of protecting its JavaScript assets by hiding them away in obfuscated code.
February 14, 2006
CSS Basics
CSS Basics
contains following chapters:
contains following chapters:
- Chapter 1 - Introduction to CSS
- Chapter 2 - CSS Syntax
- Chapter 3 - CSS Classes
- Chapter 4 - CSS IDs
- Chapter 5 - CSS Divisions
- Chapter 6 - CSS Spans
- Chapter 7 - CSS Margins
- Chapter 8 - CSS Padding
- Chapter 9 - CSS Text
- Chapter 10 - CSS Fonts
- Chapter 11 - CSS Anchors, links and pseudo classes
- Chapter 12 - CSS Backgrounds
- Chapter 13 - CSS Borders
- Chapter 14 - CSS Lists
- Chapter 15 - CSS Width and Height
- Chapter 16 - CSS Classification
- Chapter 17 - CSS Position
- Chapter 18 - CSS Pseudo Elements
February 10, 2006
Web Design related topics
Web Design from Scratch
- Free web design course - basics, layout, free tutorials, case studies, how to guides and examples.
Contains mainly the following sub-sections:
- Free web design course - basics, layout, free tutorials, case studies, how to guides and examples.
Contains mainly the following sub-sections:
Topics in Usability
Topics in Usability
Usability Basics
Introductory information about usability
Usability Toolkit
A collection of forms, samples and other useful tools
Research and Resource Sites
Links to other sites with good resource collections
More about the following:
- Usability Labs and Participant Recruiting Services
- User Analysis and Usability Evaluation Methods
- Conducting and Reporting Usability Activities
- Accessibility, Ergonomics and Special Audiences
- Design Topics
- Standards and Guidelines
- Career and Training Information
Usability Basics
Introductory information about usability
Usability Toolkit
A collection of forms, samples and other useful tools
Research and Resource Sites
Links to other sites with good resource collections
More about the following:
- Usability Labs and Participant Recruiting Services
- User Analysis and Usability Evaluation Methods
- Conducting and Reporting Usability Activities
- Accessibility, Ergonomics and Special Audiences
- Design Topics
- Standards and Guidelines
- Career and Training Information
Subscribe to:
Posts (Atom)