CSS-Tricks PSD to HTML

Twitter, New Screencast, 404

Tweet Tweet

I’ve been enjoying the Twitter thing more and more lately. Here is my Twitter page if anyone wants to follow. Just for fun, I’ve used some of that extra space down in my footer here on CSS-Tricks for a little “Twitter Updates” section. Fun fun! I took what I learned doing that and wrote up a tutorial for Tutorial Blog:

How To Make a Unique Website For Your Twitter Updates

 

New Screencast: Introduction to the Band Website Template

This week I thought I’d use the screencast to do a formal introduction to the Band Website Template. It was easier for me to explain the project and why I think it’s so cool through a demonstration and being able to talk, so that’s what I did.

Introduction to the Band Website Template

 

404

I don’t know if I ever mentioned this, but I’ve redesigned mine and it’s been up for a few weeks now I think. A 404 error page is what people see when they try to go to a page on this site that doesn’t exist. It’s kind of a rip-off of a similar idea I saw somewhere else a long time ago. I’d credit them but I can’t remember where it was. It’s kind of fun… but I think I need to get some stuff on there like some text explaining how you should contact me if you got to that page in error and maybe a link to the homepage or some popular articles or something.

New 404 Error Page


Theoretically Related Articles:


Responses


  1. 1

    Gravatar

    That 404 page is hilarious.


    Comment by Evan — May 17, 2008 @ 6:09 am

  2. 2

    Gravatar

    I like your 404 page, but it’s not so good for usability. Like you say, add some things there. Adding a search form to a 404 page is also a good idea ;)


    Comment by Fabian | Onyx Design — May 17, 2008 @ 12:11 pm

  3. 3

    Gravatar

    It’s a funny picture, indeed, though I agree with Fabian. If there’s one page which should be focusing on usability, it’s the 404-page. Although these articles are old, they’re still very useful when it comes to making 404-pages:
    Improving the Dreaded 404 Error Message
    Error Message Guidelines

    The adding of the twitter-bird at the footer was a funny one. Personally I think it was one of the better places to put it, as they may not always be something you’d want people to see at their first visit.


    Comment by koew — May 17, 2008 @ 6:19 pm

  4. 4

    Gravatar

    HAHAHA nice! :D
    oh and cool twitter thing! :D Loved it!!!!
    very nice, and amazing.


    Comment by nitos — May 17, 2008 @ 6:46 pm

  5. 5

    Gravatar

    Forgot to say, I like your screen cast and the whole band website template! That has to be a nice piece of code, editing the database without refreshing the page. Amazing :D. And the login form like LightBox is great too. But I personally think that the sign in link should be less obvious on the page, I would have put it in the footer.

    I signed up for your affiliate program too. ;)


    Comment by Fabian | Onyx Design — May 18, 2008 @ 1:04 am

  6. 6

    Gravatar

    I like the graphic in the 404 page, can you tell me how you created it?

    Did you make a photo or did you create everything in Photoshop?


    Comment by Julian Gruber — May 18, 2008 @ 2:07 am

  7. 7

    Gravatar

    @Julian: The torn paper is just a graphic I found on shutterstock or istockphoto or something. I just clipped out the middle, took a screenshot of some CSS and dropped it behind there.


    Comment by Chris Coyier — May 18, 2008 @ 10:59 am


Leave a comment

Sick of typing in all this info everytime you comment? Register or Login and save yourself time!

Live Comment Preview


Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.