CSS-Tricks PSD to HTML

Links of Interest

Designer / Not a Designer


I stumbled upon this hilarious animated GIF movie of a non-designer talking to a designer.

 

CushyCMS

Everybody and their brother is talking about CushyCMS lately. Probably because it’s brilliant. It is a service which makes it very easy to give the ability to edit web pages to anyone. You sign up for an account (and make accounts for your “editors”), give it FTP information for a site you wish to make editable, and then add which pages you intend to be editable. This isn’t a WSIWYG editor, it’s just a text editor (or image uploader as the case may be). You declare which regions of the page are editable by adding the class “cushycms” to those elements. I may do a videocast on this since it’s really cool and could benefit from a demo. (You can actually watch one on the homepage that they created too).

 

Disqus / Seesmic

Disqus is a system for extending the traditional commenting system. It does cool stuff like makes comments threaded, allows you to respond via email, and gives you and your commentors a cross-site identity. It’s none of these things (although pretty cool) that interest me though. My favorite is the fact that you can add a comment system to any page, even if it doesn’t have a native commenting system. So in theory you could chuck comments on any old static web page, which I could definitely see coming in handy some day. The other is integration with Seesmic, which is a service for video comments. I first learned about Disqus/Seesmic from it’s use on theblanchard. I also see Seesmic has a WordPress plugin too. I think it’s very cool, but I don’t think I’ll be adding video comments here. I just get the feeling ya’ll aren’t the “video comments” types =)

 

Padded Link Targets

Signal vs. Noise (The 37s Blog), has a an insightful post on padding your link targets. If you are using text based navigation on your site, I think this is an important consideration. Padded targets just feel nicer and will surely result in less mis-clicks and lower frustration.

 

Typogridphy

Harry Roberts has a pretty nice template/framework out he is called Typogridphy that is worth taking a look at. Other than the nice and detailed typography, the whole layout is em-based, so it can grow and shrink along with the text with a “zoom” effect.


Theoretically Related Articles:


Responses


  1. 1

    Gravatar

    If you did have video comments, I would have made one…Thanks for the link!


    Comment by John Blanchard — May 28, 2008 @ 6:48 am

  2. 2

    Gravatar

    Cushycms is sweet. Their explanation video is weird though. What’s up with all of the keyboard clicks in the background?


    Comment by Chris — May 28, 2008 @ 9:22 am

  3. 3

    Gravatar

    @ link padding..

    Why not display:block + float..? same result o.o


    Comment by V1 — May 28, 2008 @ 11:15 am

  4. 4

    Gravatar

    At a glance, Typogridphy looks very similar to Blueprint CSS, except it’s em-based.


    Comment by Andrew Vit — May 28, 2008 @ 11:32 am

  5. 5

    Gravatar

    I love cushy CMS! I recently used it in a client site of mine and they loved it!


    Comment by Niki Brown — May 28, 2008 @ 12:39 pm

  6. 6

    Gravatar

    The animation is so sarcastic and realistic.Many people ask me to do a website quick and sometimes they don’t imagine how long it could be and how long it’s hard to thinks about all stuffs to check and do.
    I think today earning money doing a website is a bit hard…

    I found a very pretty stuff : homer in css (css is very powrful isn’t it ?)
    http://csstxt.com/homer.html


    Comment by Laurent — May 28, 2008 @ 4:23 pm

  7. 7

    Gravatar

    Thanks for the links, Chris. I saw that animation a while back, it reminds me when people want to take advantage of you, it’s cool, as long as you take advantage of them as well. Bartering is okay when done right.

    Enjoyed the read about the link padding. It does feel more “comfy” to have a bigger click area.

    Onward and upward.


    Comment by Simon — May 29, 2008 @ 12:06 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.