Code & Development
Open Transclude
The Website Obesity Crisis
A Talk by Maciej CegłowskiWeb Design - The First 100 Years
A Talk by Maciej CegłowskiVisualizing Algorithms
An Article by Mike BostockAias
A Profile by Nick TrombleyThe Future of Programming
A Talk by Bret VictorWhat Makes Software Good?
An Article by Mike BostockAn incoherent rant about design systems
An Article by Robin RendleNo matter how fancy your Figma file is or how beautiful and lovingly well organized that Storybook documentation is; the front-end is always your source of truth. You can hate it as much as you like—all those weird buttons, variables, inaccessible form inputs—but that right there is your design system.
...being honest about this is the first step to fixing it.
Right-Angle Doodling Machine
A Game by Clive Thompson- You draw one single line. It can be as long as you like.
- To start the line, you put your pen down.
- You can make right-angle turns only, either 90 degrees or -90 degrees.
- You cannot back up. You must always move forward.
- You don’t lift your pen until you’re ready to stop. When you lift the pen, the doodle is done.
What do I need to read to be great at CSS?
An Article by Baldur BjarnasonA rule of thumb is that the importance of a blog in your feed reader is inversely proportional to their posting cadence. Prioritise the blogs that post only once a month or every couple of weeks over those that post every day or multiple times a day...Building up a large library of sporadically updated blogs is much more useful and much easier to keep up with than trying to keep up with a handful of aggregation sites every day.
Designing with code
An Article by Matthew StrömRecently I’ve had a few opportunities to use code to create design. In two of my bigger projects at The Wall Street Journal, writing code has led to new ideas. Problems that typically plague early designs — e.g. “how does this look with real content?” — are easy to solve. By exploring visual ideas directly in code, I’ve started to see the amazing potential of code as a design tool.
Picking better names for variables, functions, and projects
An Article by Tom MacWright- Avoid weasel words
- Follow patterns religiously
- Don’t cheap out on characters
- Call things the same thing
- Don’t name internal projects
- When things change, change their names
this vs. that
A Website by Phuoc Nguyentixy.land
A Websitesin(t * x) * cos(t * y)
Creative code golfing.
Front-of-the-front-end and back-of-the-front-end web development
An Article by Brad FrostA succinct way I’ve framed the split is that a front-of-the-front-end developer determines the look and feel of a
button
, while a back-of-the-front-end developer determines what happens when thatbutton
is clicked.The Great Divide
An Article by Chris CoyierOn one side, an army of developers whose interests, responsibilities, and skill sets are heavily revolved around JavaScript.
On the other, an army of developers whose interests, responsibilities, and skill sets are focused on other areas of the front end, like HTML, CSS, design, interaction, patterns, accessibility, etc.
Painting With the Web
An Article by Matthias OttSo much about [Gerhard Richter's painting process] reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material, the improvisation, the bugs, the happy accidents. There is one crucial difference, though. By using static wireframes and static layouts, by separating design and development, we are often limiting our ability to have that creative dialogue with the Web and its materials. We are limiting our potential for playful exploration and for creating surprising and novel solutions. And, most importantly, we are limiting our ability to make conscious, well-informed decisions going forward. By adding more and more layers of abstraction, we are breaking the feedback loop of the creative process.
Technical debt as a lack of understanding
An Article by Dave Rupert"If you develop a program for a long period of time by only adding features but never reorganizing it to reflect your understanding of those features, then eventually that program simply does not contain any understanding and all efforts to work on it take longer and longer.” — Ward Cunningham
bees & bombs
A Blog
In Praise of Shadows
- Things that shine and glitter
- A naked bulb
- The Japanese toilet
- Empty dreams
- Most important of all are the pauses
Things that shine and glitter
We find it hard to be really at home with things that shine and glitter. The Westerner uses silver and steel and nickel tableware, and polishes it to a fine brilliance, but we object to the practice. On the contrary we begin to enjoy it only when the luster has worn off, when it has begun to take on a dark, smoky, patina.
A naked bulb
The sight of a naked bulb beneath an ordinary milk glass shade seems simpler and more natural than any gratuitous attempt to hide it.
The Japanese toilet
The parlor may have its charms, but the Japanese toilet truly is a place of spiritual repose.
Empty dreams
But I know as well as anyone that these are empty dreams, and that having come this far, we cannot turn back.
Most important of all are the pauses
Japanese music is above all a music of reticence, of atmosphere. When recorded, or amplified by a loudspeaker, the greater part of its charm is lost. In conversation, too, we prefer the soft voice, the understatement. Most important of all are the pauses. Yet the phonograph and radio render these moments of silence utterly lifeless. And so we distort the arts themselves to curry favor for them with the machines.
The glow of grime
Of course this 'sheen of antiquity' of which we hear so much is in fact the glow of grime. In both Chinese and Japanese the words denoting this glow describe a polish that comes of being touched over and over again, a sheen produced by the oils that naturally permeate an object over long years of handling—which is to say grime. If indeed 'elegance is frigid', it can as well be described as filthy.
Lacquerware
There are good reasons why lacquer soup bowls are still used, qualities which ceramic bowls simply do not possess. Remove the lid from a ceramic bowl, and there lies the soup, every nuance of its substance and color revealed. With lacquerware there is a beauty in that moment between removing the lid and lifting the bowl to the mouth when one gazes at the still, silent liquid in the dark depths of the bowl, its color hardly different from that of the bowl itself.
To throw a shadow on the earth
In making for ourselves a place to live, we first spread a parasol to throw a shadow on the earth, and in the pale light of the shadow we put together a house.
The world of shadows
The 'mysterious Orient' of which Westerners speak probably refers to the uncanny silence of these dark places. And even we as children would feel an inexpressible chill as we peered into the depth of an alcove to which the sunlight never penetrated.
This was the genius of our ancestors, that by cutting off the light from this empty space they imparted to the world of shadows that formed there a quality of mystery and depth superior to that of any wall painting or ornament.
That one thing against another creates
Such is our way of thinking—we find beauty not in the thing itself but in the patterns of shadows, the light and the darkness, that one thing against another creates.
Wasting light
Yamamoto Sanehiko, president of the Kaizo publishing house, told me of something that happened when he escorted Dr. Einstein on a trip to Kyoto. As the train neared Ishiyama, Einstein looked out the window and remarked, "Now that is terribly wasteful." When asked what he meant, Einstein pointed to an electric lamp burning in broad daylight.
And the truth of the matter is that Japan wastes more electric light than any Western country except America.
- Poured
The eaves deep and the walls dark
I would call back at least for literature this world of shadows we are losing. In the mansion called literature I would have the eaves deep and the walls dark, I would push back into the shadows the things that come forward too clearly, I would strip away the the useless decoration. I do not ask that this be done everywhere, but perhaps we may be allowed at least one mansion where we can turn off the electric lights and see what it is like without them.
Follow the brush
One of the oldest and most deeply ingrained of Japanese attitudes to literary style holds that obvious structure is contrivance, that too orderly an exposition falsifies the ruminations of the heart, that the truest representation of the searching mind is just to 'follow the brush.'
I could never live in a house like that
Mrs. Tanizaki tells a story of when her late husband decided, as he frequently did, to build a new house. The architect arrived and announced with pride, "I've read your In Praise of Shadows, Mr. Tanizaki, and know exactly what you want."
To which Tanizaki replied, "But no, I could never live in a house like that."
There is perhaps as much resignation as humor in his answer.