Request an Invite » Login

Pinterest is an online pinboard.
Organize and share things you love.

Code

Coding tutorials or algorithm breakdowns

949778 followers, 82 pins

The Shapes of CSS / the examples just keep getting better and better

50 likes 2 comments 43 repins

Profile picture of George Kabanos

George Kabanos nice hack! ;)

Quasicrystals as sums of waves in a plane / via gabe

121 likes 4 comments 213 repins

Profile picture of Dawn Binstock

Dawn Binstock This would make a cool crochet doilly.

Profile picture of Susan Teelon

Susan Teelon This would be a cool stained glass window mandala...

Canvas globalCompositeOperation

45 likes 1 comment 18 repins

Profile picture of Grace Mbonyiwe

Grace Mbonyiwe Reminds me of a 7th grade exam paper in Zambia called Special paper II.

Glower allows you to add interaction to rasterized data tiles, by DevSeed / Mapbox

29 likes 1 comment 25 repins

Profile picture of Natalya

Natalya I'll try this...

Rickshaw is a JavaScript toolkit for creating interactive time series graphs, built on d3.js

1 like 1 comment

Profile picture of Susan Teelon

Susan Teelon Rally cool!

Light Table - a new IDE by Chris Granger. Light Table is a new kind of IDE built on principles of simplicity and based on the way engineers use drafting tables.

by Chris Granger

15 likes 1 comment 10 repins

Profile picture of George Madrid

George Madrid Soooo Cool! Congratulations. Now where can I get it?

Meteor, a new web framework for fast realtime development, looks super fascinating (and super unsecure right now...) www.meteor.com/...

15 likes 1 comment 20 repins

GitHub officially supports the DCPU-16 assembly language used in the upcoming game by Notch, 0x10c

44 likes 32 repins

afterimage.vim - vim plugin to edit images

23 likes 2 comments 21 repins

Profile picture of Byron Alley

Byron Alley Amazing...

Profile picture of Ben Golder

Ben Golder uh what!

Paperfold CSS

69 likes 1 comment 70 repins

Profile picture of Katuhisa Uramoto

Katuhisa Uramoto DOM の説明

interactive 3d graphs on google search results, this is "sqrt(x*x+y*y)+3*cos(sqrt(x*x+y*y))+5"

63 likes 5 comments 81 repins

Profile picture of Veeva Penney

Veeva Penney This is so cool!!!

Profile picture of Evandro Lins

Evandro Lins A drop in the water? =]

Profile picture of Shelley Olds

Shelley Olds And to think we had to draw these by hand! This is nice!

On designing websites in Keynote

36 likes 30 repins

Live Coding a d3 chord diagram by gabrielflorit

17 likes 25 repins

CSS NYAN CAT "It contains 81 DOM elements, 688 lines of pure CSS and one JavaScript function for looping audio. My CSS fails CSSLint test and I'm really proud of this."

54 likes 5 comments 42 repins

Profile picture of Nicolb

Nicolb This is all kinds of awesome.

Profile picture of Kim Cousins

Kim Cousins I've been asked to make a nyan cat cake...any tips?

Profile picture of Ashley Braun

Ashley Braun My niece is obsessed with this cat!!!

Profile picture of Nicolb

Nicolb @Kim Cousins Sprinkles and lots of rainbows!

Profile picture of Jo Circus

Jo Circus My daughter is obsessed with this cat!! Someone please explain!

Massive Health spent a day breaking down and recreating Clear, and talk through the process

5 likes 5 repins

vim modes / transition diagram

20 likes 4 comments 14 repins

Profile picture of Barbara Recanati

Barbara Recanati You are a pure artist

Profile picture of Ben Golder

Ben Golder @Sha Hwang, are you using vim now?

Profile picture of Sha Hwang

Sha Hwang @Ben Golder sometimes! getting more used to it now

Profile picture of Ben Golder

Ben Golder cool!! I still feel like a complete noob with vim, but it's still so useful.

* { box-sizing: border-box; } omg.

