Showing code samples in a portfolio 99 Responses

Last post: 10 months ago | Thread started: Jul 24, 12, 1:54 p.m.

RespondNew TopicDisable Images

• ksv123

  Any ideas?

  Jul 24, 12, 1:54 p.m. – Permalink

• ideaist

  Have an image of the front end and on mouseover (or some variant on touch devices) show the underlying code...

  ; )

  • Also, colouring elements in an interesting way (Like on http://panic.com/cod…)...– ideaist

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 1:55 p.m. – Permalink

• dbloc

  developers know to view source.

  • But then it's a point of difference if you make the source the hero? No?– MrT1/3

    not all code can be seen in view source....– spot132/3

    true– dbloc3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 1:57 p.m. – Permalink

• MrT

  +1 on use of colour, and perhaps set in a code-specific font too, like this.

  http://www.fsd.it/fonts/pragmata…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 2 p.m. – Permalink

• duckseason

  http://hoefler.amillionthingstod…

  I know this page caused a bit of a debate back when it was posted; however, it's similar to what ideaist suggested. (Click the first "this" in the About Brandon section).

  • still rendering horribly
    bad example of cross browser compatibility– albums1/2

    Yeah, pretty sure the dude just left it. Could be an interesting way to show code samples, though. If done properly.– duckseason2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 2:38 p.m. – Permalink

• uan

  I would try something like this (iframed, linked, rebuilt, ...):
  http://codepen.io/TimPietrusky/p…

  • < that's works– dbloc1/2

    with a view/hide button– dbloc2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 2:49 p.m. – Permalink

• vaxorcist

  context is everything.... small bits of code by themselves may just serve to illustrate something else, not just to say "hey, I can code according to xyz paradigm / language / fashion / framework"

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 3:04 p.m. – Permalink

• orrinward2

  I'm contemplating porting code samples to Codepen for my next folio iteration.

  Show your Github?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 3:22 p.m. – Permalink

• ideaist

  Nothing is sexier than clean code.

  • Sorry, FEW things are sexier than clean code.– ideaist

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 3:41 p.m. – Permalink

• sublocked

  https://gist.github.com/

  It has embed code you can use on your own site.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 24, 12, 4:03 p.m. – Permalink