Need some Web 2.0 style buttons? So did I, so I made a few different versions for the redesign of my website ITS Net Services. I only ended up using 1 of them, so I figured I might as well give the rest away.
They all come in 1 Photoshop file and include all the buttons separated in their own folders.
I made most of these using the Ultimate Web 2.0 Gradients and Styles available to download for free from Deziner Folio.
I’m back again with more FREE CSS Containers to download. Unlike my previous set of FREE Content Boxes, these boxes were designed to be able to stretch as wide as need be. Simply adjust the size of the container css value to the width you need, or remove it completely to have it auto adjust its width. I have also remade the original boxes in this auto stretch way.
You may use these boxes for any purpose, and you do not have to credit me. However, you may not redistribute these on another website, or hotlink directly to these files.
Black Round |
Black Square |
|
 |
 |
|
Blue Round |
Blue Square |
|
 |
 |
|
Green Round |
Green Square |
|
 |
 |
|
Grey Round |
Grey Square |
|
 |
 |
|
Olive Round |
Olive Square |
|
 |
 |
|
Orange Round |
Orange Square |
|
 |
 |
|
Pink Round |
Pink Square |
|
 |
 |
|
Purple Round |
Purple Square |
|
 |
 |
|
Red Round |
Red Square |
|
 |
 |
|
White Round |
White Square |
|
 |
 |
I have created a selection of FREE to download CSS Content Boxes. These were designed to be used for side bar areas, but if you know your photoshop decently enough you can easily modify the headers to stretch as wide as you need. These CSS Content Boxes are all 100% XHTML & CSS Validated.
Black Content Box |
Blue Content Box |
|
 |
 |
|
Green Content Box |
Pink Content Box |
|
 |
 |
|
Purple Content Box |
Orange Content Box |
|
 |
 |
|
Over at W3 Schools, they have setup a small CSS Quiz to test your skills. It’s all pretty basic stuff.
I got 19 out of 20 which resulted in a 95%, but I claim shenanigans! One of the questions was worded to be a little tricky and if you don’t pay attention and read carefully, you might just have the same outcome. I could take it again, but I know I would get a 100% since I know what I read wrong.
So go over to the site here:
And test your skills!
Feel free to post your results here..
So it seems more and more people are trying to cheat this test by searching for the answers on Google. I mean, are you serious? Why bother cheating on a test like this? You aren’t being graded by a teacher. This is just a test to see how much you know. If you are failing the test, it’s obvious that you need to learn a little more. The test is just about the easiest test on CSS I have seen. Just today alone I received about 5 new hits from Google with the search term of CSS Quiz Answers.
I hope you people out there are just trying to learn, and not cheat.
On a side note, I will be putting together my own CSS Quiz in the very near future. And it will get harder as the test goes on, to really test your skills.
The web, such a bountiful source of free information. The really is no limit to the amount of information you can stumble upon and consume, and completely free no less!
After years and years of being a web designer, I have gathered quite a collection of links to websites that offer me unlimited amounts of css tips, tricks, and free downloads. I have decided to share my list with the rest of you. I hope you enjoy them, as much as I do.
This page will be updated regularly
An amazing archive of numerous free css based scripts, menus, layouts and much much more. Some of my personal favorites are the ones that are inside the Dynamic category.
Free CSS layouts to download
Of all the LightBox scripts, I think this is so far my favorite. It supports video, flash, external websites, forms, inline content (divs) and of course images. And it also looks amazing as well. Definitely a highly recommended script.
I really like this lightbox script. It might be in contest for my favorite lightbox script with the LightWindow one above. Best thing about this one though, is that its html will validate, which lets face it is increasingly important these day.
This is yet another script that can be used to overlay image on top of the current pag. It is very similar to Lightbox, Thickbox, and Greybox.
Before I get to the bad stuff, I will talk about the good parts about the script. The interface is quite nice looking, with white rounded corners and borders. The animation effect is also quite smooth and nice to look at.
However, I have tested this script on both IE6, and FF2 and I must say that it works better on IE6. On Firefox the animation is a little bit jittery, and gives a very strange effect outside of the borders. It almost looks like a magnifying glass is being put over the outside edge for a quick second, but after the animation is over, it looks great!. I suspect this is a bug that will be worked out in the near future. So defintely don’t hesitate to try this script out for yourself!
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
Lightbox is a very simple script that can be used to overlay an image on top of the current page to keep users from being linked to other pages. It is an exceptionally clean way to show off your pictures, designs, and more.
Another version of the Lightbox script. This version adds support for more than just images, you can include iFrames, div’s and many other text based pieces of content.
Yet another version of the Lightbox script. This one is probably one of the most well rounded versions I have seen. You can display external pages in the pop ups, and the gallery setup is just plain beautiful.
This is one of the best incarnations of the Lightbox scripts I have seen so far. I am very impressed with this one, and suggest trying it out. Lightbox that supports images, flash, video, mp3s, html.
Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages.
DHTML Goodies has a high quality assortment of CSS / DHTML / AJAX scripts all available to download for free.
Think you need images to have gradients in your designs? So did I, at least I used to until a friend of mine told me about this website.
Loading ...
Recent Comments