Wednesday, June 13, 2012

Faviconer.com

faviconer.com


Faviconer.com will create a 16x16 pixel icon that appears in the browser address bar. Create an icon in Illustrator or Photoshop and upload.

Thursday, June 7, 2012

Don't Fear the Internet

Check out this great introduction to basic HTML and CSS coding for web design. Non-scary! Will make you feel better! Just get yourself a big cup of hot choc, get comfy and watch the few short movies. Fun!



Wednesday, May 11, 2011

Full Page Background

Want to get that image to stretch to every edge of the browser window? Chris Couyier at CSS-Tricks came up with the answer:

html {
background: url(images/bg.jpg) no-repeat
center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

http://css-tricks.com/perfect-full-page-background-image/

Tuesday, May 10, 2011

Fixed Footer

Okay, so you're making you're web page and now you want to extend the content area all the way down the page. So what happens to the Footer? Well, THEN you have to make the Footer hug the bottom of the page. How do you do this? There are a few tricks, but I have chosen this one, and then made it work as an example. First here is the code snippet from CSS-Tricks:

#footer {
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
background:#999;
}

/* IE 6 */
* html #footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

Online Form builders

Take a look at these two online form builders. You want a form that visitors can fill in on their contact page? And then email you? Just use one of these online form builders, and either copy and paste the code into your own HTML page, or simply insert a link. They are pretty easy, just drag-and-drop modules, and if you get stuck, you can search for how-to video tutorials on Youtube. Go get!

http://wufoo.com/
http://www.jotform.com/

Jotform is tried and trusted, and it's free, unlimited forms. Wuform is new and groovy, but only three free forms. But hey, you won't use more than three, right?

Inspirational websites!

http://jessicahische.is/awesome
http://www.scarygirl.com/
http://rtcnz.com/ 
http://www.cuddlefishpress.com/
http://patrickhaney.com/ (for the code)

Personal blogs of people Chris Coyier knows:
http://css-tricks.com/blogs-i-read/