Create a Lightbox effect only with CSS - no javascript needed

100% CSS, 0% javascript lightbox, this may help you.

Pure CSS LightBox. Now you don’t need javascript.

Read more!

Share This Post

40 Superb Web Designs - Outstanding ideas

I think the neat web designers tend to do the layout objects inside of the grid.

I really like grid web designs that are clean and easy to read. However, it sometimes makes me bored.

So…Let’s break out of the grid!

Here is my selection of Impact Web Designs that break out of the grid.

Taken from DESIGNWALKER

1. Cottonseed oil a trans-free cooking oil

2. PUMATALK.com

3. ElanChicas

4. Joshua Sortino’s Personal Portfolio

5. Open Doors Student Site : The Youth and Student Ministry of Open Doors

6. Stephen Colbert - I Am America (And So Can You)

7. Otramancha

8. Nebonmedia, from idea to design

9. NotYourAverageJoe - Joe Grisham, Photographer Dallas Texas USA

10. Pinoy Web Designer

11. A R T I S T I K A | Novosti

12. Church on the Rock

13. Elan Snowboards

14. Eranos : Accueil

15. Legendary Aircraft

16. Atlanta Web Design

17. Firefox Campus Edition

18. Photo Matt » Unlucky In Cards

19. Сайт сериала «Мечты Алисы»

20. OnWired, LLC

21. StoneTire - Retreading tires since 1960

22. MAKAO Fresh Forward Thinking Web 2.0 Development

23. Fray: The Quarterly of True Stories

24. ActionHead Studios Ltd.

25. Here’s Life Mission Africa | hereslifeafrica.com

26. Systima Technology

27. Spose Perfette - Wedding planner e sito sul matrimonio

28. Intermanager - Ferramenta administrativa de sites

29. Comunidade Vitiligo » Com você na luta contra o Vitiligo

30. Poplar Grove

31. Francophone Prague Guide

32. Jesse Stephens | A Collective Sigh

33. Welkom | De Bruidsschat - Exclusieve Bruidsboetiek

34. Roseville Health & Wellness Center

35. Bloggers Unite

36. The Building Works

37. Raycop; anti-bacterial vaccuum cleaner

38. Web Site Content Writers | Point of Entry Consulting, Inc.

39. Viget Labs Is Hiring - Join Our Design Team

40. Lightning 100’s Team Green

Read more!

Share This Post

Custom iGoogle Skins v2.0

Version 2.0 of Custom iGoogle Skins has been released! The new version features skin scheduling and hidden mode. The previous version (v1.5) of the gadget is also still available but the URL has changed so if you want the previous version you can use this link. For the new version, use this convenient button...

Things have come a long way since version 1 was released back in the Summer. This latest release has had a major code overhaul including a number of bug fixes and further optimizations.

The new skin scheduling tab enables you two choose which skin to use under which conditions and integrates with other gadgets on your iGoogle page. E.g. you might choose to use the British Summer skin if the forecast as shown by the Google Weather gadget is set to rain or you could use the official theme, City if you are connected to your work network.
You can now also run the gadget in hidden mode, freeing up space on your page.

Another option has been adding enabling you to control the official iGoogle themes - without having to reload the page.
Thanks to FamFamFam for the great icons.
Project Home :: Forum :: FAQ :: View Skins

This little gadget will also permit a different skin per tab - and thankfully no more reloading the page when switching skins. Works in IE and FF. This gadget has been featured on Digg and Lifehacker and my server only just kept up under the massive load....
UPDATE: New Feeling Lucky? skin introduces Flickr API integration - read more about this skin
UPDATE: v2.0 brings skin rules, hidden mode, official iGoogle themes, sort by name, lots of refactoring & bug fixes
UPDATE: Skins filter!
UPDATE: Performance enhancements!
UPDATE: Configurable tabs!
UPDATE: A scrollbar!
UPDATE: Order skins by either most recent or most popular!

Custom iGoogle Skins
The gadget features three main tabs; a skins directory which mimics the built-in iGoogle theme selector, a tab with details of how to create and upload skins and a skins submission form. Unlike many other gadgets, this one relies on a server side component to retrieve a list of available skins from the database in JSON format and also to validate and insert new skins submissions.
Future version will replace the instructions with a built in skins editor which will modify the iGoogle CSS on the fly. This will make skin creation even easier.
Custom iGoogle Skins also introduces a test mode. A gadget CSS skin can be specified via the gadget's settings pane and this enables developers to edit skins up until they are ready to be submitted to the directory.
Check out the ever-increasing selection of skin screenshots.

Taken From bonstio.net - All Rigths Reserved

del.icio.us Tags: Google,Igoogle,skins,custom,css,webdesign,advertising

Read more!

Share This Post

Inkscape Open Source vector graphics editor Free Download

Inkscape

is an Open Source vector graphics editor, with capabilities similar to Illustrator, Freehand, CorelDraw, or Xara X using the W3C standard Scalable Vector Graphics (SVG) file format. Supported SVG features include shapes, paths, text, markers, clones, alpha blending, transforms, gradients, patterns, and grouping. Inkscape also supports Creative Commons meta-data, node editing, layers, complex path operations, bitmap tracing, text-on-path, flowed text, direct XML editing, and more. It imports formats such as JPEG, PNG, TIFF, and others and exports PNG as well as multiple vector-based formats.

Inkscape's main goal is to create a powerful and convenient drawing tool fully compliant with XML, SVG, and CSS standards. We also aim to maintain a thriving user and developer community by using open, community-oriented development

DOWNLOAD IT NOW FREE Read more!

Share This Post

Graphic Design For The Web Made Easy - CSS round corners html Script

What is it?
Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript.
Why?
I needed a way to create anti-aliased round corners without the extra server calls that are incurred when using external JavaScript files or images. When your websites are serving millions of files a day you start to pay attention to how many files a particular page needs in order to load.
There are solutions for rounded corners using pure CSS. There are solutions that create anti-aliased corners. There are solutions that don't require JavaScript. But to my knowledge, there has yet to be a pure CSS solution for rounded corners that does not require images or JavaScript. After looking, I decided to just create one myself. I'm not much of a programmer, but it was actually a lot of fun figuring out the math involved and learning arrays. In the end I ended up with 3 functions in under 20 lines of code total, so I'm quite happy with myself.

Taken From http://www.spiffycorners.com/
Go Make Your Round Corners Read more!

Share This Post

The Zen of CSS Design: Visual Enlightenment for the Web

Proving once and for all that standards-compliant design does not equal dull design, this inspiring tome uses examples from the landmark CSS Zen Garden site as the foundation for discussions on how to create beautiful, progressive CSS-based Web sites. By using the Zen Garden sites as examples of how CSS design techniques and approaches can be applied to specific Web challenges, authors Dave Shea and Molly Holzschlag provide an eye-opening look at the range of design methods made possible by CSS (Cascading Style Sheets). By the time you've finished perusing the volume, you'll have a new understanding of the graphically rich, fully accessible sites that CSS design facilitates. In sections on design, layout, imagery, typography, effects, and themes, Dave and Molly take you through every phase of the design process--from striking a sensible balance between text and graphics to creating eye-popping special effects (no scripting required).

The Zen of CSS Design Read more!

Share This Post