32 likes 4 comments 40 repins

Profile picture of Chris Delbuck

Chris Delbuck How it should have been all along.

Profile picture of Media Contour

Media Contour Our whole team is perplexed as to what you are referring to please elaborate. :D

Profile picture of Tolis Christomanos

Tolis Christomanos box-sizing FTW!!!

This is an example of responsive text. The amount of textual detail scales relative to your screen size.

9 likes 4 comments 12 repins

Profile picture of Gregg Tracton

Gregg Tracton or i could just scroll down the page to see more... :)

Profile picture of Karthik Kumar

Karthik Kumar In the CSS media queries they define the device max & min width and inside that media queries we can define out styles according to that devices match.

Profile picture of Gregg Tracton

Gregg Tracton Trust me, this is one of those bad ideas that looks good at first but is best to avoid. Imagine the poor user: "Why isn't this info on the page when I view it on my other device?" The web was invented to give control of display attributes back to the user, who knows best what they want. Don't write nanny pages.

Profile picture of Woody Phillips

Woody Phillips I half agree with Gregg. While this could be a bad idea for a news story that has important details missing due to poorly coded "Responsiveness", (News: PRESIDENT OBAMA DIES (ommitted: LAUGHING AT TERRIBLE JOKE)), it might also be a fun way to give actual DIFFERENT messages to users of different screens/devices. You could possibly use it to adjust your message depending on who's reading it. Which ads already do to a point, but I say there's room to improve, using this.

Nick Kwiatek's website uses a nice interactive fluid dynamics based ascii art as its background

32 likes 3 comments 53 repins

Profile picture of Holly Wrangell

Holly Wrangell neat! I've been mouse-dancing for the last 2 minutes.

Profile picture of Justin Edmund

Justin Edmund I played with this for at least 10 minutes yesterday, no joke.

Profile picture of MJ Kwiatek

MJ Kwiatek That's my kid! :)

the "Wat" talk by Gary Bernhardt

34 likes 3 comments 30 repins

Profile picture of Leven Wadley

Leven Wadley I laughed

Profile picture of Josh Draper

Josh Draper notanumbernotanumbernotanumbernotanumber batman!!!!

Roman Cortes describes the making of his procedurally generated 3d rose, submitted for the js 1k competition

20 likes 13 repins

New TinkerCAD launches, allows for hooking in to 3D Printing

14 likes 2 comments 10 repins

Profile picture of binx

binx tell me more!

Profile picture of Atul Madhugiri

Atul Madhugiri How does this work with Shapeways? Can you specify real life dimensions in software? You can't with 3DS max

StackHack, a Massively Multiplayer Pubnub/Node/Three.js powered Block Builder

12 likes 18 repins

Boostrap Button Generator by Monotask

18 likes 19 repins

Incredible WebGL terrain demo by MrDoob, using models from ro.me

11 likes 3 comments 21 repins

Profile picture of Ben Golder

Ben Golder THAT IS SO AWESOME!!

Profile picture of Olivier Petit

Olivier Petit Excellent

Profile picture of Pierrick's stuff

Pierrick's stuff I think I cried a bit.

The Edge of HTML5 / Eric Bidelman / What's coming up in Javascript/CSS this year

12 likes 5 comments 11 repins

Profile picture of mike.

mike. This. Is. AMAZING!

Profile picture of Robert Hurley

Robert Hurley It only worked in my Chrome browser, not in Firefox (which it stalled) nor Opera.

Profile picture of Justin Edmund

Justin Edmund This blew my mind.

Awesome. Webservice / website to convert shp to GeoJSON

3 likes

Git - the simple guide

7 likes 4 comments 12 repins

Profile picture of Paul Coleman

Paul Coleman A little description would be nice. There's none with the pin. There's none on the site. I had to Wiki it to find out I'm not interested !

Profile picture of Paul Coleman

Paul Coleman I'm told that this is "not a public service." I'm befuddled that pinners on a "public" forum don't assume that the "public" will take a look at what is pinned. If one prefers no commentary, a private bookmarking site seems more appropriate.

