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
Kigumi House
A sense reflected in the plans
When a space resonates with our humanity, when it feels really pleasant or splendid and beautiful—when you place yourself in such an environment, I've always believed that people will be drawn in. So I guess you could say it's this sense that I try to reflect in the plans; I believe that this will lead in the right direction, to an honest lifestyle.
I'm reminded of their faces
Mrs. Shimada is very cheerful, and Mr. Shimada is very intelligent; he is able to perceive things objectively, and discern what is precious. I get the sense they live critically, evaluating what is important. Keeping these characteristics in mind, I think about what kind of plan should be provided, in what proportions, and in what kind of house—to best suit these people. I'm constantly reminded of their faces as I prepare the plans. I'm always thinking about human happiness. If it doesn't make you happy, I don't think it's worth building.
Maybe I should sharpen soon
I've been doing this for decades, so I've found tools that can't get any better. Tools by a good blacksmith cut well for the entire day, as well as the next; occasionally, even on the third day. I'll think, maybe I should sharpen soon, even though it's still cutting okay.
So that's what it's like — it's all about how good your tools are.
What's suitable for each unique condition
What of machines and prefabrication? How do they compare?
Well, the machine has its limits. We, using handcrafted methods, do things that machines cannot do. Of course, it's not fast like a machine. And in complicated areas like here, things wouldn't go the same using a machine as it would by hand.
We use numerous variations of all these connecting and splicing joints. Using a machine, [the wood joints] can all be made uniform, but really, we need to consider whether that's a good thing. It's better to make each mechanism and joint by considering what's suitable for each unique condition.
The structure becomes more solid
I suspect that these tools and these shapes each have their own era. And, well—recently, mass production has made fabrication more practical by using machines, and producing joints that are even easier and faster. Currently, [composite joints] are the most practical—economically as well. That's probably how it became so simple.
The precision [of a prefabricated joint] is by no means bad; a prefabricated joint is more precise than one made by hand with poor skills. Of course, with craftsmen, some are good; others, not so good. It's fine if only people with excellent skills make these joints and build houses; but occasionally, you'll get someone who doesn't. In this case, there's a possibility that prefabrication will provide a more uniform, better outcome.
With prefabrication, they don't really have as much variety in types of joints. Most splicing joints are kama-tsugi, and most connecting joints are ari of a dovetail type; it's even all the same dovetail. In comparison, we use roughly ten times that in variety—perhaps more than ten times.
You have something that is fast, easy, and cheap...
Tōru Abo: Yes, the question is which is better in comparison. I mean, there's no point having a joint made without precision. If you can't chisel with a certain degree of accuracy, there's no point cutting by hand. We often say, "Work accurately and precisely." It's labor-intensive and costs some money, but it's overwhelmingly stronger. The structure becomes more solid.
Kanawa-tsugi
The kanawa-tsugi allows for easy replacements, without having to raise the building a great deal. However, these days buildings are demolished in less than 30 or so years, so we live in an era where such measures aren't necessary. Because we're living in an era where you demolish the house before things are replaced, we don't have to do this. But in doing so, the two wood members fit together smoothly; the fit becomes incredibly good. This splicing joint, it's surprisingly rigid once assembled; so, even in an era where we have foundations like these, we still use the kanawa-tsugi.
Completing work properly in unseen areas
If you consider the inheritance of skills, we can keep this heritage by having young people do the work properly, as they did in the past. If you don't do this, or you become too practical, you'd only make simple things. It's very low tech, this inheritance of skills—using carpentry tools to do manual work. We deliberately put effort into these things, completing work properly in unseen areas.
Architecture equals structure
Architecture equals structure. Design is also important, but structure is the basis of architecture.
By taking the good aspects of both traditional and conventional construction methods, we assemble it securely...So the reason we lay out the marking lines, and carve by hand, is to utilize the good aspects of wood framing from the past when building contemporary wood-framed structures.