wildryebeadgallery.com

Posts Tagged ‘CSS’

Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/dreamweaver/tutorials/interBackground.php

So many Web 2.0 style sites, matter of fact many sites in general have these backgrounds that seems to go on forever but have one unique end and seem to fade off to an image or color that appears to go on forever. This is simply an illusion and really can be done very easily with CSS and a 1px wide image! We will start with a blank Photoshop doc and first create our background then bring it into Dreamweaver and make our background using CSS. Please check out http://www.tutvid.com for more great training material!

Duration : 0:7:51

Read the rest of this entry »

Technorati Tags: 2.0, adobe, background, code, Coding, cool, CS3, CSS, dreamweaver, Neat, Repeat, Tile, Tiling, training, tutorial, Web, XHTML

In this HTML website design tutorial I will teach you how to change background and text colours/colors with microsoft notepad.

Difficulty Level:
Easy/Beginner

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Duration : 0:3:3

Read the rest of this entry »

Technorati Tags: background, color, colour, CSS, definition, design, develop, div, font, HD, high, how, howto, hq, HTML, lesson, make, programming, quality, table, tag, text, to, tut, tutorial, Website

http://veerle.duoh.com/blog

http://www.dezinerfolio.com/

http://www.tutoogle.com/

http://www.psdtuts.com/

——-Extra(i forgot this one)—–
http://www.layersmagazine.com

Duration : 0:4:36

Read the rest of this entry »

Technorati Tags: blogs, CSS, design, dezinerfolio, HTML, sites, tutoogle, tutorial, veere, Web

You can put your site on the web using a free host

http://blog.jimmyr.com/List_of_Webhosting_Companies_17_2008.php

Yeah, it’s long. #1 requested tutorial on my page is how to make your own site though. I guess it beats those “learn html in 24 hours” books in any case. See the freehosts below on how to put your page online.

w3 html and css

http://www.w3schools.com/html/

http://www.w3schools.com/css/default.asp

Simple HTML/CSS Layout Examples

http://blog.html.it/layoutgala/

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

http://www.mycelly.com/

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Simple CSS Formatter

http://csstypeset.com/

HTML testing Sandbox

http://htmlsandbox.com/

CSS cheat sheet

http://www.google.com/search?hl=en&q=css+cheat+sheet&btnG=Search

HTML Cheat sheet

http://www.google.com/search?hl=en&q=html+cheat+sheet&btnG=Search

Group that standardizes html

http://www.w3.org/

MetaTags

http://www.google.com/search?hl=en&pwst=1&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=meta+tags&spell=1

doctype

http://www.google.com/search?hl=en&q=doctype&btnG=Search

Adding Images as backgrounds

http://www.w3schools.com/css/css_background.asp

RGB Color
You can indicate color by using RGB mode too. eg. #336699 is a nice blue google likes to use. It stands for 33 red, 66 green, and 99 blue in hexadecimal. Here’s a RGB color picker

http://www.siteprocentral.com/html_color_code.html

Domains cost money, like $10 a year usually or less. I’m not going to endorse any registrars.

CSS rounded corners

http://www.google.com/search?hl=en&q=css+rounded+corners&btnG=Search

Change the look when printing (media)

http://www.w3.org/TR/REC-CSS2/media.html

CSS Popular Pages

http://del.icio.us/search/?fr=del_icio_us&p=css&type=all

http://del.icio.us/search/?fr=del_icio_us&p=top+css&type=all

HTML Validator

http://validator.w3.org/

CSS Validator

http://jigsaw.w3.org/css-validator/

Some decent text editors

http://www.context.cx/

http://www.pspad.com/

http://notepad-plus.sourceforge.net/uk/site.htm

http://www.jedit.org/

http://www.scintilla.org/SciTE.html

http://www.notetab.com/

html forums

http://groups.google.com/group/alt.html/topics?lnk=gschg

CSS Forums

http://csscreator.com/?q=forum/

Info about “Lorem Ipsum” often seen on template pages

http://en.wikipedia.org/wiki/Lorem_ipsum

blah

http://www.bbc.co.uk/blogs/radiolabs/2009/01/how_we_make_websites.shtml

