Group items tagged it - Web Design CSS Bookmarking List Summer 2008

My Top Ten CSS Tricks [CSS Tutorials] - 0 views

www.sitepoint.com/...top-ten-css-tricks

3-d inline text transform

shared by jschoen on 01 Jun 08 - Cached

jschoen on 01 Jun 08

This article by Trenton Moss instructs designers to use 3-d effects for objects. Apparently it's an old trick, but I still think it's cool to move a mouse over an object or image and have it pop out at you. Moss also provides the "Text-Transform" command, which is useful if you forget to capitalize successive h1 lines - it sets a standard for every h1 (every header will therefore begin with a capital letter, even if you forget to be consistent).

<div class="cArrow"> </div><div class="cContentInner">This article by Trenton Moss instructs designers to use 3-d effects for objects. Apparently it's an old trick, but I still think it's cool to move a mouse over an object or image and have it pop out at you. Moss also provides the "Text-Transform" command, which is useful if you forget to capitalize successive h1 lines - it sets a standard for every h1 (every header will therefore begin with a capital letter, even if you forget to be consistent).</div>

...

Cancel

Listutorial - 0 views

css.maxdesign.com.au/listutorial

lists tutorials

shared by Dave Brennan on 21 May 08 - Cached

Dave Brennan on 21 May 08

I found this site from a google search: "css image icon horizontal list." I was looking for a way to use images in a list." While the search was fruitless in this respect, it explains, in detail, how to hadnle a variety of lists. Examining the code may be helpful in deciphering why your lists may/may not be working as you desire.

<div class="cArrow"> </div><div class="cContentInner">I found this site from a google search: "css image icon horizontal list." I was looking for a way to use images in a list." While the search was fruitless in this respect, it explains, in detail, how to hadnle a variety of lists. Examining the code may be helpful in deciphering why your lists may/may not be working as you desire. </div>

...

Cancel

CSS Basics - Making Cascading Style Sheets Easy to Understand - 0 views

www.cssbasics.com

backgrounds css ids margins padding

shared by Katrina Shand on 02 Jun 08 - Cached

Katrina Shand on 02 Jun 08

This is an awesome site that breaks down the science of each css tool. It gives a simplified explanation and easy to understand examples of how your code will change the visuals of your page. I will use this for reference in the future.

<div class="cArrow"> </div><div class="cContentInner">This is an awesome site that breaks down the science of each css tool. It gives a simplified explanation and easy to understand examples of how your code will change the visuals of your page. I will use this for reference in the future.</div>

...

Cancel

Online Photoshop Tutorials, Tips and News. | Planet Photoshop - 0 views

www.planetphotoshop.com

color swatches photoshop tutorial

shared by Geraldine Malone on 23 May 08 - Cached

Geraldine Malone on 23 May 08

This tutorial is a handy on-line resource to turn to when you don't have a photoshop manual at your fingertips. Uniquely, it shows how to use a swatch of color from a single item in photoshop.

<div class="cArrow"> </div><div class="cContentInner">This tutorial is a handy on-line resource to turn to when you don't have a photoshop manual at your fingertips. Uniquely, it shows how to use a swatch of color from a single item in photoshop.</div>

...

Cancel

Ten CSS tricks you may not know - 0 views

www.webcredible.co.uk/...css-tricks.shtml

css imagereplacement printerfriendly shorthand

shared by Katrina Shand on 21 May 08 - Cached

Katrina Shand on 21 May 08

This page gives you some instructions on how to make your css clean and more user-friendly. It is a resource on the www.webcredible.com page and there are also other lists of resource tools on the left hand sidebar of the page. I will use this website for my professional page.

<div class="cArrow"> </div><div class="cContentInner">This page gives you some instructions on how to make your css clean and more user-friendly. It is a resource on the <a href="http://www.webcredible.com" rel="nofollow" target="_blank">www.webcredible.com</a> page and there are also other lists of resource tools on the left hand sidebar of the page. I will use this website for my professional page.</div>

...

Cancel

Cubescape - Your own digital landscape - 0 views

