performative-ui | AI-native React Components
https://vorpus.github.io/performativeUI/
AI-native React components for AI startup
Components that signal how oversubscribed your funding round is.
earthtojake/text-to-cad: A collection of agent skills for CAD, robotics and hardware design
https://github.com/earthtojake/text-to-cad
A collection of agent skills for CAD, robotics and hardware design
Save For Web claws – Unsung
https://unsung.aresluna.org/save-for-web-claws/
For context, Save For Web was a popular export function in Photoshop at the peak of its use for web design, but assigned a rather unpleasant ⌘⌥⇧S shortcut. Using it often turned your hand into a… claw of sorts.
Penpot: The Design platform for Design & Code Collaboration
https://penpot.app/
Penpot is the web-based open-source design platform that bridges
the gap between designers and developers.
Build your retro library - 8bitcn/ui
https://www.8bitcn.com/
A set of 8-bit styled components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
LEGO's 0.002mm Specification and It's Implications for Manufacturing - Productivity - The Wave
https://www.thewave.engineer/articles.html/productivity/legos-0002mm-specification-and-its-implications-for-manufacturing-r120/
LEGO demonstrates that micron-level precision is achievable in mass production, but only if the entire system - material, mold, process, quality control - is designed around that requirement from day one. The lesson isn't that everyone should match LEGO's tolerances. It's to understand what your product actually requires, then build your manufacturing system to deliver that at the scale and cost your business model demands. Define what precision truly matters for your customers, and then build your system to deliver it, every single time.
Introduction - Neobrutalism components
https://www.neobrutalism.dev/docs
Neobrutalism is a mix of regular brutalism in web design and more modern typography, illustration, and animation standards. Neobrutalism refuses the usual components of UX-UI design and embraces uncomfortable design elements, and it is more fearless to use distinctive color palettes.
Your App Subscription Is Now My Weekend Project · Roberto Selbach
https://rselbach.com/your-sub-is-now-my-weekend-project/
I’m still skeptical of vibecoding in general. As I mentioned above, I would not trust my vibecoding enough to make these into products. If something goes wrong, I don’t know how to fix it. Maybe my LLM friends can, but I don’t know. But vibecoding is 100% viable for personal stuff like this: we now have apps on demand.
Why Designers Can No Longer Trust the Design Process - YouTube
https://www.youtube.com/watch?v=4u94juYwLLM
For years, designers have been told to trust the process.
Research first. Personas. Journey maps. Problem statements. Then solutions.
In this talk from Hatch Conference, Jenny Wen, Design Lead at Anthropic and former Director of Design at Figma, explains why that model no longer fits the reality of modern design work.
Humanizing AI Is a Trap - NN/G
https://www.nngroup.com/articles/humanizing-ai/?ref=sidebar
Artificial intelligence can improve user experiences and solve problems without being human-like. Modern LLMs are naturally humanizing technologies because of their training, but organizations should recognize this trait and avoid emphasizing it through extra design choices. Even practitioners without control over base models can focus on system prompts that reduce sycophancy, evaluation criteria that prioritize accuracy over engagement, and interface decisions that emphasize usefulness over artificial friendship. Teams should create AI as practical tools, focusing on usability and utility rather than artificial personalities.
The struggle of resizing windows on macOS Tahoe – no.heger
https://noheger.at/blog/2026/01/11/the-struggle-of-resizing-windows-on-macos-tahoe/
So in the end, the most reliable way to resize a window in Tahoe is to grab it outside the corner – a gesture that feels unnatural and unintuitive, and is therefore inevitably error-prone.
Telepath: building a new kind of computer - unique hazards may exist
https://uniquehazards.com/2025/12/04/telepath-building-a-new-kind.html
That’s the mission of my new startup, Telepath. We’re building that metaphorical EV: the software stack for a new kind of computing experience, freed from decades of accrued assumptions, powered at its core by machine intelligence but employed in the service of individuals. We aren’t really an “AI company”, and we aren’t chasing AGI. We see AI as normal technology, but one that carries an unusual level of both promise and peril. Used wisely and responsibly, this technology has the potential to elevate our computers and unlock a revolution even greater and more exciting than the move from CLI to GUI forty years ago.
Durable Consumables - Travers Nisbet
https://travers.fyi/durables?ref=sidebar
The frontier keeps moving. Progress keeps accelerating. The rational response is shorter time horizons, faster replacement cycles, less investment in permanence. I understand the logic. I just wonder what we lose when fewer objects around us are built with the assumption that they'll still be here, still working, still ours, decades from now.
And Stay Out
https://lmnt.me/blog/and-stay-out.html
There’s no doubt Jony has good taste, by the way. He and his team designed great products during the first half of his tenure at Apple. But as he became wealthier, he started to conflate good taste with luxury. Jony often described Apple products with words about craft, material, and precision, all things that appeal to a luxury market. Apple shifted away from making products “for the rest of us” and started making products that appealed specifically to rich people
1. Introduction to Rivulet / Jo Wood | Observable
https://observablehq.com/@jwolondon/rivulet-intro?collection=%40jwolondon%2Frivulet
Rivulet is an esolang ('esoteric language') written by Daniel Temkin that uses gylphs to represent programming instructions. While it would not be a practical basis for most programming tasks, it does represent an interesting space between text-encoded programming languages and graphically encoded data visualization. As a language it invites careful thought about 'code layout', as its design offers much more flexibility in visual form than most languages. It encourages us to consider the role that design choices and aesthetics play in helping construct visual schemata. It challenges notions of 'efficiency' in the construction and interpretation of computer code, much like the Atypography movement does with text.
Color Palette Pro
https://colorpalette.pro/?color=oklch%2817%25+0.177+46.9%29&paletteType=ana&paletteStyle=diamond&colorFormat=oklch&effects=0%2C0%2C0%2C0
The ColorPalette Pro synthesizer generates 6 different color palettes, in 4 styles, across 8 color spaces and formats.
Export, share, download, and copy palettes to create beautiful artworks, websites, and designs.
Designed and developed by Ryan Feigenbaum.
What Happened to Apple's Legendary Attention to Detail? - Fragments & Reflections
https://blog.johnozbay.com/what-happened-to-apples-attention-to-detail.html
In my mind, "Apple" as a brand used to be synonymous with "attention to detail" but sadly, over the course of the last 8 - 10 years, their choices have become anything but detail oriented.
Designers Have to Move from the Surface to the Substrate — Suff Syed
https://www.suffsyed.com/futurememo/designers-have-to-move-from-the-surface-to-the-substrate
We're still arguing about “does Figma Make augment creativity” while the actual decisions, the ones that will shape how billions of people relate to intelligence, are being made in rooms we're not invited to, using language we haven't learned, by people who will have to move mountains to help the designers of today understand these technical nuances. Which will inadvertently slow progress down. In a landscape that’s moving at blistering speed, that’s a make or break.
The Design Leaders Are Lying to You — Suff Syed
https://www.suffsyed.com/futurememo/the-design-leaders-are-lying-to-you
Every designer now faces a choice.
You can continue seeking guidance from leaders who are excellent generals of yesterday's war. Continue perfecting skills optimized for a diminishing paradigm, hoping the transformation will somehow spare you. That your craft will be recognized. That your leaders will guide you through.
Or recognize that the paradigm has already shifted. That the work determining design's future is happening now, in rooms where most designers are not present. And that if we want to shape that future, we must be willing to fundamentally transform what it means to practice design.
Getting Creative With shape-outside | CSS-Tricks
https://css-tricks.com/getting-creative-with-shape-outside/
There are so many creative opportunities for using shape-outside that I’m surprised I see it used so rarely. So, how can you use it to add personality to a design? Here’s how I do it.
WebTUI
https://webtui.ironclad.sh/start/intro/
WebTUI is a CSS library that brings the beauty of Terminal User Interfaces (TUIs) to the browser
Frutiger Metro | Aesthetics Wiki | Fandom
https://aesthetics.fandom.com/wiki/Frutiger_Metro
Frutiger Metro (also known as Flat Frutiger Aero, Vector Metro, or Vector Vomit) is a broad design aesthetic that encompasses the "Frutiger" vector-based graphic designs of the 2000s, utilizing glossy textures, abstract flourishes, humanism, nature, gradient blocks, and bloom elements. It combines flat, minimalist graphics with a maximalist design philosophy, typically catering to a pre-teen/teenage demographic. Frutiger Metro shares a lot of similarities with Frutiger Aero and other aesthetics of the time; unlike Frutiger Aero which has a large focus on detailed glossy 3D designs, Frutiger Metro is flat.
Frutiger Metro Aesthetic - frutiger-aero.org
https://frutiger-aero.org/frutiger-metro
Frutiger Metro, also known as Flat Frutiger Aero, Vector Metro, or Vector Vomit, is an expansive design aesthetic that encapsulates the "Frutiger" vector-based graphic designs of the 2000s. It features glossy textures, abstract flourishes, humanism, nature-inspired elements, gradient blocks, and bloom effects. Frutiger Metro combines flat, minimalist graphics with a maximalist design philosophy, often appealing to a pre-teen and teenage demographic. While sharing many similarities with Frutiger Aero and other aesthetics of the era, Frutiger Metro distinguishes itself by its focus on flat, 2D designs, in contrast to Frutiger Aero's emphasis on detailed, glossy 3D elements.
Don't Fuck With Scroll
https://dontfuckwithscroll.com/
Momentum scrolling plugins are the web equivalent of turning a functional bike into a unicycle because it "looks cool." It adds unnecessary complexity, degrades usability, and frustrates users. Instead of reinventing scrolling, stick to what works: native, predictable, fast scrolling behavior.
Don't make scrolling a thing. Just let people scroll.
Make it Yourself
https://makeityourself.org/
Make it Yourself is a digital book that showcases this incredible talent, bringing together over 1000 useful DIY projects to demonstrate just what is possible when you make things yourself.
Emoji Kitchen Browser
https://emoji.supply/kitchen/
Emoji Kitchen Browser
https://emoji.supply/kitchen
Tree views in CSS
https://iamkate.com/code/tree-views/
A tree view (collapsible list) can be created using only HTML and CSS, without the need for JavaScript. Accessibility software will see the tree view as lists nested inside disclosure widgets, and the standard keyboard interaction is supported automatically.
Tree views in CSS
https://iamkate.com/code/tree-views
A tree view (collapsible list) can be created using only HTML and CSS, without the need for JavaScript. Accessibility software will see the tree view as lists nested inside disclosure widgets, and the standard keyboard interaction is supported automatically.
<Now Go Bang!> Raster CRT Typography (According to DEC)
https://www.masswerk.at/nowgobang/2019/dec-crt-typography
The time it takes for the phosphor to become fully activated is actually longer than the pulse representing the timing to draw a single pixel (40 nanoseconds). Meaning, if we were to attempt to display just a single pixel, the phosphor on this particular spot will never reach its full activation level resulting in a fuzzy image of varying brightnesses between dimmer, thin strokes and heavier, thick strokes. So the typography has to adjust for this, by streching the pulses to double width (80 ns), at least, in order to provide an even image and legible text and to work around the shallow flanks of the screen intensification.
emot.es - All your favorite emoticons in one place ( ͡° ͜ʖ ͡°)
http://emot.es/
What Twitter could have been
http://daltoncaldwell.com/what-twitter-could-have-been
As I understand, a hugely divisive internal debate occurred among Twitter employees around this time. One camp wanted to build the entire business around their realtime API. In this scenario, Twitter would have turned into something like a realtime cloud API company. The other camp looked at Google’s advertising model for inspiration, and decided that building their own version of AdWords would be the right way to go.
From the Archives: frog’s Early Apple Tablet | Blog | design mind
http://designmind.frogdesign.com/blog/from-the-archives-frog-s-early-apple-tablet.html
The “Bashful” — named after the story-book dwarf in Snow White — was created alongside the Apple II computer series as an extension of the Snow White design language that frog Founder Hartmut Essligner helped create for the company in 1983. Concepts for this early pre-touch tablet included one with an attached keyboard and one with a floppy disk drive and convenient handle for maximum portability.
Rocky's Boots (1982) (The Learning Company) : Free Streaming : Internet Archive
https://archive.org/details/Rockys_Boots_1982_Learning_Company
Rocky's Boots is an educational logic puzzle game by Warren Robinett and Leslie Grimm, published by The Learning Company in 1982. It was released for the Apple II, the CoCo, the Commodore 64 and the IBM PC. It was followed by a more difficult sequel, Robot Odyssey. It won Software of the Year awards from Learning Magazine (1983), Parent's Choice magazine (1983), and Infoworld magazine (1982, runner-up), and received the Gold Award (for selling 100,000 copies) from the Software Publishers Association. It was one of the first educational software products for personal computers to successfully use an interactive graphical simulation as a learning environment.
Review: Composition Tools Fargo, Medium, Editorially, Marquee, and More | MIT Technology Review
http://www.technologyreview.com/review/520246/as-we-may-type/
In 1984, the personal-computer industry was still small enough to be captured, with reasonable fidelity, in a one-volume publication, the Whole Earth Software Catalog. It told the curious what was up: “On an unlovely flat artifact called a disk may be hidden the concentrated intelligence of thousands of hours of design.” And filed under “Organizing” was one review of particular note, describing a program called ThinkTank, created by a man named Dave Winer.
Review: Composition Tools Fargo, Medium, Editorially, Marquee, and More | MIT Technology Review
http://www.technologyreview.com/review/520246/as-we-may-type
In 1984, the personal-computer industry was still small enough to be captured, with reasonable fidelity, in a one-volume publication, the Whole Earth Software Catalog. It told the curious what was up: “On an unlovely flat artifact called a disk may be hidden the concentrated intelligence of thousands of hours of design.” And filed under “Organizing” was one review of particular note, describing a program called ThinkTank, created by a man named Dave Winer.
Why cards are the future of the web | Inside Intercom
http://insideintercom.io/why-cards-are-the-future-of-the-web
Ian Bogost - OAuth of Fealty
http://www.bogost.com/blog/oauth_of_fealty.shtml
The fact that some rise above the despair of the product to make it work, to make it sing even, this is not because of anything Facebook has done, but a testament to the unceasing, even unhinged resilience of the human spirit. One does not develop with the Facebook Platform, but in spite of it.
Stop Doing Internet Wrong. - Scott Hanselman
http://www.hanselman.com/blog/StopDoingInternetWrong.aspx
Some days...some days it's frustrating to be on the web. We're compiling C++ into JavaScript and running Unreal in the browser but at the same time, here in 2013, we're still making the same mistakes. And by we, I mean, the set of web developers who aren't us, right Dear Reader? Because surely you're not doing any of these things. ;)
Ladda
http://lab.hakim.se/ladda/
A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing. For a real-world example, check out any of the forms on slid.es.
Ladda
http://lab.hakim.se/ladda
A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing. For a real-world example, check out any of the forms on slid.es.
Cereal Box Design: New Closure | New Republic
http://www.newrepublic.com/article/113319/cereal-box-design-new-closure
But here's something you may not realize (or if you do, it's probably on a subliminal level): There are actually two different types of tabbed box-closure mechanisms out there. One is the kind described above, with a perforated slot. The other format involves two interlocking box flaps that snap together without the need for a perforated slot. You can see the differences between the two designs by looking here.
Liskov substitution principle - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Liskov_substitution_principle
Substitutability is a principle in object-oriented programming. It states that, in a computer program, if S is a subtype of T, then objects of type T may be replaced with objects of type S (i.e., objects of type S may be substituted for objects of type T) without altering any of the desirable properties of that program (correctness, task performed, etc.).
Focal Store
http://www.focaluprightfurniture.com/store/
Constructed of aluminum, steel, molded furniture-grade plywood and polymers. The seat can comfortably accommodate a person ranging in height from 4’11″ to 6’8″ and up to 300 lbs. Range of seat motion laterally is 15º. Fore-aft motion ranges from 5º to 20º forward. Available with a choice of either an American walnut or white oak base and a choice of three colors for the EVA seat cushion. Upgrades include a nubuck seat cushion and an anti-fatigue mat. The seat is sourced globally and assembled in Rhode Island. See Product Guide for a complete list of materials.
Focal Store
http://www.focaluprightfurniture.com/store
Constructed of aluminum, steel, molded furniture-grade plywood and polymers. The seat can comfortably accommodate a person ranging in height from 4’11″ to 6’8″ and up to 300 lbs. Range of seat motion laterally is 15º. Fore-aft motion ranges from 5º to 20º forward. Available with a choice of either an American walnut or white oak base and a choice of three colors for the EVA seat cushion. Upgrades include a nubuck seat cushion and an anti-fatigue mat. The seat is sourced globally and assembled in Rhode Island. See Product Guide for a complete list of materials.
How Mozilla Was Born
http://www.davetitus.com/mozilla/
The story of the first mascot on the Internet
ignore the code: Buttons
http://ignorethecode.net/blog/2012/09/02/buttons/
But buttons are discoverable. They can have labels that describe what they do. Everybody knows how to use them. They just work. It’s why we use them to turn on the lights, instead of installing Clappers everywhere.
ignore the code: Buttons
http://ignorethecode.net/blog/2012/09/02/buttons
But buttons are discoverable. They can have labels that describe what they do. Everybody knows how to use them. They just work. It’s why we use them to turn on the lights, instead of installing Clappers everywhere.
Can We Please Move Past Apple's Silly, Faux-Real UIs? | Co.Design: business + innovation + design
http://www.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uis
At the end of the day, there’s always a temptation to go with the familiar, but the real value is going to be found elsewhere.
Conference identity + collateral | Jen Peters Graphic Design in Minneapolis MN
http://jenpetersdesign.com/portfolio/conference-identity-collateral/
Program design: The program hung at an angle, so the names were rotated accordingly to ensure optimal readability. The hole was drilled in the bottom gutter of the booklet so it could be easily flipped through while attached to the lanyard.
Conference identity + collateral | Jen Peters Graphic Design in Minneapolis MN
http://jenpetersdesign.com/portfolio/conference-identity-collateral
Program design: The program hung at an angle, so the names were rotated accordingly to ensure optimal readability. The hole was drilled in the bottom gutter of the booklet so it could be easily flipped through while attached to the lanyard.
Space Ipsum
http://spaceipsum.com/
Space Ipsum
http://spaceipsum.com
Pixel-fitting by Dustin Curtis
http://dcurt.is/pixel-fitting
The difference is subtle, but the comparison makes it very clear. There are several major problems with the computer-created icons that leaves them looking blurry and unimpressive. For example, in the transition from 66x40 to 48x30 pixels, the human version drops the border down to exactly 2 pixels but the computer drops it to 2.8 (that's two solid black pixels, plus one half-pixel at 80% intensity), which gives it an incorrect soft edge. The computer has no way of knowing that the border should always be sharp, so it ignorantly tries to maintain the ratio of the originally-specified image at the expense of sharpness. The result is not great.
The Markdown Mark by Dustin Curtis
http://dcurt.is/the-markdown-mark
I'm making something that uses Markdown, and there's currently no great universal symbol for identifying Markdown support. So I created one.
Arctext.js - Curving Text with CSS3 and jQuery | Codrops
http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
Clay / Project / Periodic Table of Swearing, Modern Toss / Period Table of Swearing
http://www.clayinteractive.co.uk/exhibit.php?e=22
Clay produced the interactive Periodic Table of Swearing for Modern Toss. It was built in our Hoxton Street studio during our summer holidays. It's constructed from over 100 buttons, CNC'ed and laser cut MDF, direct to media printing, over 100 meters of cabling, over 300 soldered joints and a whole lot of swearing!
Little Printer | BERG Cloud
http://bergcloud.com/littleprinter
Little Printer lives in your home, bringing you news, puzzles and gossip from friends. Use your smartphone to set up subscriptions and Little Printer will gather them together to create a timely, beautiful mini-newspaper.
Total waste of paper, but still a really cute product idea despite that.
Computer scrollbars: Why is Apple eradicating a linchpin of user interface design? - Slate Magazine
http://www.slate.com/articles/technology/technology/2011/11/computer_scrollbars_why_is_apple_eradicating_a_linchpin_of_user_interface_design_.html
I can understand the impulse here: Most scrollbars are kind of ugly. Even the skinny, rounded gray bar that Apple invented for the iPhone isn’t the prettiest interface element ever designed. But as unpleasant as they may be to look at, scrollbars serve a purpose on a busy screen: They tell you, at a glance, where you are in a list or a document. Because most modern scrollbars are proportional to the size of the document you’re looking at, they also give you a sense of how much lies off-screen—the smaller the scrollbar, the larger the document. And when you don’t see a scrollbar—or when the scrollbar is dimmed—this usually means there’s nothing outside the screen to look at.
A Brief Rant on the Future of Interaction Design
http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign
Are we really going to accept an Interface Of The Future that is less expressive than a sandwich?
jtnimoy: The Work of Josh Nimoy
http://jtnimoy.net/?q=178
I spent a half year writing software art to generate special effects for Tron Legacy, working at Digital Domain with Bradley "GMUNK" Munkowitz, Jake Sargeant, and David "dlew" Lewandowski. This page has taken a long time to be published because I've had to await clearance. A lot of my team's work was done using Adobe software and Cinema 4D. The rest of it got written in C++ using OpenFrameworks and wxWidgets, the way I've always done it with this team ;) Uniquely however, Digital Domain's CG artists were able to port my apps over to Houdini for further evolution and better rendering than OpenGL could ever provide. Special thanks to Andy King for showing me that what seasoned CG artists do at DD is actually not so far off from what's going on in the Processing community.
jQuery Masonry
http://masonry.desandro.com
A dynamic layout plugin for jQuery
The flip-side of CSS floats
CSS Media Queries
http://cssmediaqueries.com
HTML4 and CSS2 currently support media-dependent style sheets tailored for different media types. A media query consists of a media type and zero or more expressions that check for the conditions of particular media features.
Seems like a nifty site to vet media queries on all my devices
Apple's sometimes-screwball design aesthetic
http://kottke.org/11/10/apples-sometimes-screwball-design-aesthetic
Look! Store Your Books in the Rafters | Apartment Therapy Los Angeles
http://www.apartmenttherapy.com/la/look/look-store-your-books-in-the-rafters-039700
We were charmed to the core over this ingenious book storage idea. Yes, these are just planks of painted plywood nailed to the supports for the loft above. They create perfect cubby spaces to store books, baskets and even small lights. Since we're in California, it would probably be a good idea to secure everything in place so it doesn't shake right off.
Skeuomorph - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Skeuomorph
A skeuomorph, pronounced /ˈskjuːəmɔrf/ SKEW-ə-morf, or skeuomorphism (Greek: skeuos—vessel or tool, morphe—shape)[1] is a derivative object that retains ornamental design cues to a structure that was necessary in the original.
{placekitten}
http://placekitten.com
A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get a placeholder.
CSS background image hacks – Nicolas Gallagher
http://nicolasgallagher.com/css-background-image-hacks
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.
How Would You Like Your Graphic Design?
http://feeds.laughingsquid.com/~r/laughingsquid/~3/S9G3vAsZNOg
FUI Fantasy User Interfaces | Mark Coleran Visual Designer
http://blog.coleran.com/category/portfolio/screendesign
"FUI Fantasy User Interfaces, Portfolio"
Emoticons and Smileys on PLATO in the 1970s
http://platopeople.com/emoticons.html
"How were these things done? Well, on PLATO, you could press SHIFT-space to move your cursor back one space -- and then if you typed another character, it would appear on top of the existing character. And if you wanted to get real fancy, you could use the MICRO and SUB and SUPER keys on a PLATO keyboard to move up and down one pixel or more -- in effect providing a HUGE array of possible emoticon characters. So if you typed "W" then SHIFT-space then "O" then SHIFT-space then "B", "T", "A", "X", all with SHIFT-spaces in between, all those characters would plot on top of each other, and the result would be the smiley as shown above in the "WOBTAX" example. "
Cipher - Drinking glass. Psychic. | relogik.com
http://relogik.com/cipher
"An empty glass resembles a meaningless colorful mosaic, until a liquid is poured into it, revealing its name. Each side of the glass is reserved for a specific drink."
The Demise of Plain CSS: Why Sass And Languages Like It Will Triumph
http://wiseheartdesign.com/articles/2010/01/18/the-demise-of-css-why-sass-and-languages-like-it-will-triumph
"Just like higher-level programming languages compile to assembler, so Sass compiles to CSS. And just as higher-level programming languages eventually replaced the regular usage of assembler, so Sass (or a language like it) will eventually replace CSS.
Now, don’t get me wrong. I am sure CSS has many more years ahead of it, but Sass and languages like it are the future. Yes, you can complain about the syntax. You can complain about the generated code. But ultimately, the productivity and simplicity that languages like Sass offer will win over the masses. Of that you can be sure."
Movement Mechanics in “The Legend of Zelda” « Troy Gilbert
http://troygilbert.com/2006/10/the-movement-and-attack-mechanics-of-the-legend-of-zelda
"While Link can move a single pixel at a time, in any direction, the longer he continously moves in any direction the more he gravitates toward aligning himself with the underlying grid of the screen. The tile grid for LoZ is 16 tiles wide by 14 tiles high (including 3 tiles for the status display at the top of the screen). Each tile is 16×16 pixels. Link operates on a half-tile grid, though (32×28 tiles, 8×8 pixels each). As Link moves, if he’s not currently aligned with the half-tile grid, he is adjusted, one pixel at a time, toward the closest correction. As a result, if Link is 4 pixels off alignment he’ll line back up with the grid after moving 4 pixels."
Please Scroll
http://www.thereisnopagefold.com
ANSI lives! Viewtronics, Flash Player 10 textmode viewer - peter nitsch.net
http://www.peternitsch.net/blog?p=618
"The best things in life are often silly, and in this case gloriously retro. Blocktronics, a collective of the best textmode artists around the world, have released their second art pack entitled “Codename Chris Wirth” in homage to the legendary ANSI artist RaD Man. No, it’s not 1995, and yes, this kind of art is still being produced in stunning fashion. "
Uppercase Magazine: idsgn (a design blog)
http://www.idsgn.org/posts/uppercase-magazine
"In an industry where popular magazines are dying or fighting to stay alive, it's exciting to see a fresh new independent magazine aimed at fellow designers and the crafty-alike (with every issue selling out so far). I'm currently enjoying a copy of issue 2, which is 100 colorful pages full of articles ranging from the world of Pantone color to scissor collecting, along with a creative postcard project that encourages you to get involved in the process."
In praise of the sci-fi corridor - Den of Geek
http://www.denofgeek.com/movies/313130/in_praise_of_the_scifi_corridor.html
"Corridors make science-fiction believable, because they're so utilitarian by nature - really they're just a conduit to get from one (often overblown) set to another. So if any thought or love is put into one, if the production designer is smart enough to realise that corridors are the foundation on which larger sets are 'sold' to viewers, movie magic is close at hand."
Folding Plug System
http://www.minkyu.co.uk/Site/Product/Entries/2009/4/20_Folding_Plug_System.html
"‘Folding Plug’ changes the shape form the normal U.K plug into a 10mm thickness object"
Bitch, Co.: Tweet to an Anonymous Account
http://bitchco.org
"For the anonymous release of agency induced angst"
10 UI Design Patterns You Should Be Paying Attention To | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/06/23/10-ui-design-patterns-you-should-be-paying-attention-to
"design patterns are solutions to recurring problems. By extension, UI design patterns are solutions to common user interface problems. This article goes over 10 interesting UI design patterns that you can use in your own projects. In fact, you may already be using them now without knowing it."
Home - Pencil Project
http://www.evolus.vn/Pencil/Home.html
"With the power of the underlying Mozilla Gecko engine, Pencil turns your excellent Firefox 3 browser into a sketching tool with just a 400-kilobyte installation package. "
Goodbye Google | stopdesign
http://stopdesign.com/archive/2009/03/20/goodbye-google.html
This goes a long ways toward explaining why everything Google does is so damn ugly. "Yes, it’s true that a team at Google couldn’t decide between two blues, so they’re testing 41 shades between each blue to see which one performs better. I had a recent debate over whether a border should be 3, 4 or 5 pixels wide, and was asked to prove my case. I can’t operate in an environment like that. I’ve grown tired of debating such miniscule design decisions. There are more exciting design problems in this world to tackle."
Aza’s Thoughts » Rapid Prototyping with Greasemonkey
http://www.azarask.in/blog/post/rapid-prototyping-with-greasemonkey
"In general, using the browser’s run-time as a prototyping environment enables ridiculously fast rapid prototyping. There are no deployment steps to worry about, changes are reflected instantly, and all changes are dog-foodable from the get-go. Prototyping is also entirely decoupled and parallelizable: that’s especially powerful when you don’t have access to the site for which you are making a live-patch, the backend code is obtuse, or when you multiple have competing ideas for changes you’d like to make. We actually use the same technique for prototyping new behaviors for the the Ubiquity code repository."
V2 suggestion on WeGottaEat
http://wegottaeat.com/forums/postsm/v2-suggestion_211
Just give up and use cardboard - Warpspire
http://warpspire.com/tipsresources/personal/just-give-up-and-use-cardboard
Design Proposals
http://risherry.blogspot.com/2009/02/mozilla-lizardfeeder-proposal-goal-of.html
Joshua Schachter - Lessons Learned in Scaling and Building Social Systems | Kris Jordan
http://www.krisjordan.com/2008/09/17/joshua-schachter-lessons-learned-in-scaling-and-building-social-systems
Aza’s Thoughts » Write the manual first.
http://www.azarask.in/blog/post/write-the-manual-first
"You don’t really know a subject until you’ve had to teach it. In the same way, you don’t really understand your interface until you’ve written a manual explaining how to use it. It can be a frustrating experience. Take for example the two manuals for digital watch and analog watch. The section on setting a digital watch is over a page of dense, difficult explanation. The analog’s is a single sentence: “Pull crown and turn.”"
Poka-yoke - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Poka-yoke
"Poka-yoke (ポカヨケ, Poka-yoke?) (IPA: [poka joke]) is a Japanese term that means "fail-safing", "Foolproof" or "mistake-proofing" — avoiding (yokeru) inadvertent errors (poka)) is a behavior-shaping constraint, or a method of preventing errors by putting limits on how an operation can be performed in order to force the correct completion of the operation."
10 Useful Techniques To Improve Your User Interface Designs | How-To | Smashing Magazine
http://www.smashingmagazine.com/2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs
"1. Padded block links 2. Typesetting buttons 3. Using contrast to manage focus 4. Using color to manage attention 5. White space indicates relationships 6. Letter spacing 7. Auto-focus on input 8. Custom input focus 9. Hover controls 10. Verbs in labels"
Pragmatic Dictator » Remodelling
http://www.dancres.org/blitzblog/2008/12/02/remodelling
PHP: rfc:namespaceseparator [PHP Wiki]
http://wiki.php.net/rfc/namespaceseparator
Human Computer Interaction in Science Fiction Movies
http://w5.cs.uni-sb.de/~butz/teaching/ie-ss03/papers/HCIinSF
"Science Fiction movies have been a source for speculation about the future of technology and human computer interaction. This paper presents a survey of different kinds of interaction designs in movies during the past decades and relates the techniques of the films to existing technologies and prototypes where possible. The interactions will be categorized with respect to their domain of real-life applications and also evaluated in regard to results of current research in human computer interaction."
Cherish The AIR? Just because you can doesn't mean you should
http://greenmonk.net/?p=111
"the core idea that should be upheld by companies like Apple should be about making things better and less often. Making things that will be able to evolve, be upgraded, be adaptable, hackable and more fun to use for longer so that as a customer I don’t think that I’m buying version 3.4 of something that will only be as good as it’s last press release. I want to buy “the” quintessential Apple product and cherish it for years, like people would cherish a vintage car."
MUJI Online - AM/PM Organiser Notebook - A5.
http://www.muji.eu/pages/online.asp?CHK=Y&PID=2550&Sec=1&Sub=4&V=1
So awesome. Rather than dividing up the page with a line per hour, there's a small clock in the center of the page that lets you write relative to radial time in open space. "Can be used as a notebook, or simple diary. Each page represents 12 hours, and can be divided as required."
cabel.name: On Wedding Design
http://www.cabel.name/2008/10/on-wedding-design.html
On Commands, Designers and The Magic Editor « chimney
http://abcdefu.wordpress.com/2008/09/04/on-commands-designers-and-the-magic-editor
"Ubiquity is a graphical keyboard user interface. But a lot of people are missing the graphical aspect of it. And that is precisely what makes Ubiquity different from a command line. Command icons help but previews have to be more visual, not just the plain text that you would normally expect from the terminal. I can’t emphasize enough the fact that previews must be graphical because after all, Ubiquity is a GUI."
Google Chrome and Gears - Unweary
http://unweary.com/2008/09/google-chrome-and-gears.html
madhava.com/egotism/: Mirror-like finish
http://madhava.com/egotism/archive/005025.html
"Of course, the huge design choice that isn't explained, the giant in the room, if you will, shows up in this illustration from the comic: ... I can't help but think that people will encounter some difficulties in using a browser that's taller than a man. The Fitts' Law hit alone seems worth a bit of rethinking on Google's part, at least without a lot of stretching."
Tokyoflash Rogue LED / LCD Hybrid watch.
http://www.tokyoflash.com/en/watches/tokyoflash/rogue
"With its ever present LCD interface, the time can be read at a glance but can be further illuminated with sci-fi green LEDs at the touch of a button, bringing the display to life like a glowing radar screen."
Infovore » Playing Together: What Games Can Learn from Social Software
http://infovore.org/talks/playing-together-what-games-can-learn-from-social-software
"MMO servers are currently limited by technological sizes. But what does a server where you know everybody (even a little) look like? What if we limited group sizes for social, not technological reasons? ... We wouldn’t have these servers that resemble sprawling cities; we’d build villages, and hamlets, and travelling camps. And as they grew too big, or small groups within the community grew, they’d break off and move to places where there’s more space for them. In one sense, that’s a more natural metaphor for our users, and it’s a scale that makes sense for them. ... I like this idea that everything, fundamentally, happens at a group level."
Mozilla leads push to reimagine Web browsers
http://www.sfgate.com/cgi-bin/article.cgi?f=/c/a/2008/08/04/BUML125098.DTL
Aaron Mentele, Charisma 18 » delicious redesign
http://aaronmentele.com/2008/07/31/delicious-redesign
"I have no idea why Yahoo took so long to beat the ugly out of delicious. I’m just glad they didn’t beat the good stuff out in the process."
COLOURlovers :: Color Trends + Palettes
http://www.colourlovers.com
"COLOURlovers gives the people who use color ... a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews."
Adactio: Journal—Delusion
http://adactio.com/journal/1377
"I suggest that if you recognize and acknowledge that purpose in life can only be derived from an imaginary friend, by whatever name you call him, then I’m afraid you do not grasp what “reality” is."
Style-Force Semplice™ Pixelfonts
http://pixelfonts.style-force.net
ideasonideas » Blog Archive » How to disarm 10 difficult client observations/requests
http://www.ideasonideas.com/2007/10/disarm-10-difficult-requests
"I’ll share some of the best responses we have to questions that can often derail an otherwise effective solution."
Contortionist | GelaSkins | Protection with Style, not Bulk
https://www.gelaskins.com/skins.php?Category=9&Category=9&Device=5&ProductCode=106Device=5&ProductCode=106&Skin=15&Skin=15
Molly's First Flight | GelaSkins | Protection with Style, not Bulk
https://www.gelaskins.com/skins.php?Category=9&Category=9&Device=5&ProductCode=168Device=5&ProductCode=168&Skin=57&Skin=57
Bill Higgins :: the Uncanny Valley of user interface design
http://billhiggins.us/weblog/2007/05/17/the-uncanny-valley-of-user-interface-design
"Gmail uses Ajax to accelerate common operations ... but its core look and feel remains very similar to that of a traditional web page. In my view, this is not a shortcoming; it’s a smart design decision."
Lost Garden: Danc's Miraculously Flexible Game Prototyping Tiles
http://lostgarden.com/2007/05/dancs-miraculously-flexible-game.html
"What is a graphical style that is attractive, but are useful to both the widest range of developers and game genres?"
MaketheLogoBigger.mp3 (audio/mpeg Object)
http://www.underconsideration.com/MaketheLogoBigger.mp3
Wired News: Welcome to Photoshop for Web 103W
http://www.wired.com/news/columns/0,72609-0.html?tw=wn_index_4
"Week Six: Full Dark Elf Conversion. Students will learn to take photos of sexy women and transform them into dark elves using a variety of tools including color overlays, cloning, the smudge tool and crippling social anxiety."
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without
"53 CSS-based techniques you should always have ready to hand if you develop web-sites."
Veer: Products: Merchandise: Kern Zip-up
http://www.veer.com/products/merchdetail.aspx?image=VPR0001260
"Next time you have to explain kerning to a layman, you’ll have a live demo just a zip away."
A List Apart: Articles: Whitespace
http://www.alistapart.com/articles/whitespace
"Once you know how to design and manipulate the space outside, inside, and around your content, you’ll be able to give your readers a head start, position products more precisely, and perhaps even begin to see your own content in a new light."
A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique
http://www.alistapart.com/articles/switchymclayout
"CSS-based liquid layout has proven successful during the reign of 800-pixel to 1024-pixel screens, but as we use a wider range of devices to access the web, we need more powerful and flexible ways of managing layout."
Stickis: social web overlay - Blog Archive - Subetha redux
http://blog.stickis.com/2006/12/01/subetha-redux
"We acquired an excellent image to convey friends reading annotations, and deployed it just now. Thanks Martin at Subetha for bearing with us while we found the replacement!"
Helvetica: the Movie
http://helveticafilm.com/index.html
Forthcoming (2007) documentary about the ubiquitous sans-serif font, and its effect on design and culture.