Should this be a map or 500 maps?
https://escapethealgorithm.substack.com/p/should-this-be-a-map-or-500-maps [escapethealgorithm.substack.com]
2024-07-04 18:37
tags:
design
essay
ideas
maps
There are many things to take from this story — about beginner’s mind, the diversity of human experience, and the interoperability of language. But what stood out to me most was two opposing lessons about shared protocols and modularity. Tomás’ experiment failed. It failed because each amateur cartographer injected their own methodology and process, resulting in incompatible maps. But in another sense, Tomás succeeded. Sure, maybe this collection of artifacts would be useless for military strategy or commerce, but on the other hand... LOOK AT THESE MAPS, THESE MAPS RULE.
source: HN
The history of computing, as told by the hallways of Microsoft Building 41
https://devblogs.microsoft.com/oldnewthing/20240402-00/?p=109604 [devblogs.microsoft.com]
2024-04-09 23:52
tags:
architecture
design
tech
valley
Each of the six floors of Building 41 is themed after a stage in the development of computing.
Multiply - A Book About Calculators I Helped Create
https://benjamin.computer/posts/2022-08-17-calculators.html [benjamin.computer]
2024-03-15 20:07
tags:
book
design
hardware
math
retro
Now, by trade I’m a software engineer and a trainee scientist - I’ve never designed a book before. However, I’m no stranger to graphic design, having done a variety of things before now. But a book is a new proposition with different challenges. There was a lot of work ahead. But where to begin?
source: Dfly
Mind Grenade Fifty Years On
https://www.fourmilab.ch/webtools/MindGrenade/ [www.fourmilab.ch]
2023-07-27 00:28
tags:
design
interactive
music
retro
solder
tech
In 1969, Harry amazed everybody with a little electronic gadget he’d built which, using the primitive digital integrated circuits of the time, generated random music, played it through a speaker, and flashed lights on its front panel. It was precisely what people expected computers to do, based upon portrayals in the movies and on television, and yet it could be held in your hand and was, internally, very simple. He explained how it worked, and I immediately knew I had to have one. Digital electronics was in a great state of flux at the time, with each manufacturer launching their own line of integrated circuits, most incompatible with one another, so there was no point in slavishly reproducing Harry’s design. Starting from the concept, I designed my own gadget from scratch, using Signetics Utilogic diode-transistor small scale integration integrated circuits which were popular at the time but shortly thereafter made obsolete by 7400 series transistor-transistor logic (TTL). The architecture was identical to Harry’s device, but I opted for more with-it and less power-hungry light-emitting diodes (LEDs) for the display instead of the incandescent bulbs he used. I built the electronics assembly on a sheet of perforated board using wire-wrap fabrication (some people look down their noses at wire-wrap today, but it was good enough for the Apollo Guidance Computer and almost every mainframe backplane of the 1960s, and my wire-wrapped electronics works perfectly fifty years later.)
Little did I imagine, when designing and building the Mind Grenade hardware in 1969, that fifty years later I’d be emulating it on a computer which ran more than a thousand times faster than the one I used in my day job at the time and, furthermore, was sitting on my own desk. But here we are. Thanks to HTML5 and JavaScript, it is now possible to emulate the hardware Mind Grenade entirely in software that runs within any modern Web browser. Below is an abstracted version of the Mind Grenade front panel. Press the power button at the bottom to get things going. The slider at the left controls the pitch and the slider at the right sets the rate at which the notes play. The check boxes below the lights select any of the 16 possible tunes that can be played.
source: HN
Why some GitHub labels are illegible
https://firsching.ch/github_labels.html [firsching.ch]
2023-03-14 22:48
tags:
design
graphics
html
ux
web
essentially the text of the label will be colored white if perceived-lightness<0.453 and black otherwise. However, when the perceived-lightness is very close to the threshold, we don’t trigger the min or max and actually get some sort of grey color for the label.
source: HN
TVA Multifunctional Computer
https://www.behance.net/gallery/124646129/TVA-Multifunctional-Computer [www.behance.net]
2022-05-22 20:04
tags:
design
fiction
hardware
retro
How I experience the web today
https://how-i-experience-web-today.com/ [how-i-experience-web-today.com]
2022-04-19 22:45
tags:
browser
business
design
development
essay
interactive
ux
web
An interactive experience!
source: DF
How Does Perspective Work in Pictures?
https://aaronhertzmann.com/2022/02/28/how-does-perspective-work.html [aaronhertzmann.com]
2022-03-02 22:06
tags:
design
graphics
Theories of perception and photography often tend to be all-or-nothing. Either linear perspective and cameras are correct, and cameras don’t lie. Or, there is no objective reality and everything is made-up. The reality is clearly far more complex. Our artwork employs all sorts of complex nonlinear structures, and our brains are able to understand and interpret them. Even more confusing, there’s some evidence that people with very different cultural backgrounds may vary in perspective perception in some cases. Understanding how and why perspective works is a hard problem (and one that I’m working on), as is developing new software tools to make images to easily convey what we want to convey.
source: HN
In Defense of Interactive Graphics
https://www.vis4.net/blog/2017/03/in-defense-of-interactive-graphics/ [www.vis4.net]
2021-03-10 03:36
tags:
design
ux
web
Knowing that the majority of readers doesn’t click buttons does not mean you shouldn’t use any buttons. Knowing that many many people will ignore your tooltips doesn’t mean you shouldn’t use any tooltips. All it means is that you should not hide important content behind interactions. If some information is crucial, don’t make the user click or hover to see it (unless you really want to). But not everything is crucial and 15% of readers isn’t nobody. So there is a lot we can do with interaction, and I am going to point out three examples below.
source: Dfly
Uniwidth typefaces for interface design
https://uxdesign.cc/uniwidth-typefaces-for-interface-design-b6e8078dc0f7 [uxdesign.cc]
2021-01-31 02:22
tags:
design
ux
Uniwidth typefaces, on the other hand, are proportionally-spaced typefaces, but every character occupies the same space across different cuts or weights. What this means in practice is that no matter which weight you set your text in, it will never change its length or cause text to reflow.
source: HN
Modern Retro Computer Terminals
https://uri.cat/projects/modern-retro-terminal/ [uri.cat]
2021-01-13 07:53
tags:
design
future
hardware
photos
retro
solder
The goal for this project is to design, 3D-print and assemble the enclosures for several small desktop computers.
source: jwz
On the bonkers color palette of Garfield comics
http://wondermark.com/garfield-color/ [wondermark.com]
2020-11-25 01:17
tags:
book
comic
design
One thing Garfield doesn’t get enough recognition for is truly bonkers, impressionistic color choices. This sidewalk is pink and yellow. Jon wears purple pants. Every panel is like an Easter basket.
Consistently zany. Sometimes.
source: HN
Ten modern layouts in one line of CSS
https://web.dev/one-line-layouts/ [web.dev]
2020-07-13 01:26
tags:
design
html
web
This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.
source: L
How to Put More “Character” Into Your NPCs
https://pausebutton.substack.com/p/how-to-put-more-character-into-your [pausebutton.substack.com]
2020-05-26 18:21
tags:
design
development
gaming
There’s something about the term “NPC” (Non-Player Character) that sounds hollow to me. Maybe it’s the ambiguousness of acronyms, or how the term literally sounds like “empty.” As a narrative designer, my philosophy is to think of NPCs less like assets on a spreadsheet, and more like my cast. There are big and small parts, but I believe designers can give any character soul. (Even a character whose soul was stolen by an evil wizard of some sort!) A bit more effort can make a minor NPC more human, and a game’s world more alive.
source: HN
Retronator
https://www.retronator.com/ [www.retronator.com]
2020-04-27 00:52
tags:
archive
design
links
WSJ Jigsaw Puzzle
https://www.wsj.com/graphics/wsj-jigsaw-puzzle/ [www.wsj.com]
2020-04-23 21:45
tags:
design
gaming
media
Play our game and also read more about these famous faces, quirky news subjects and other images in the stipple style
I appreciate that it works on phones.
'Soviet Space Graphics' takes you inside the cosmic visions of the USSR
https://www.space.com/soviet-space-graphics-book-art-images.html [www.space.com]
2020-04-16 09:29
tags:
book
design
photos
retro
space
One new book transports readers back to the early days of Soviet spaceflight with an unbelievable collection of stunning, colorful and nostalgic images. “Soviet Space Graphics: Cosmic Visions from the USSR,” (Phaidon, 2020), released April 1, is a masterful compendium of images showcasing space design ideas from the then Soviet Union from the 1920s through the 1980s. It highlights the beauty of early space design in imaginative, colorful artworks.
source: grugq
Pixel Art In GIMP
https://peppe.rs/posts/pixel_art_in_GIMP/ [peppe.rs]
2020-04-10 03:11
tags:
design
graphics
I’ve always been an admirer of pixel art, because of it’s simplicity and it’s resemblance to bitmap font design. Recently, I decided to take the dive and make some art of my own. I used GIMP because I am fairly familiar with it. Aseprite seems to be the editor of choice for animated pixel art though.
source: L
Videogame Doesn’t Infringe Tattoo Copyright By Depicting Basketball Players
https://blog.ericgoldman.org/archives/2020/03/videogame-doesnt-infringe-tattoo-copyright-by-depicting-basketball-players-solid-oak-sketches-v-2k-games.htm [blog.ericgoldman.org]
2020-03-31 23:58
tags:
design
gaming
policy
This case deals with a venerable and vexing copyright law problem: if a person doesn’t own the copyright to his/her tattoos, do other people infringe by accurately depicting the person? The answer surely has to be “no.” Otherwise, ordinary daily activities, such as photos and videos in public, become an unnavigable thicket of potential liability. Fortunately, this case decisively reaches the right result. However, it’s unclear how much it predicts future cases.
Remaking Iconic Cuts From Spider-Verse Trailer
https://www.youtube.com/embed/k4IdGIMa5JI [www.youtube.com]
2020-03-08 03:22
tags:
design
video
Hand drawn animation.
source: K