http://arbent.net/blog/css-tips-that-every-beginning-developer-should-know-about

CSS Transparency
IE
filter:alpha(opacity=50);
Firefox
-moz-opacity:0.5;
kde based browsers
-khtml-opacity: 0.5;
Safari
opacity: 0.5;

startTime{00:09}

%%programming

Duration : 0:39:19

Read the rest of this entry »

Technorati Tags: advanced, beginners, CSS, custom, edit, Free, hack, howto, HTML, jimmyrcom, make, scraft, tutorial, Tutorials, Website, websites

You can put your site on the web using a free host

http://blog.jimmyr.com/List_of_Webhosting_Companies_17_2008.php

Yeah, it’s long. #1 requested tutorial on my page is how to make your own site though. I guess it beats those “learn html in 24 hours” books in any case. See the freehosts below on how to put your page online.

w3 html and css

http://www.w3schools.com/html/

http://www.w3schools.com/css/default.asp

Simple HTML/CSS Layout Examples

http://blog.html.it/layoutgala/

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

http://www.mycelly.com/

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Simple CSS Formatter

http://csstypeset.com/

HTML testing Sandbox

http://htmlsandbox.com/

CSS cheat sheet

http://www.google.com/search?hl=en&q=css+cheat+sheet&btnG=Search

HTML Cheat sheet

http://www.google.com/search?hl=en&q=html+cheat+sheet&btnG=Search

Group that standardizes html

http://www.w3.org/

MetaTags

http://www.google.com/search?hl=en&pwst=1&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=meta+tags&spell=1

doctype

http://www.google.com/search?hl=en&q=doctype&btnG=Search

Adding Images as backgrounds

http://www.w3schools.com/css/css_background.asp

RGB Color
You can indicate color by using RGB mode too. eg. #336699 is a nice blue google likes to use. It stands for 33 red, 66 green, and 99 blue in hexadecimal. Here’s a RGB color picker

http://www.siteprocentral.com/html_color_code.html

Domains cost money, like $10 a year usually or less. I’m not going to endorse any registrars.

CSS rounded corners

http://www.google.com/search?hl=en&q=css+rounded+corners&btnG=Search

Change the look when printing (media)

http://www.w3.org/TR/REC-CSS2/media.html

CSS Popular Pages

http://del.icio.us/search/?fr=del_icio_us&p=css&type=all

http://del.icio.us/search/?fr=del_icio_us&p=top+css&type=all

HTML Validator

http://validator.w3.org/

CSS Validator

http://jigsaw.w3.org/css-validator/

Some decent text editors

http://www.context.cx/

http://www.pspad.com/

http://notepad-plus.sourceforge.net/uk/site.htm

http://www.jedit.org/

http://www.scintilla.org/SciTE.html

http://www.notetab.com/

html forums

http://groups.google.com/group/alt.html/topics?lnk=gschg

CSS Forums

http://csscreator.com/?q=forum/

Info about “Lorem Ipsum” often seen on template pages

http://en.wikipedia.org/wiki/Lorem_ipsum

blah

http://www.bbc.co.uk/blogs/radiolabs/2009/01/how_we_make_websites.shtml

http://arbent.net/blog/css-tips-that-every-beginning-developer-should-know-about

CSS Transparency
IE
filter:alpha(opacity=50);
Firefox
-moz-opacity:0.5;
kde based browsers
-khtml-opacity: 0.5;
Safari
opacity: 0.5;

startTime{00:09}

%%programming

Duration : 0:39:19

Read the rest of this entry »

Technorati Tags: advanced, beginners, CSS, custom, edit, Free, hack, howto, HTML, jimmyrcom, make, scraft, tutorial, Tutorials, Website, websites

http://www.wevio.com

This is a time-lapse video of what was originally about 2 hours.

This video doesn’t portray how a website is really made. It takes hours upon hours of researching, designing, developing and testing in different browsers as well as platforms.

More videos coming soon!

Duration : 0:2:16

Read the rest of this entry »

Technorati Tags: CSS, design, Designer, HTML, Illustrator, Photoshop, Time-lapse, Web, Website