|
This script is a jQuery plugin, meaning is is dependant on the incredible jQuery javascript library. If you feel particularly adventurous, this script could be easily ported to another library or written in plain old JavaScript as well. Feel free to grab the script and try it for yourself. We're always looking for ways to improve our scripts, so if you encounter any issues or have any questions or suggestions please leave a comment below.
http://www.filamentgroup.com/lab/automated_image_preloading_for_a_snappy_ui/
Comments (0) 17.06.2008. 21:57 Huge List Of CSS Demos and techniques
- CSS Frames
- The look of frames without using frames.
- CSS Tabs, separate lists
- A two-level tab menu based on separate unordered lists.
- CSS Tabs, nested lists
- A two-level tab menu based on nested unordered lists.
- CSS Tabs, nested lists (Listamatic 2)
- A two-level tab menu based on separate unordered lists. Based on the HTML from Listamatic 2.
- CSS Teaser Box, fixed width
- A fixed width box with rounded corners. It uses no extra markup and just one image.
- CSS Teaser Box, flexible width
- A flexible width (and height) box with rounded corners. It uses very little extra markup and two images.
- Dropshadow
- A simple dropshadow effect.
- Equal height boxes with CSS
- Side-by-side elements that behave like table cells.
- Equal height boxes with CSS, part II
- Side-by-side elements that behave like table cells. Some workarounds to prevent Internet Explorer from breaking down completely.
- Flexible box with custom corners and borders
- A flexible width (and height) box with custom corners and borders.
- Horizontal centering
- A very basic example of horizontal centring with CSS.
- Horizontal and vertical centring
- Horizontal and vertical centring with CSS.
- Inverted Sliding Doors Tabs
- Upside down tabs based on the Sliding Doors technique. Also available in Italian (translation by Egidio Murru).
- News list
- A list of vertically expandable boxes with rounded corners.
- Rounded corners
- An older example of a box with rounded corners.
- Soft dropshadow
- A somewhat limited way of creating a nice and soft dropshadow.
- Styling form controls
- Examples of CSS applied to form elements.
- Transparent custom corners and borders
- Create a resizable box with custom, transparent corners and borders and no extra markup. A much improved version of the Flexible box with custom corners and borders demo.
- Two column CSS layout with full width header and footer
- Fixed width, centred horizontally.
http://www.456bereastreet.com/lab/
Comments (1) 12.06.2008. 00:58
CSS tips and tricks, Part 2
Group selectors
Specify link styles in the right order
Clearing floats
Centring (centering)
Importing and hiding CSS
Giving Internet Explorer what it needs
How big is that box?
CSS coding style
http://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_2/
Comments (0) 12.06.2008. 00:55 CSS tips and tricks, Part 1
The list of CSS tips and tricks for easier digestion
UseCSS shorthand
Specify a unit unless the value is 0
Remember case sensitivity
Specifying colours
Eliminate element types for class and id selectors
Default values
Don’t redeclare inherited values
Take advantage of the cascade
Multiple class names
Use descendant selectors
Avoid quoting URLs
http://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_1/
Comments (0) 12.06.2008. 00:51
There's no point to discuss the importance of a web menu, how it's done and how it looks. Many people may remember a website for it's great looking menu.
I will show you some great examples in this posting which I hope you will enjoy and use on your websites. Some of them are built by me while other have credits but are free to use.
http://www.roscripts.com/8_web_menus_you_just_can%5C%5C%27t_miss-116.html
Comments (0) 05.06.2008. 04:18 |
