The Lightbox Clones Matrix
The Lightbox Clones Matrix
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes.
Comparison of various scripts that display images
and other objects in somehow cool CSS popups
CSS Resources
Recent Great Reads and Resources: The CSS Edition
350 Great CSS Tools and Techniques
Abduzeedo.com has collected the best of the CSS posts they have bookmarked and put them in to one post, which makes for a great CSS resource. Worth browsing for new great articles or reminders of ones seen but worth seeing again.
350 Great CSS Tools and Techniques »
100+ Massive CSS Toolboxc
Site tripwiremagazine.com has a great big round-up of CSS resources and tools, not many of which are “new” but bookmarkworthy for the large amount of them in one place. Worth a browse.
Design Reviver
Design Reviver has a great article looking at CSS Image Map techniques and pointing to some great tutorials for learning how to do them with just CSS.
CSS Image Map Techniques and Tutorials »
Styleneat CSS Organizer
Always wanted to sort your css properties alphabetically but never had the time? Styleneat CSS organizer can do that and more. Simply upload, paste in or link to your stylesheet and sort alphabettically or in single/multi-line format.
5 Popular CSS Frameworks, Tutorials and Tools
Site noupe.com has a great article that takes a look at five of the most popular CSS Frameworks and includes some resources for learning more about using them. Definitely worth a read.
CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love.
5 Popular CSS Frameworks Tutorials & Tools for Getting Started » (noupe.com)
More CSS Cheat Sheets and Lotsa Web Dev Links
All Web Design Resources has a big round-up of CSS Cheat Sheets worth browsing for CSS beginners.
30 CSS Cheat Sheets & Quick Reference Guides.
Also worth a look, this really big list of web dev links from Web Designer Heaven. You’ll find lotsa links for things such as fonts, stock photography, cheat sheets, color tools, patterns, icons, tutorials and more! Bookmark worthy.
15 CSS Tricks that Must be Learned

