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
Suburban Nation
A system for living
Unlike the traditional neighborhood model, which evolved organically as a response to human needs, suburban sprawl is an idealized artificial system. It is not without a certain beauty: it is rational, consistent, and comprehensive. Its performance is largely predictable. It is an outgrowth of modern problem solving: a system for living. Unfortunately, this system is already showing itself to be unsustainable.
The five components of sprawl
The dominant characteristic of sprawl is that each component is strictly segregated from the others.
- Housing subdivisions, also called clusters and pods
- Shopping centers, also called strip centers, shopping malls, and big-box retail
- Office parks and business parks
- Civic institutions
- Roadways
Subdivisions
Subdivisions can be identified as such by their contrived names, which tend toward the romantic—Pheasant Mill Crossing—and often pay tribute to the natural or historic resource they have displaced.
An unmade omelet
The successes of turn-of-the-century planning, represented in America by the City Beautiful movement, became the foundation of a new profession, and ever since, planners have repeatedly attempted to relive that moment of glory by separating everything from everything else. This segregation, once applied only to incompatible uses, is now applied to every use. A typical contemporary zoning code has several dozen land-use designations; not only is housing separated from industry but low-density housing is separated from medium-density housing, which is separated from high-density housing. Medical offices are separated from general offices, which are in turn separated from restaurants and shopping.
As a result, the new American city has been likened to an unmade omelet: eggs, cheese, vegetables, a pinch of salt, but each consumed in turn, raw.
Beauty and function
In truth, a lot of sprawl—primarily affluent areas—could be considered beautiful. This raises a fundamental point: the problem with suburbia is not that it is ugly. The problem with suburbia is that, in spite of all its regulatory controls, it is not functional: it simply does not efficiently serve society or preserve the environment.
Six qualities of traditional neighborhoods
- The center
- The five-minute walk
- The street network
- Narrow, versatile streets
- Mixed use
- Special sites for special buildings
Market segments
The segregation of housing by “market segment” is a phenomenon that was invented by developers who, lacking a meaningful way to distinguish their mass-produced merchandise, began selling the concept of exclusivity: If you live within these gates, you can consider yourself a success.
Cookie cutter
One term that gets a lot of play these days is “cookie cutter.” Developers are mortified about the way this term is used to describe their subdivisions, and they expend a good deal of energy—and money—avoiding it. As much as 20 percent of their construction budget goes toward the application of superficial variety—different shapes, colors, window types, different styles of tack-on ornament, French Provincial next door to California Contemporary. But these efforts are in vain, because beneath the surface articulation is a relentless repetition of the same building. The best way to create real variety is to vary not the architectural style but the building type. Indeed, in places like Georgetown, styles vary only slightly, but one never hears the term cookie cutter, thanks to the wide range of building types.
Worthwhile destinations
Pedestrian life cannot exist in the absence of worthwhile destinations that are easily accessible on foot. This is a condition that modern suburbia fails to satisfy, since it strives to keep all commercial activity well separated from housing.
The twenty-minute house
Despite the way that it sounds, the “twenty-minute house” is not a derogatory label. Quite the opposite—it refers to the fact that a house has only twenty minutes to win the affection of a potential buyer, since that is the average length of a realtor visit. The building industry has responded to this phenomenon by creating a product that is at its best for the first twenty minutes that one is in it.
Like trying to cure obesity by loosening your belt
“Trying to cure traffic congestion by adding more capacity is like trying to cure obesity by loosening your belt.”
Homebuilders
The term homebuilder describes the house as a product that exists independent of its context. This approach would be appropriate if houses floated freely in space, or in some other environment where actual interaction between neighbors was neither possible nor desired. But houses are not meant to exist in isolation, so to think of the individual house as the ultimate outcome of the builder’s craft robs that craft of its broader significance.
The cul-de-sac kid
In this environment where all activities are segregated and distances are measured on the odometer, a child’s personal mobility extends no farther than the edge of the subdivision. Even the local softball field often exists beyond the child’s independent reach.
The result is a new phenomenon: the “cul-de-sac kid,” the child who lives as a prisoner of a thoroughly safe and unchallenging environment.
This “isolation and boredom” is the outcome of an environment that fails to provide teenagers with the ordinary challenges of maturing, developing useful skills, and gaining a sense of self.
On-site parking
Most cities require new and renovated buildings to provide their own parking on site. This is probably the single greatest killer of urbanism in the United States today. It prevents the renovation of old buildings, since there is inadequate room on their sites for new parking; it encourages the construction of anti-pedestrian building types in which the building sits behind or hovers above a parking lot; it eliminates street life, since everyone parks immediately adjacent to their destination and has no reason to use the sidewalk; finally, it results in a low density of development that can keep a downtown from achieving critical mass.
Architectural mysticism
In response to their growing sense of insignificance, some architects have tried to regain a sense of power through what can best be described as mysticism. By importing arcane ideas from unrelated disciplines—such as contemporary French literary theory (now outdated) —by developing illegible techniques of representation, and by shrouding their work in inscrutable jargon, designers are creating increasingly smaller realms of communication, in order that they might inhabit a domain in which they possess some degree of control. Nowhere is this crisis more evident than in the most prestigious architecture schools.
Globally, locally, regionally
Think globally, act locally, but plan regionally.