Code Snippet

Code-snippet

6 Responses

  1. JR Tashjian JR Tashjian

    This is the code view I've been working on for my blog.

    about 4 years ago

  2. Dan Cederholm Dan Cederholm

    Welcome to Dribbble!

    about 4 years ago

  3. Jake Przespo Jake Przespo

    I like it. It goes with your simple design.

    Are you planning to create classes for each line that tabs in? 24ways did it, and I think I might go that route as well.

    about 4 years ago

  4. JR Tashjian JR Tashjian

    @Dan: Thanks! Been waiting to get in here for a while! haha

    @Jake: Yeah, didn't really look closely at theirs. They are doing it well though! padding-left to get it "tabbed" over and a negative text-indent on the first line. That way when it wraps, it doesn't start all the way to the line numbers. Gonna have to play around with that.

    Also, not really a fan of the "breaking out" part of the line numbering anymore. Kinda strays from the simplicity a bit. It was also wider than the article text. Think I'll be rebounding this one...

    about 4 years ago

  5. Jonathan Christopher Jonathan Christopher

    This definitely comes off clean, but to me the most important part about providing code snippets is to make it as readable as possible and (more importantly) as portable as possible. Two suggestions: syntax highlighting (custom color scheme) and make sure the line numbers do not copy and paste with the code.

    about 4 years ago

  6. elyse holladay elyse holladay

    Lovely! Wish I could style Textmate to look like this :)

    over 3 years ago

keyboard shortcuts: previous shot next shot L or F like