arthegall + design   133

All About Floats | CSS-Tricks
float and clear properties in CSS.
css  tutorial  web  design 
16 days ago by arthegall
Do we remember less well when we read from computer screens? — Marginal Revolution
I love hypotheses about subtle effects like this -- in the same vein are the Seth Roberts self-testing-based hypotheses about things like "seeing a face in the morning" and "being exposed to light in the evening." But I'm not sure this particular question is phrased very well; I don't think "we remember" is a description of a unitary action. Like, "remembering" isn't the same kind of thing as "learning to shoot a free throw" -- it's probably a single word for a whole bunch of things, a lot of processes, all wrapped up into one. Personally, I've been working on memorizing as much of Book I of Paradise Lost as I can, from my phone (during commutes on the bus in the morning), and that's actually worked out pretty well for me. I think most of these "usability" studies are actually probably pretty worthless-- in that, I'd bet that their replication rate would be even lower than a lot of psych studies, were they published and reviewed in the same way. Can we get a "science of usability," please?
anecdotal-data  memory  jakob-nielsen  usability  ux  design 
9 weeks ago by arthegall
Color Meanings by Culture
The pop psychology of color choice in visualization. Love it.
color  design  culture  visualization 
december 2011 by arthegall
How To Avoid Equidistant HSV Colors — vis4.net
Arrays of equal-brightness colors using the Lab and CSL color spaces.
visualization  color  rgb  design 
december 2011 by arthegall
jQuery Masonry
Vertical layout, CSS float alternative.
css  javascript  web  layout  design  programming  jquery  library 
december 2011 by arthegall
Tamara Munzner, "Interactive Visualization of Large Graphs and Networks"
Munzner's thesis, from 2000. T.M.'s papers on visualization are consistently some of the most interesting that I read.
visualization  data  graphs  layout  design  thesis 
june 2011 by arthegall
BioMORTAR
The UIUC team's "pathway designer" interface. Built on top of Django.
django  web  programming  igem  uiuc  igem2010  design  synthetic-biology 
november 2010 by arthegall
iPhylo: Viewing scientific articles on the iPad: towards a universal article reader
The first in a series of posts from Rod Page, about reading scientific articles on smaller devices (iPads, other tablets) -- he's reviewing the presentation, interaction, UI, and visual tropes of a couple different readers, in preparation for talking about building an app to read phylogenetics papers on the same platforms. These are worth bookmarking and reading -- they're probably useful for thinking about how to read other media as well (magazines? newspapers? something else?). I've been intending to forward this to Sam when I get a chance...
by:rod-page  science  publishing  ipad  ui  design  web  tablet-devices  plos  phylogenetics 
september 2010 by arthegall
"How recipes should look" on Flickr
Are the widths (lengths, whatevs) of the horizontal lines proportional to time? What other kinds of tasks could these diagrams be used for? Could we automatically generate these kinds of visualizations from (say) a protocol description? (I'm thinking of something like Biocoder here.)
via:arsyed  cooking  recipes  design  food  flickr  visualization  time  chart 
july 2010 by arthegall
OpenSCAD - The Programmers Solid 3D CAD Modeller
"OpenSCAD is not an interactive modeller. Instead it is something like a 3D-compiler that reads in a script file that describes the object and renders the 3D model from this script file (see examples below). This gives you (the designer) full control over the modelling process and enables you to easily change any step in the modelling process or make designes that are defined by configurable parameters."
via:ltu  3d  software  opensource  graphics  modeling  visualization  design  cad 
june 2010 by arthegall
Unhappy Hipsters
"You can come out when you can properly explain the differences between Modernist architecture and postmodern ornamentation."
via:cshalizi  humor  architecture  design  goddamn-hipsters  blog 
february 2010 by arthegall
webdev.stephband.info
Parallax-based interactive viewing of multiple layers. Javascript. Amazing. (It'd be cool to see this used for a multi-scale genomic visualizer, a la that old Ben Fry visualizer...)
javascript  animation  programming  web  graphics  design  via:chl 
december 2009 by arthegall
Michael Trick’s Operations Research Blog : Without Operations Research, Gridlock!
"Of course, without operations research, which determines the correct times and coordinates it across the network, it would be a disaster all the time." -- A rather narrow counterfactual.
operations  research  traffic  optimization  design  via:Vaguery 
november 2009 by arthegall
A List Apart: Articles: Accessible Data Visualization with Web Standards
Using colored divs and tables and lists to visualize.. colored bars.
visualization  html  css  web  design 
october 2009 by arthegall
"Foam Block Turns Into A Chair When You Sit On It"
Awesome -- how do you design this? Could you design a series of bubbles that cause it to fold into something else when you sat on it? Or applied different kinds of pressure to it?
via:lmorchard  chair  furniture  design 
october 2009 by arthegall
Mlle. Le Renard: space tools: scripts for architectural historians of the future
"I imagine art historians of the future looking back at the last 10 years of architectural design and excavating not tools, but scripts and codes. They'll be trying to figure out which version of Rhino or Grasshopper a designer might have access to in 2007 or 2013 in order to invent as they did. They'll be thinking about how space became something we understood in relation to the fly-through tool." -- You know, I'm not an expert on Rhinoscript as a language in and of itself -- but I would imagine that a properly designed scripting language would allow a historian to analyze a designer's thought in terms of types and abstractions. "Which abstractions, which higher-order functions, did she routinely use?" The thing is, the script *is* the designer's thought-process, made manifest in a manner that we haven't come to grips with, in any field. Today's methods of formal (algorithm) analysis will become tomorrow's historical tools.
architecture  history  programminglanguages  scripting  space  technology  design 
april 2009 by arthegall
hdl 2010 : helsinki design lab
Bryan's new project! Looks great... also, the 1968 picture of Fuller and his "Dymaxion Map" is pretty awesome.
dymaxion-map  map  picture  buckminster-fuller  via:bryan  helsinki  design  history  future 
march 2009 by arthegall
"Getting Past the Pie Chart" (Veronique Greenwood at Seed Magazine)
"Skimming through these visual databases, he’s found, can be much more effective than complicated visualization; Cleveland is working on a protocol to share with others soon. Yet even as he advocates the use of visualization databases, he emphasizes that numerical tools — statistical tests of variance and significance — are just as important in assessing trends. Current enthusiasm for putting numbers into pictures sometimes obscures the fact that science is, after all, a quantitative pursuit, and an image alone cannot replace numbers." --- But what about images *of* numbers?? In all seriousness, this is the problem (tools for analysis, not just visualization) that is constantly at the back of my mind.
visualization  statistics  opinion  graphs  design  futurism  analysis 
march 2009 by arthegall
ScenarioML : Thomas Alspaugh : UCI
"ScenarioML" appears to be a structured language for expression "scenarios" about programs, or during design? (See also: Alspaugh's publications: http://www.cs.georgetown.edu/~alspaugh/pubs.html ). Not sure this is relevant to what I'm looking at right now, but I came across it while browsing some technical reports from Alspaugh about Allen's interval algebra, and wondered if it might be of interest to other people...
programming  design  xml  formal-methods  development 
february 2009 by arthegall
The Post-Materialist | A Pattern’s Math Magic - The Moment Blog - NYTimes.com
John saved this in Google Readera while ago... what's going on here, I guess, is that the tiles are defined, or constrained, by their interfaces? "Interface" here being, I guess, the location and number of points along their edges. Tiling with a fixed alphabet would probably be easy to write a search for. I can't get the sketch for the "magnetic tile" out of my head.
visualization  art  design  wallpaper  pattern 
january 2009 by arthegall
Guttag and Horning, "Formal specification as a design tool" (1980)
"In this paper we outline a specification language combining algebraic axioms and predicate transformers, present part of a non-trivial example (the specification of a high-level interface to a display), and finally discuss the analysis of this specification." Daniel Jackson cites this paper (which describes the "Z" system for specification and analysis of programs) as a early, and key, inspiration to his Alloy system (I'm paraphrasing this from Jackson's book, "Software Abstractions.")
research-article  acm  design  logic  daniel-jackson  john-guttag  z  alloy  formal-methods 
december 2008 by arthegall
Silverlight 2 Ships - MicroMiel
"Deep Zoom: Enables unparalleled interactivity and navigation of ultra-high resolution imagery"
silverlight  web  programming  ui  zoom  design  microsoft 
october 2008 by arthegall
Genome Quilts by Beverly St. Clair
"Beverly St. Clair has originated a way of encoding genetic information in quilt designs." Well, I wouldn't say "originated," but this is a *particular* encoding that leads to particularly cool looking designs. Examples given mostly include genes, but we should consider that non-coding regions might be equally important (or beautiful) for design and aesthetic purposes. Really, *any* piece-by-piece encoding could be tiled in this way. It'd be neat to think about whether certain encodings make clear things like ... protein structure (functional domains), regulatory structure, etc. Also: automatic generation of these patterns at high densities...
visualization  quilts  science  genomics  dna  design 
september 2008 by arthegall
Design Elements - Google V8 JavaScript Engine - Google Code
"There are three key areas to V8's performance:

* Fast Property Access
* Dynamic Machine Code Generation
* Efficient Garbage Collection"
javascript  google  design  v8  chrome 
september 2008 by arthegall
"Delicious.com redesigns, screws pooch" (Nathan Bowers)
Honestly, all these people who are complaining about the del.icio.us redesign are completely missing the point. Sure, the layout is weird. Sure the colors need improvement. Sure, there are a whole host of other tweaks that could be made. But! Three things: (a) 1000 character comments, (b) working (and good!) search, and (c) better handling of tag bundles. "Good" web design pales in the face of real, useful features. If you spent your life studying web design instead of web programming -- well, sorry you wasted your life, guy.
delicious  design  web  via:arsyed  opinion 
august 2008 by arthegall
"Let's make a programming language!" (Lambda the Ultimate)
Frank Atanassow comment at LtU -- "five questions to answer before you design a new programming language," but really these could be applied to almost any significant research task. "If you have only ever programmed in C/C++/Java and Lisp and scripting languages, you have been sitting in a corner your whole life. Perl, Python, Ruby, PHP, Tcl and Lisp are all the same language." But read the whole thing, because all of it is amazing.
programminglanguages  design  blog-comment  humor  ltu  questions  via:manuel 
august 2008 by arthegall
"Maybe Normalizing Isn't Normal" (Coding Horror)
"As the old adage goes, normalize until it hurts, denormalize until it works."
database  design  hardware  schema  performance  optimization 
july 2008 by arthegall
"A Path to Road Safety With No Signposts" (NYT Magazine)
How to drive in traffic that doesn't stop. I might have mentioned this to you before... I know I've talked about it, a lot.
design  traffic  nyt  europe  roads  transportation  ideas  safety 
june 2008 by arthegall
Administrative Debris (Ryan Tomayko)
Premature generalization of Tufte is the root of all evil.
design  web  visualization  blogs  css  html  ui  tufte 
june 2008 by arthegall
Ierusalimschy, de Figueiredo, Celes "The Implementation of Lua 5.0"
Discussing the implementation of a particular interpreted language. (Closures, one-pass compiling.)
compiler  research-article  pdf  programminglanguages  interpreter  design  virtual-machine 
june 2008 by arthegall
Hadley Wickham, "A Grammar of Graphics"
Presentation for an R-graphics package. Not quite fleshed out, but .. thinking along the right lines.
pdf  presentation  graphics  visualization  statistics  design 
june 2008 by arthegall
Bergman, Rogowitz, Treinish, "A Rule-based Tool for Assisting Colormap Selection"
(Dennis -- same guys as the ones you just linked to, but this time a report on a color picking tool called "PRAVDA", which is *slightly* more formal.)

An IBM technical report. Describes the PRAVDA color selection system. Something like this should be more available in the biological sciences -- the use and abuse of "heat maps," for instance, with gene expression, is insane.
color  visualization  via:vaguery  design  research  perception  software  ibm 
may 2008 by arthegall
"Why Your Code Sucks" (Dave Astels)
Do your tests work? (Are they complete?) How do you know? Can you prove it? Technically, we could play this game all day. (Which doesn't mitigate the practicality of some of the advice.)
programming  opinion  testing  agile  design  software  humor  via:vaguery 
april 2008 by arthegall
StyleFeeder
The startup where Jason R. is working now. I should tell my sister about this site...
aggregator  style  design  shopping  recommendations  sharing  web  networking  media  catalog  clothing  culture 
april 2008 by arthegall
FontStruct
Online font-building tool? Free, I think.
via:johnsnavely  fonts  tool  web  typography  design  typesetting 
april 2008 by arthegall
"Take Control of Your Maps" (Paul Smith, A List Apart)
Excellent run-down, from top to bottom, of rolling your own map solution for a dynamic website.
mapping  web  programming  tutorial  javascript  design  maps 
april 2008 by arthegall
"The mathematics of preservation and the future of urban ruins" (BLDGBLOG)
"Knot diagrams. Could we treat these as infrastructural blueprints and redesign the U.S. highway system to form a catalog of complex knots? You could then study experiential mathematics from behind the wheel of your car.."
architecture  design  highways  art  aesthetics  mathematics  knots 
april 2008 by arthegall
Scribus
Open-source page layout software.
design  opensource  software  tools  graphics 
february 2008 by arthegall
"Cutting out Static" (Room 101)
Gilad Bracha on static state. "The bottom line, though, should be clear. Static state will disappear from modern programming languages, and should be eliminated from modern programming practice."
programminglanguages  programming  rant  design 
february 2008 by arthegall
Snipplr - Code 2.0
"Snipplr is a public source code repository that gives you a place to store and organize all the little pieces of code that you use each day." Objective-C, but no Java? I guess this is a Mac-related community.
programming  web  ajax  design 
january 2008 by arthegall
"Adventures in Stacking" (BLDGBLOG)
What's the difference between packing and stacking, John? Like, two letters and one dimension. If you haven't read this yet, you need to.
architecture  art  geometry  engineering  design 
january 2008 by arthegall
"The city of retroactive mathematics" (BLDGBLOG)
"An odd mix of ornamental numerologies in the city's high street..." (BLDGBLOG is essentially poetry, which is kinda why I love it.) John, this post reminds me of some of your work.
architecture  mathematics  design  visualization 
december 2007 by arthegall
"Coffee Drinks Illustrated" (Lokesh Dhakar)
Different kinds of coffee-drinks, described in a simple diagrammatic way. I should probably print this on an index card and keep it in my wallet. (But what's a "macchiato?")
coffee  visualization  design 
november 2007 by arthegall
"Pecha Kucha and the art of liberating constraints" (Presentation Zen)
20 slides, 20 seconds each. Get up, say it, and sit down. Presentation philosophies need catchy names, natch.
presentation  slides  design  powerpoint 
october 2007 by arthegall
SIMILE | Timeplot
Beautiful. I should just go through and bookmark *everything* from the SIMILE project. (These guys are just down the hall from me, btw.)
design  visualization  web  css  javascript  timeline 
october 2007 by arthegall
The FreeType Project
"A Free, High-Quality, and Portable Font Engine." Fonts, you say? Open-source, you say?
font  design  typography  opensource  graphics 
october 2007 by arthegall
"Visualizing Fitts’s Law" (Particletree)
Fitt's Law -- a relationship (involving a formula) between the distance to and size of a target for ease-of-selection, in user-interface design. Not sure why he says "corners have infinite dimension," but still.
interface  design  computers 
october 2007 by arthegall
"Why Programmers suck at Picking Colors" (Stefano's Linotype)
(Dennis, I had saved this a while ago, but figured you should see it too.) Ah! Yes! Exactly what I needed to read about. Type to ... implement some of this in some of the code that we use to generate color-coded biological results.
colors  design  visualization 
october 2007 by arthegall
BLDGBLOG: Air Unit
Everyone loves the acronym "AIR", right? I assume you've seen this already, but if not -- cool, right? Modular, air-droppable condos. Pastiche from the *future*.
architecture  design 
october 2007 by arthegall
gefingerpoken (tecznotes)
Multi-touch (two-finger) algorithmics. Reminds me of the old "three-fingered salute" jokes, but also: useful.
design  flash  ui  interface  multitouch 
september 2007 by arthegall
Junk Charts
One of the two blogs I was mentioning to you, yesterday. He 'reviews' a lot of charts from the NYT.
blog  art  design  visualization  statistics 
september 2007 by arthegall
rst2a - reStructuredText to Anything
Structured text composition, with converters to other formats. An online editor, a repository for 'format' schemata, but also links to open-source tools to do the same (I think) locally. Nice.
writing  api  design  layout  tools  text 
september 2007 by arthegall
Protoscript - Home
"For creating AJAX-style prototypes..."
ajax  design  javascript  programming  web  library 
september 2007 by arthegall
the PIXEL IMPLOSION!
I did a half-assed version of the "Notae" tool in Java, at one point. These apps make me want to buy a Mac. Also, thinking about this makes me realize that integrating one of these tools with the OS is half the battle.
software  design  interface  tools  graphics  mac  via:johnsnavely 
august 2007 by arthegall
« earlier      

related tags

3d  a-list-apart  accessibility  acm  advertising  advice  aesthetics  aggregator  agile  ajax  alloy  analog-computers  analysis  anecdotal-data  animation  anti-aliasing  api  apple  architecture  archive  art  article  ascii-art  blog  blog-comment  blogs  book  bookbinding  books  browser  buckminster-fuller  business  by:rod-page  cad  cardboard  cars  catalog  chair  chart  chrome  clothing  coffee  collaboration  color  colors  comic  company  compiler  computation  computers  computerscience  cooking  crazy-attention-to-detail  criticism  crowdsourcing  css  culture  daniel-jackson  data  database  delicious  design  development  diagram  dissertation  django  dna  dom  dymaxion-map  electronics  engineering  essay  europe  flash  flickr  fluid  font  fonts  food  formal-methods  freeware  fun  functionalprogramming  furniture  future  futurism  games  gears  genomics  geometry  goddamn-hipsters  google  graph  graphics  graphs  grid  gui  guide  hardware  haskell  helsinki  helvetica  highways  history  homepage  html  html5  http  humor  ibm  ideas  igem  igem2010  index  interactive  interface  internet  interpreter  interview  ipad  jakob-nielsen  japan  java  javascript  john-guttag  journal  jquery  knots  latex  layout  library  linked-data  links  list  literature  logic  ltu  mac  magazine-article  map  mapping  maps  mathematics  media  memory  methods  microsoft  mobile  modeling  multi-touch  multitouch  music  nature  network  networking  news-article  notebooks  nyt  online  opensource  operations  opinion  optimization  origami  osx  paper  pattern  pdf  perception  performance  photography  phylogenetics  picture  pixel-fitting  plos  portfolio  posters  powerpoint  pownce  presentation  presentations  printing  processing  productivity  programming  programminglanguages  psychology  publishing  python  questions  quilts  rant  rdf  recipes  recommendations  reference  research  research-article  researcher  rest  rgb  rice  roads  roy-fielding  rpg  s3  safety  scaling  schema  science  science-fiction  scripting  semanticweb  sharing  shopping  silverlight  slate  slides  social  software  space  statistics  style  swing  sxsw  synthetic-biology  tablet-devices  tarantino  technology  testing  tex  text  theory  thesis  threads  tim-berners-lee  time  timeline  tool  tools  traffic  transportation  tufte  tutorial  typesetting  typography  ui  uiuc  usability  ux  v8  via:arsyed  via:bryan  via:chl  via:cshalizi  via:infovore  via:johnsnavely  via:lmorchard  via:ltu  via:manuel  via:scor  via:vaguery  video  virtual-machine  vision  visualization  w3c  wallpaper  web  web2.0  webdesign  wedding  writing  xml  z  zoom 

Copy this bookmark:



description:


tags: