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
Towards a New Architecture
The house is a machine for living in
But men live in old houses
It is not right that we should produce bad things because of a bad tool; nor is it right that we should waste our energy, our health and our courage because of a bad tool; it must be thrown away and replaced.
But men live in old houses and they have not yet thought of building houses adapted to themselves.
Primitive resources
There is no such thing as primitive man; there are primitive resources.
Employs nothing at all
The man of today planes to perfection a board with a planing machine in a few seconds. The man of yesterday planed a board reasonably well with a plane. Very primitive man squared a board very badly with a flint or a knife. Very primitive man employed a unit of measurement and regulating lines in order to make his task easier. The Greek, the Egyptian, Michaelangelo or Blondel employed regulating lines in order to correct their work and for the satisfaction of their artist’s sense and of their mathematical thought. The man of today employs nothing at all and the result is the boulevard Raspail.
All the work of an epoch
Style is a unity of principle animating all the work of an epoch, the result of a state of mind which has its own special character.
Our own epoch is determining, day by day, its own style.
Our eyes, unhappily, are unable yet to discern it.A taste for fresh and clear daylight
Tail pieces and garlands, exquisite ovals where triangular doves preen themselves or one another, boudoirs embellished with “poufs” in gold and black velvet, are now no more than the intolerable witnesses to a dead spirit. These sanctuaries stifling with elegance, or on the other hand with the follies of “Peasant Art,” are an offense.
We have acquired a taste for fresh and and clear daylight.
Eyes which do not see
Our epoch is fixing its own style day by day. It is there under our eyes—Eyes which do not see.
The problem of the house has not yet been stated
The lesson of the airplane is not primarily in the forms it has created, and above all we must learn to see in an airplane not a bird or a dragon-fly, but a machine for flying; the lesson of the airplane lies in the logic which governed the enunciation of the problem and which led to its successful realization. When a problem is properly stated, in our epoch, it inevitably finds its solution.
The problem of the house has not yet been stated.
At the Green Mosque
In Broussa in Asia Minor, at the Green Mosque, you enter by a little doorway of normal human height; a quite small vestibule produces in you the necessary change of scale so that you may appreciate, as against the dimensions of the street and the spot you come from, the dimensions with which is is intended to impress you. Then you can feel the noble size of the mosque and your eyes can take its measure. You are in a great white marble space filled with light. Beyond you can see a second similar space of the same dimensions, but in half-light and raised on several steps (repetition in a minor key); on each side still a smaller space in subdued light; turning round, you have two very small spaces in shade.
From full light to shade, a rhythm. Tiny doors and enormous bays. You are captured, you have lost the sense of the common scale. You are enthralled by a sensorial rhythm (light and volume) and by an able use of scale and measure, into a world of its own which tells you what it set out to tell you.
Poems of an Indian summer
To build one's house is very much like making one’s will. When the time does arrive for building this house, it is not the mason’s nor the craftsman’s moment, but that moment in which every man makes one poem, at any rate, in his life. And so, in our towns and their outskirts, we have had during the last forty years not so much houses as poems, poems of an Indian summer, for a house is the crowning of a career.
A grave and noble beauty
An architecture of our own age is slowly but surely shaping itself; its main lines become more and more evident. The use of steel and reinforced concrete construction; of large areas of plate glass; of standardized units (as, for example, in metal windows); of the flat roof; of new synthetic materials and new surface treatments of metals that machinery made possible; of hints taken from the airplane, the motor-car or the steamship where it was never possible, from the beginning, to attack the problem from an academic standpoint—all these things are helping, at any rate, to produce a twentieth-century architecture whose lineaments are already clearly traceable. A certain squareness of mass and outline, a criss-cross or “grid-iron” treatment with an emphasis on the horizontals, an extreme bareness of wall surface, a pervading austerity and economy and a minimum of ornament; these are among its characteristics. There is evolving, we may begin to suppose, a grave and classical architecture whose fully developed expression should be of a noble beauty.