Command and Conquer in HTML5, blog post here: www.adityaravisha...

12 likes 11 repins

Developers talk about porting Cut the Rope to Javascript

13 likes 1 comment 3 repins

Profile picture of Samuel Solórzano

Samuel Solórzano I like the idea, but I love the idea to play this game on the go in the cell phone =D

Paul Hayes makes a 3d sphere with CSS 3D transforms

16 likes 31 repins

HackerTyper makes me feel more badass than I actually am / via @Stephanie Lin

1 like 1 comment 1 repin

Profile picture of Kevin108

Kevin108 This reminds me of going to the library when I was a kid. Heh heh.

BFXR / flash-based ui to make sound effects for computer games

3 likes 7 repins

csg.js / Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean operations like union and intersection to combine 3D solids.

4 likes 8 repins

Vantage Point Trees : a data structure for finding stuff fast (that is way over my head)

3 likes 5 repins

The Python Ecosystem — An Introduction, by Mir Nazim

8 likes 10 repins

"Src Img is a bookmarklet that interfaces with Google™ Image Search to help you find the creators of images you see on blogs that are too lame for attribution."

17 likes 1 comment 17 repins

Jon Bruner explains the workings behind his awesome migration map

7 likes 22 repins

Free vector icons drawn with Raphael via bostock

2 likes 1 comment 6 repins

Profile picture of Atul Madhugiri

Atul Madhugiri This looks really nice and clean. Kind of like the Microsoft "Metro" UI.

Eventtarget.js by MrDoob / javascript events for custom objects / awesome!

Familiar logos redone in pure HTML/CSS

13 likes 2 comments 28 repins

Profile picture of Theresa Stanton

Theresa Stanton OMG I love this. I'm a web designer (aka nerd) so this fascinates me to no end.

Profile picture of Sara Chandlee

Sara Chandlee very cool

Codify is an iPad native Lua coding environment

by TwoLivesLeftGames

4 likes 4 repins

Walking up and down the Ladder of Abstraction / A systematic approach to interactive visualization

9 likes 4 repins

Photoshop "Unblur" makes the crowd go wild at 1:18

by peterelst

6 likes 4 comments 12 repins

Profile picture of Michal Migurski

Michal Migurski whoa, is that a projected backdrop made to look like a designer's office?

Profile picture of Michal Migurski

Michal Migurski …and is that guy on the right part of the backdrop?

Profile picture of Michal Migurski

Michal Migurski Oh wait he just moved and talked.

Profile picture of Gregg Tracton

Gregg Tracton this technique was used on images from the Hubble telescope in the early 1990s. the images were all blurry because a lens was ground slightly incorrectly, and were corrected by a prof at the Univ of North Carolina. one big difference was that they knew the PSF (point spread function) because the lens error was known. the reconstructed images were not as good as what would have been acquired with a perfect lens. btw, the lens was replaced a short time later.

"Lately, there has been a lot of experimentation with very short programs that synthesize something that sounds like music. I now want to share some information and thoughts about these experiments." / like demoscene, but for synthesized music

by viznut

10 likes 1 comment 4 repins

Profile picture of Michal Migurski

Michal Migurski Love how you can see the periodicity in the relatively-prime numbers.

From sketching to Inkscape to D3 and back / code for this cool idea for a workflow

2 likes 2 repins

Plask in the browser, by Marcin Ignac

5 likes 1 comment 3 repins

Profile picture of Ben Golder

Ben Golder Never thought I'd be mesmerized by a triangulated belly.

Rendering Synthetic Objects into Photographs / holy fucking shit this is awesome

6 likes 1 comment 16 repins

Profile picture of Lee Taylor

Lee Taylor I strongly desire adding this to my parents' backyard. Tremendous.

Using the Voronoi diagram to find centerlines and place labels on complex polygons

11 likes 8 repins

Pin Loader ImageFetching pins…