From blog In The Woods, a round-up of valuable CSS tricks.
As web designers and developers, we have all come to learn many css tricks and techniques that help us achieve our layout goals. The list of these techniques is an ever expanding one, however, there are certain tricks that are essential to achieve your goal. Today, we will review 20 excellent css techniques to keep in mind when developing your theme.
15 CSS Tricks That Must be Learned
BlueTrip CSS Framework
Site Capsize Designs takes the best of all the CSS Frameworks and rolls them into a new one calle BlueTrip.
I searched everywhere for every snippet of every framework I could find. I’ve tried 960.gs, Blueprint, LogiCSS, YAML, Elements, YUI, and Boilerplate, among a few others. I even discussed the pros and cons of each of them. Finally, I decided to combine the good points of each of them to get something that I was satisfied with. Since most of it came from BlueprintCSS or Tripoli, I’m calling it BlueTrip. Why not?
BlueTripCSS Framework - Blueprint meets Tripoli
CSS Typography: Contrast Techniques, Tutorials and Best Practices
From noupe.com a nice round-up of css typography tips, tricks and tutorials.
The main advantage of elegant CSS typography lies in its ability to be both attractive and improves the user experience. When chosen wisely and used carefully, it can be very effective to support the overall design. There are many outstanding examples of how we can do this, and below you will find some of the best ideas and tips when it comes to using Fonts and typography in your CSS based sites.
CSS Typography: Contrast Techniques, Tutorials and Best Practices
5 Nice CSS Articles
1. Site Monday by Noon has a nice article that looks at CSS organization methods and writing style.
I’d like to cover some common techniques for writing CSS. This article is in no way meant to indicate that method A is in any way, shape, or form superior to method B. Please keep that in mind as you read. Topics such as this tend to spark quite the debate, but that’s not my goal. The purpose of this article is to provide insight to other ways of doing things.
CSS Organization Methods and Writing Style (Monday By Noon)
2. From nimbupani.com, learn how to write CSS without hacks. (nimbupani.com)
3. Learn how to achieve pixel precision when converting from a Photoshop PSD to html/css using this diagnostic css trick.
Here’s a little CSS trick I started using a while ago that has really helped me to achieve pixel precision when converting Photoshop PSD (or Fireworks PNG or whatever) design comps into (X)HTML and CSS web standards goodness.
Pixel Precision with Diagnostic CSS (aloestudios.com)
4. Neal Grosskopf.com looks at hacks that work with various browser for when you absolutely need to use them.
CSS Browser Hacks for Firefox, Opera, Safari and Internet Explorer (nealgrosskopf.com)
5. Site From Scratch shares a handy text file to ensure that all html elements have been styled. Simply load up the html file with your own css file and test it in a browser. Handy file to have on hand.
When ever I design templates I always try to ensure that all of my HTML elements are styled properly. It’s very easy to forget element and to see how they look. I’ve tried to create a test file with all the code you will need to be concerned about on a basic level.
HTML XHTML for CSS Testing (Site From Scratch)
20 Sites to Help You Learn and Master CSS
Site Six Revisions has a round-up of CSS resources that will help a beginning CSS coder learn and a more experienced CSS coder master.
CSS can be both a tricky and easy to learn. The syntax itself is easy, but some concepts can be difficult to understand. This article features 20 excellent websites to help you “grok” CSS. There’s a wide range of websites included – from blogs to directory-style lists and websites that focus on one particular topic related to CSS.
20 Websites To Help You Learn and Master CSS (Six Revisions)
10 Principles of the CSS Masters
NetTuts has a great article today, highlighting advice from 10 CSS Masters.
When it comes to CSS, there are lots of resources and supposed “expert tips” on the web. … Instead of relying on unknown sources for advice, let’s look deeply into designers who have excellent design backgrounds and have walked the walk. These CSS tips are gathered from some of the most respected designers on the planet.
10 Principles of the CSS Masters
The Lessons of CSS Frameworks
Adactio.com has a great article today, taking a look at CSS Frameworks and disecting their various settings. Based on an presentation from Eric Meyer, it’s well worth a read.
Adactio: The Lessons of CSS Frameworks
3 Nice CSS Resources Links
From Hidden Pixel,s a round-up of the current crop of CSS Frameworks. CSS Frameworks - Hidden Pixels.
A nice article from NETTUTS, detailing some common CSS problems and how to solve them. How to Solve 5 Common CSS Headaches.
CSS Round, creates a text box with rounded corners for you. Customizable and download the completed zip file containing html, css and images.
via CSS Resources | etc: a stream of web dev and design consciousness.
CSS Layout: A collection of 224 Grid and CSS Layouts
Full Main Column Layouts
1/2 x 1/2 Main Column Layouts |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 160 Px Left
|
180 Px Left
|
300 Px Left
|
180 Px Right
|
240 Px Right
|
300 Px Right
|
Full
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
1/4 x 1/4 x 1/4 x 1/4 Main Column Layouts |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 160 Px Left
|
180 Px Left
|
300 Px Left
|
180 Px Right
|
240 Px Right
|
300 Px Right
|
Full
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Visual Lightbox JS: Free Visual Generator for Lightbox 2 Script for jQuery or Prototype. jQuery Lightbox.
Overview
Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code.
Just drag&drop your photos into Visual LightBox window, press “Publish” and your own web gallery with beautiful LightBox 2 effects will open in the browser instantly!
No javascript,css,html coding, no image editing, just a click to get your gallery ready.
Visual LightBox Features
- Flickr and Photobucket support
- jQuery plugin or Prototype extension
- Floating and smooth cross-fade transition
- Slideshow with autostart option
- Windows & MAC version
- XHTML compliant
- Zoom effect with overlay shadow
- Rounded corners of overlay window
- Large images fit to browser window
- A lot of nice gallery themes
- Image rotating and hi-quality image scaling with anti-aliasing
- Automatic thumbnail creation
- Adding caption
- Built-in FTP
ColorBox - customizable lightbox plugin for jQuery 1.3 & 1.4
ColorBox: jQuery Lightbox
- Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
- Lightweight: less than 9KB of JavaScript.
- Appearance is controlled through CSS so users can restyle the box.
- Behavior settings can be over-written without altering the ColorBox javascript file.
- Can be extended with callbacks & event-hooks without altering the source files.
- Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
- Preloads background images and can preload upcoming images in a photo group.
- Written in jQuery plugin format and can be chained with other jQuery commands.
- Generates W3C valid XHTML and adds no JS global variables & passes JSLint.
- Released under the MIT License.
Tested In: Firefox 2 & 3, Safari 3 & 4, Opera 9, Chrome, Internet Explorer 6, 7, 8.
via ColorBox - customizable lightbox plugin for jQuery 1.3 & 1.4.
jQuery lightbox for images, videos, YouTube, iframes | Stéphane Caron – No Margin For Errors
Natural Search Optimisation | Organic SEO : iCrossing UK
Posted by admin in Social media on March 6th, 2010
Social Media Presentations
Posted by admin in Social media on March 6th, 2010
10 Awesome Social Media Presentations by thought leaders of the Industry
via 10 Awesome Social Media Presentations by thought leaders of the Industry.
Comodo Dragon Internet Browser
Comodo Dragon Internet Browser
Fast and versatile Internet Browser based on Chromium, infused with Comodo’s unparalleled level of Security!
* Comodo Dragon Browser
*
Features
o Improved Privacy over Chromium
o Easy SSL Certificate Identification
o Fast Website Access
o Greater Stability and Less Memory Bloat
o Incognito Mode Stops Cookies, Improves Privacy
o Very easy to switch from your Browser to the Dragon
*
Price: 100% Free
Free Download
Facebox 1.2
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
via Facebox 1.2.