www.themaninblue.com/...Cubescape

cube drawing cubescape custom graphics design isometric pixel

shared by Geraldine Malone on 23 May 08 - Cached

Geraldine Malone on 23 May 08

Awesome! This site allows users to create a unique cube-by-cube construction that looks like a graphic from an old-school video game. It is a great way to use isometric pixels to create custom graphics that are truly one-of-a-kind. Highly recommended!

<div class="cArrow"> </div><div class="cContentInner">Awesome! This site allows users to create a unique cube-by-cube construction that looks like a graphic from an old-school video game. It is a great way to use isometric pixels to create custom graphics that are truly one-of-a-kind. Highly recommended!</div>

...

Cancel

Getting Creative With Transparency in Web Design | How-To | Smashing Magazine - 0 views

www.smashingmagazine.com/...ith-transparency-in-web-design

css css transparency css tricks

shared by pjsabatini on 30 May 08 - Cached

pjsabatini on 30 May 08

This article, on the smashing magazine website, shows some cool tricks for working with transparency in CSS. While I am having all sorts of trouble with my CSS page, I am expecting to use these or similar tricks on my page. I recommend checking it out if you need help with transparency

<div class="cArrow"> </div><div class="cContentInner">This article, on the smashing magazine website, shows some cool tricks for working with transparency in CSS. While I am having all sorts of trouble with my CSS page, I am expecting to use these or similar tricks on my page. I recommend checking it out if you need help with transparency</div>

...

Cancel

Four Bad Web Designs (Jakob Nielsen's Alertbox) - 0 views

www.useit.com/...bad-design.html

nielsen web site interface web usability

shared by pjsabatini on 21 May 08 - Cached

pjsabatini on 21 May 08

This page is linked from Jakob Nielsen's website. Nielsen is an expert on Web Usability. He has much to say about what works in a website, and what does not. His book, Prioritizing Web Usability, though pricey, is worth it for anyone interested in making their site more usable. I plan on using Neilen's suggestions for my own work.

<div class="cArrow"> </div><div class="cContentInner">This page is linked from Jakob Nielsen's website. Nielsen is an expert on Web Usability. He has much to say about what works in a website, and what does not. His book, Prioritizing Web Usability, though pricey, is worth it for anyone interested in making their site more usable. I plan on using Neilen's suggestions for my own work. </div>

...

Cancel

CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets. - 0 views

css-tricks.com

design tricks tutorial

shared by Dave Brennan on 04 Jun 08 - Cached

Dave Brennan on 04 Jun 08

I bookmarked this for three reasons: 1.) It is filled with CSS tips. 2.) It's the first CSS tip sites I've found that has a great CSS design (credibility) 3.) It's actually funny. Enjoy

<div class="cArrow"> </div><div class="cContentInner">I bookmarked this for three reasons: 1.) It is filled with CSS tips. 2.) It's the first CSS tip sites I've found that has a great CSS design (credibility) 3.) It's actually funny. Enjoy</div>

...

Cancel

Free Image Galleries & Slideshows - 0 views

www.dhtmlsite.com/imagegalleries.php

images list navigation

shared by Dave Brennan on 21 May 08 - Cached

Dave Brennan on 21 May 08

This site is really cool. It's filled with ready-made images, scrolling images, hovering images, etc to be used for anything from simple art to navigation tools and lists. I'd love to use it for a site

<div class="cArrow"> </div><div class="cContentInner">This site is really cool. It's filled with ready-made images, scrolling images, hovering images, etc to be used for anything from simple art to navigation tools and lists. I'd love to use it for a site</div>

...

Cancel

BackgroundAndLayouts | Free MySpace Backgrounds, Layouts and Codes - 0 views

backgroundsandlayouts.net/index.html

backgrounds

shared by jschoen on 06 Jun 08 - Cached

jschoen on 06 Jun 08

If anyone wants the most cheesy backgrounds for either this project or the next, check this site out. It has some pretty crazy 80's-vanity-license plate-style airbrushed artwork. I really want to make a website that features this kind of cheesy artwork. Word.

