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
Rethinking Repair
This chapter is an exercise in broken world thinking. It asks what happens when we take erosion, breakdown, and decay, rather than novelty, growth, and progress, as our starting points in thinking through the nature, use, and effects of information technology and new media.
The modern infrastructural ideal
The form and possibility of the "modern infrastructural ideal" is increasingly under threat, as cracks (sometimes literal ones) show up in our bridges, our highways, our airports, and the nets of our social welfare systems. For these and other reasons, broken world thinking asserts that breakdown, dissolution, and change, rather than innovation, development, or design as conventionally practices and thought about are the key themes and problems facing new media and technology scholarship today.
Attached to this, however, comes a second and more hopeful approach: namely, a deep wonder and appreciation for the ongoing activities by which stability (such as it is) is maintained, the subtle arts of repair by which rich and robust lives are sustained against the weight of centrifugal odds, and how sociotechnical forms and infrastructures, large and small, get not only broken but restored, one not-so-metaphoric brick at a time.
The fulcrum of these two worlds
Here, then, are two radically different forces and realities. On one hand, a fractal world, a centrifugal world, and always-almost-falling-apart world. On the other, a world in constant process of fixing and reinvention, reconfiguring and reassembling into new combinations and new possibilities...the fulcrum of these two worlds is repair.
A creature of bones, not words
In building connections, [articulation work] builds meaning and identity, sorting out ontologies on the fly rather than mixing and matching between fixed and stable entities. Articulation lives first and foremost in practice, not representation; as its proper etymology suggests, it's a creature of bones, not words. When articulation fails, systems seize up, and our sociotechnical worlds become stuff, arthritic, unworkable.
The world is always breaking
So the world is always breaking; it's in its nature to break.
A side that goes unrecognized
Edward Burtynsky, Shipbreaking #4.
Burtynsky's [shipbreaking] photos tell us important things about the themes of breakdown, maintenance, and repair raised here. The first is the extent to which such work is rendered invisible under our normal modes of picturing and theorizing technology. Burtynsky's photos share, in exquisite detail, a side or moment of technological life that goes for the most part unrecognized.
If we are to understand maintenance, repair, and technology more broadly, scenes such as Burtynsky's must be made empirically and conceptually familiar, even normal.
Turned into other things
Ask yourself this: for all the representations of great ships in history you've encountered, at what times and in what forms have you seen such vessels? In almost every instance it will be at moments of birth, or at the heights of strength and glory: the christening before the maiden voyage, rounding the cape, facing down the Spanish fleet, and so on. But what happens (or happened) to these ships? Save for the special cases of hostile sinking, shipwreck, or honorable retirement and preservation, it was this: they were disassembled, repurposed, stripped, and turned into other things.
An engine of technological difference
Whether at the level of national "technological styles" that shape and differentiate the nature of "same" technologies in different national contexts, or the simple but consequential variations by which industrial commodities are brought into, enlivened, and sustained within the circumstances of individual homes and lives, repair may constitute an important engine by which technological difference is produced and fit is accomplished.
The internet grew by breaking
The Internet grew by breaking, bumping up against the limits of existing protocols and practices and working around them, leaving behind almost by accident some of the properties that we now enumerate as key and distinctive virtues of the Internet as infrastructural form. Far from being a generalized cultural tendency or a property of individual minds, innovation in the technology space, as in culture more generally, is therefore organized around problems. This makes innovation simultaneously specific and in some measure collective in nature. And its engine is breakdown and repair.
What the fixer knows
Can repair sites and repair actors claim special insight or knowledge, by virtue of their positioning vis-à-vis the worlds of technology they engage? Can the fixer know and see different things—indeed, different worlds—than the better-known figures of "designer" or "user"?
Tool-being
Take Heidegger's notion of "tool-being", built around the central distinction between tools that are "ready-to-hand" versus "present-at-hand".
In the former state, technologies function as anticipated, do and stay where they're supposed to, and therefore sink below the level of conscious reflection. In the latter, the material world resists, obstructs, or frustrates action, and therefore calls attention to itself (precisely because we must now work to figure out and overcome barriers in our no-longer seamless world).
An ethics of mutual care
Foregrounding maintenance and repair as an aspect of technological work invites not only new functional but also moral relations to the world of technology. It references what is in fact a very old but routinely forgotten relationship of humans to things in the world: namely, an ethics of mutual care and responsibility.
To love deeply a world of things
Care brings the worlds of action and meaning back together, and reconnects the necessary work of maintenance with the forms of attachment that so often (but invisibly, at least to analysts) sustain it.
...What if we care about our technologies, and do so in more than a trivial way? This feature or property has sometimes been extended to technologies in the past, but usually only ones that come out of deep folk or craft traditions, and rarely the products of a modern industrial culture.
...Is it possible to love, and love deeply, a world of things?
We live in the aftermath
So do we live in later modernity, postmodernity, alternative modernity, or liquid modernity? Knowledge societies, information societies, network societies, or risk societies? New media, old media, dead media, or hypermedia? The world of information, the world of search, the world of networks, or the or the world of big data?
The answer is simple: like every generation before, we live in the aftermath.