Code & Design

TwitterFacebook
Get flash to fully experience Pearltrees
This isn’t a straitjacket or a rule book. We can’t build great services by rote. https://www.gov.uk/designprinciples

GDS design principles

Of course, this has some standardistas on their soapboxes about why monoculture is bad for the web, but the ease of development that it enables for developers will probably win out in the long run. http://badassjs.com/post/20294238453/webkit-js-yes-it-has-finally-happened-browser

WebKit.js: Yes it has finally happened! Browser Inception is now possible. - Badass JavaScript

This article first appeared in issue 215 of .net magazine - the world's best-selling magazine for web designers and developers.

Design the perfect URL | Tutorial | .net magazine

http://www.netmagazine.com/tutorials/design-perfect-url

11 Reasons why responsive web design isn't that cool!

http://www.webdesignshock.com/responsive-design-problems/ Since Ethan Marcotte published his seminal article on Responsive Web Design there’s been an explosion of articles related to this topic. The guy truly made a good work also publishing a book about it , deepening on what many consider, since then, should be a standard for web design. If you have no idea of what this thing is, this Responsive Web Design thing, but simultaneously you’ve been thinking and working on a way for your web projects to be viewable in multiple devices, then you are instinctively working on responsive web design. Here’s a little insight: The main objective of responsive web design is the inherent flexibility a website can acquire through the application of fluid grids, images and CSS Media Queries to adapt the content and design of the website to any device, even if it is a desktop computer, a laptop, an iPad or a Smartphone. You do not have to create a mobile version of your website; you do not have to create an application for every popular device on earth.
UX / user experience

UI / user interface

Fonts In Use – Atlas of the Conflict

(Click any image to enlarge.) It’s no secret I’m a devotee of the work of dutch book designer Joost Grootens . Well known for his big and splendid atlases on environmental and urban planning, his most recent one — “The Atlas of the Conflict” — is a small, slim volume for a change. A dense, meticulously researched documentation of the relationship between Isreal and Palestine over the past 100 years. http://fontsinuse.com/atlas-of-conflict/
http://www.kalyani.com/2010/10/subway-map-visualization-jquery-plugin/

Subway Map Visualization jQuery Plugin » TechBubble

I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services.

PragmataPro, the ideal programming typeface, open source? -- IndieGoGo

http://www.indiegogo.com/PragmataPro-the-ideal-programming-typeface-becomes-open-source The most ergonomic one I made so far is PragmataPro , the font family designed to replace all the uncomfortable monospaced fonts I used to use for coding my websites. I was sure that a more condensed font would have been more readable than the usual wide and too much spaced ones available as system fonts, so in 2001 I designed and published Pragmata, the father of PragmataPro, and have had incredible endorsement. The programmers understood the results by purchasing 187 licenses of the font until now. PragmataPro is my most ambitious project to date: compared to Pragmata (available in Regular only) its a family of four weights (Regular, Bold, Italic and BoldItalic) and for every weight I want to design and hand hint about 2000 letters and symbols for math and programming in the Latin (western, eastern), Cyrillic, Greek and Hebrew scripts, for APL and LaTex programming.
HTC Desire S

http://kkovacs.eu/cool-but-obscure-unix-tools

Cool, but obscure unix tools :: KKovacs

Just a list of 20 (now 28) tools for the command line. Some are little-known, some are just too useful to miss, some are pure obscure -- I hope you find something useful that you weren't aware of yet! Use your operating system's package manager to install most of them. (Thanks for the tips, everybody!) Discussion of this post on Hacker News - that's the place to get into nice old-school FidoNet-style flame wars about the important things in life, like whether or not tmux is better than screen , is parallel better than xargs , whether or not ifconfig is a power tool, or should this list include somebody's once-used tool for converting old Pascal code to C or something.

iTunes Store: Transferring purchases from your iOS device or iPod to a computer

If you want to transfer iTunes Store purchases from an iOS device or iPod to a computer, be sure to authorize the computer before connecting the device. To authorize, follow these steps: Click the Transfer Purchases button. http://support.apple.com/kb/ht1848
http://square.github.com/cube/ Time Series Visualization Cube is an open-source system for visualizing time series data, built on MongoDB , Node and D3 . If you send Cube timestamped events (with optional structured data), you can easily build realtime visualizations of aggregate metrics for internal dashboards.

Cube

The evolution of the web

The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible. Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is a result of the ongoing efforts of an open web community that helps define these web technologies, like HTML5, CSS3 and WebGL and ensure that they're supported in all web browsers.

Designer Proposes London Underground Map Redesign - DesignTAXI.com

The London Underground map , created by Harry Beck in 1931, was an example of great information design, but is now outdated. So says a British designer who is proposing a more geographically accurate version of the iconic map . Mark Noad explained that when Beck’s original map was in use, there were only seven lines on the Underground so “the compromises Beck made on geographical accuracy did not matter greatly”. Today, there are more than twice that number of lines in operation, exacerbating the inaccuracies.

OpenProcessing - Share Your Sketches!

Processing is an open source programming language and environment for people who want to program images, animation, and interactions. It is an open project initiated by Ben Fry and Casey Reas. It can be downloaded from processing.org . There are many classes and workshops around the world that teach Processing, and OpenProcessing.org is a host to many of these, by allowing professors and students to collaborate on the web, and share with the world how they study Processing.
Deliver small images to small devices Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques. Why?

Adaptive Images in HTML

Generative Arts

Processing

Visual Thinking

Keynotes

Code, ones & zeros