<div class="cArrow"> </div><div class="cContentInner">If anyone wants the most cheesy backgrounds for either this project or the next, check this site out. It has some pretty crazy 80's-vanity-license plate-style airbrushed artwork. I really want to make a website that features this kind of cheesy artwork. Word.</div>

...

Cancel

CSS Tips - Web Design - 0 views

www.louisdesign.com/...css-tips.html

em pixels text

shared by jschoen on 06 Jun 08 - Cached

jschoen on 06 Jun 08

Designer Jean Louis gives a pretty cool tip about sizing text without pixels. It's one of those tricks that makes text fit according to your site. Using percentages next to the body div on css will enable you to do this. I'm going to try it when I design my next site while playing around with text.

<div class="cArrow"> </div><div class="cContentInner">Designer Jean Louis gives a pretty cool tip about sizing text without pixels. It's one of those tricks that makes text fit according to your site. Using percentages next to the body div on css will enable you to do this. I'm going to try it when I design my next site while playing around with text.</div>

...

Cancel

BackgroundCity.Com - Group 3: SURFACES - 0 views

www.backgroundcity.com/...g3.html

background city wallpaper website backgrounds

shared by applejackie87 on 06 Jun 08 - Cached

applejackie87 on 06 Jun 08

I think this is a pretty good website background site. It has some nice wallpapers. If you click on the thumbnail wallpaper, you are taken to a screen with that wallpaper as the wallpaper of the site. There are different colored texts all over the page. How do you get the background on your computer? All you do is right click and save the image to your computer!

<div class="cArrow"> </div><div class="cContentInner">I think this is a pretty good website background site. It has some nice wallpapers. If you click on the thumbnail wallpaper, you are taken to a screen with that wallpaper as the wallpaper of the site. There are different colored texts all over the page. How do you get the background on your computer? All you do is right click and save the image to your computer!</div>

...

Cancel

CSS Clear Property - 0 views

www.w3schools.com/...pr_class_clear.asp

clear property css

shared by Geraldine Malone on 06 Jun 08 - Cached

Geraldine Malone on 06 Jun 08

I don't know about you, but clear and float confuse me. This site is helpful in distinguishing when to use these functions. It also explains why these properties are needed.

<div class="cArrow"> </div><div class="cContentInner">I don't know about you, but clear and float confuse me. This site is helpful in distinguishing when to use these functions. It also explains why these properties are needed.</div>

...

Cancel

Tryit Editor v1.4 - 0 views

www.w3schools.com/...tryit.asp

css adjust margins css help

shared by pjsabatini on 05 Jun 08 - Cached

pjsabatini on 05 Jun 08

By now, most of us can reasonably use many basic functions of html and css. This function, allowing the designer to adjust the margin size, may be helpful. I will be using it on my site..

<div class="cArrow"> </div><div class="cContentInner">By now, most of us can reasonably use many basic functions of html and css. This function, allowing the designer to adjust the margin size, may be helpful. I will be using it on my site..</div>

...

Cancel

Part 2: Building a Unique Contact Form - CSS-Tricks - 0 views

css-tricks.com/creating-a-unique-contact-for

contact css

shared by Katrina Shand on 02 Jun 08 - Cached

Katrina Shand on 02 Jun 08

This is an interesting way to add a fun contact sheet to your webpage. I havent tried the code yet to see if it works but the site provides everything to build your own. I would like to add something like this to my site.

<div class="cArrow"> </div><div class="cContentInner">This is an interesting way to add a fun contact sheet to your webpage. I havent tried the code yet to see if it works but the site provides everything to build your own. I would like to add something like this to my site.</div>

...

Cancel

Tryit Editor v1.4 - 0 views

www.w3schools.com/...tryit.asp

css garden images opacity transparent zen

shared by andrea lynch on 29 May 08 - Cached

andrea lynch on 29 May 08

I plan on using a transparent image on my page and this explains how to do it.

<div class="cArrow"> </div><div class="cContentInner">I plan on using a transparent image on my page and this explains how to do it. </div>

...

Cancel

HTML tips: Customizing Horizontal Rules - Line Dividers - 0 views

www.web-source.net/stomizing_horizontal_rules.htm

line dividers

shared by applejackie87 on 27 May 08 - Cached

applejackie87 on 27 May 08

This is a good code to know for the future. HR means Horizontal Rule. You can use these dividers anywhere on your site to divide content. It is similar in style to the banners I bookmarked previously. However, I don't think they can be used as dividers between content, but if they can I'm sure you need to know what HR means.

<div class="cArrow"> </div><div class="cContentInner">This is a good code to know for the future. HR means Horizontal Rule. You can use these dividers anywhere on your site to divide content. It is similar in style to the banners I bookmarked previously. However, I don't think they can be used as dividers between content, but if they can I'm sure you need to know what HR means.</div>

...

Cancel

csshowto.com » Blog Archive » From PSD to CSS/HTML in Easy Steps - Part 1 - 0 views

csshowto.com/...o-csshtml-in-easy-steps-part-1

css howto layout to webpage transform layout

shared by applejackie87 on 06 Jun 08 - Cached

applejackie87 on 06 Jun 08

This article will help you convert your website designed in photoshop to a real css layout. For many people like myself who can't draw for their lives, I like to use photoshop and similar programs to plot out how I want things to look first. It is usually hard to translate my ideas onto paper, and even harder to translate the paper to a webpage. For those of you with troubles like these, rest them aside.

<div class="cArrow"> </div><div class="cContentInner">This article will help you convert your website designed in photoshop to a real css layout. For many people like myself who can't draw for their lives, I like to use photoshop and similar programs to plot out how I want things to look first. It is usually hard to translate my ideas onto paper, and even harder to translate the paper to a webpage. For those of you with troubles like these, rest them aside.</div>

...

Cancel

Dynamic Drive Tools: Ribbon Rules Generator - 0 views

tools.dynamicdrive.com/ribbon

banner colors css divider line ribbon

shared by applejackie87 on 22 May 08 - Cached

applejackie87 on 22 May 08

Here you can choose any colors you want. Or you can have the website choose random colors for you! You can make a ribbon/band of color (s) for anywhere on your page. Use it as a separator/divider or a band at the top of your page for some extra decoration. Very cool for adding extra UMPH to your site! (involves relative linking).

<div class="cArrow"> </div><div class="cContentInner">Here you can choose any colors you want. Or you can have the website choose random colors for you! You can make a ribbon/band of color (s) for anywhere on your page. Use it as a separator/divider or a band at the top of your page for some extra decoration. Very cool for adding extra UMPH to your site! (involves relative linking).</div>

...

Cancel

Group items tagged

My Top Ten CSS Tricks [CSS Tutorials] - 0 views

Listutorial - 0 views

CSS Basics - Making Cascading Style Sheets Easy to Understand - 0 views

Online Photoshop Tutorials, Tips and News. | Planet Photoshop - 0 views

Ten CSS tricks you may not know - 0 views

Cubescape - Your own digital landscape - 0 views

Getting Creative With Transparency in Web Design | How-To | Smashing Magazine - 0 views

Four Bad Web Designs (Jakob Nielsen's Alertbox) - 0 views

CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets. - 0 views

Free Image Galleries & Slideshows - 0 views

BackgroundAndLayouts | Free MySpace Backgrounds, Layouts and Codes - 0 views

CSS Tips - Web Design - 0 views

BackgroundCity.Com - Group 3: SURFACES - 0 views

CSS Clear Property - 0 views

Tryit Editor v1.4 - 0 views

Part 2: Building a Unique Contact Form - CSS-Tricks - 0 views

Tryit Editor v1.4 - 0 views

HTML tips: Customizing Horizontal Rules - Line Dividers - 0 views

csshowto.com » Blog Archive » From PSD to CSS/HTML in Easy Steps - Part 1 - 0 views

Dynamic Drive Tools: Ribbon Rules Generator - 0 views

Related searches