1. ⁘  ⁘  ⁘
  2. ⁘  ⁘  ⁘
  3. Abo, Akinori 9
  4. aesthetics 19
  5. agile 30
  6. Albers, Josef 17
  7. Alexander, Christopher 135
  8. Alexander, Scott 5
  9. Allsopp, John 4
  10. Ammer, Ralph 6
  11. Anderson, Gretchen 7
  12. anxiety 9
  13. Appleton, Maggie 5
  14. Aptekar-Cassels, Wesley 5
  15. Arango, Jorge 4
  16. architecture 110
  17. art 86
  18. Asimov, Isaac 5
  19. attention 17
  20. Auping, Michael 6
  21. Aurelius, Marcus 14
  22. Bachelard, Gaston 12
  23. Baker, Nicholson 10
  24. beauty 58
  25. Behrensmeyer, Anna K. 7
  26. Bell, Larry 3
  27. Bjarnason, Baldur 5
  28. Blake, William 5
  29. blogging 21
  30. body 11
  31. Boeing, Geoff 7
  32. boredom 9
  33. Botton, Alain de 38
  34. Brand, Stewart 4
  35. Bringhurst, Robert 16
  36. Brooks, Frederick P. 22
  37. Broskoski, Charles 6
  38. brutalism 7
  39. building 16
  40. bureaucracy 12
  41. Burnham, Bo 9
  42. business 15
  43. Byron, Lord 14
  44. Cagan, Marty 6
  45. Calvino, Italo 21
  46. Camus, Albert 13
  47. care 6
  48. Carruth, Shane 15
  49. Cegłowski, Maciej 6
  50. Cervantes, Miguel de 7
  51. chance 11
  52. change 16
  53. Chiang, Ted 4
  54. Chimero, Frank 17
  55. choice 8
  56. cities 51
  57. Clark, Robin 3
  58. Cleary, Thomas 8
  59. Cleary, J.C. 8
  60. code 20
  61. collaboration 16
  62. collections 31
  63. Collison, Simon 3
  64. color 23
  65. commonplace 10
  66. communication 31
  67. community 7
  68. complexity 11
  69. connection 24
  70. constraints 25
  71. construction 9
  72. content 9
  73. Corbusier, Le 13
  74. Coyier, Chris 4
  75. craft 65
  76. creativity 58
  77. crime 9
  78. Critchlow, Tom 5
  79. critique 10
  80. Cross, Nigel 12
  81. Cross, Anita Clayburn 10
  82. css 11
  83. culture 13
  84. curiosity 11
  85. cycles 7
  86. Danielewski, Mark Z. 4
  87. darkness 28
  88. Darwin, Will 10
  89. data 8
  90. death 38
  91. Debord, Guy 6
  92. decisions 9
  93. design 131
  94. details 30
  95. Dickinson, Emily 9
  96. Dieste, Eladio 4
  97. discovery 9
  98. doors 7
  99. Dorn, Brandon 11
  100. drawing 23
  101. Drucker, Peter F. 15
  102. Duany, Andres 18
  103. Eatock, Daniel 4
  104. economics 13
  105. efficiency 7
  106. Eisenman, Peter 8
  107. Eliot, T.S. 14
  108. emotion 8
  109. ending 14
  110. engineering 11
  111. Eno, Brian 4
  112. ethics 14
  113. euphony 38
  114. Evans, Benedict 4
  115. evolution 9
  116. experience 14
  117. farming 8
  118. fashion 11
  119. features 25
  120. feedback 6
  121. flaws 10
  122. Flexner, Abraham 8
  123. food 16
  124. form 18
  125. Fowler, Martin 4
  126. Franklin, Ursula M. 30
  127. friendship 6
  128. fun 7
  129. function 31
  130. games 13
  131. gardens 26
  132. Garfield, Emily 4
  133. Garfunkel, Art 6
  134. geography 8
  135. geometry 18
  136. goals 9
  137. Gombrich, E. H. 4
  138. goodness 12
  139. Graham, Paul 37
  140. graphics 13
  141. Greene, Erick 6
  142. Hamming, Richard 45
  143. happiness 17
  144. Harford, Tim 4
  145. Harper, Thomas J. 15
  146. Hayes, Brian 28
  147. heat 7
  148. Heinrich, Bernd 7
  149. Herbert, Frank 4
  150. Heschong, Lisa 27
  151. Hesse, Herman 6
  152. history 13
  153. Hoffman, Yoel 10
  154. Hofstadter, Douglas 6
  155. home 15
  156. Hoy, Amy 4
  157. Hoyt, Ben 5
  158. html 11
  159. Hudlow, Gandalf 4
  160. humanity 16
  161. humor 6
  162. Huxley, Aldous 7
  163. hypermedia 22
  164. i 18
  165. ideas 19
  166. identity 33
  167. images 10
  168. industry 9
  169. information 42
  170. infrastructure 17
  171. innovation 14
  172. interaction 10
  173. interest 10
  174. interfaces 36
  175. intuition 8
  176. invention 10
  177. Irwin, Robert 65
  178. Isaacson, Walter 28
  179. Ishikawa, Sara 33
  180. iteration 13
  181. Ive, Jonathan 6
  182. Jackson, Steven J. 14
  183. Jacobs, Jane 54
  184. Jacobs, Alan 5
  185. Jobs, Steve 20
  186. Jones, Nick 5
  187. Kahn, Louis 4
  188. Kakuzō, Okakura 23
  189. Kaufman, Kenn 4
  190. Keith, Jeremy 6
  191. Keller, Jenny 10
  192. Kelly, Kevin 3
  193. Keqin, Yuanwu 8
  194. Ketheswaran, Pirijan 6
  195. Kingdon, Jonathan 5
  196. Kitching, Roger 7
  197. Klein, Laura 4
  198. Kleon, Austin 13
  199. Klinkenborg, Verlyn 24
  200. Klyn, Dan 20
  201. knowledge 28
  202. Kohlstedt, Kurt 11
  203. Kramer, Karen L. 10
  204. Krishna, Golden 10
  205. Kuma, Kengo 18
  206. language 20
  207. learning 29
  208. life 59
  209. light 31
  210. loneliness 12
  211. love 25
  212. Lovell, Sophie 16
  213. Lupton, Ellen 11
  214. Luu, Dan 8
  215. Lynch, Kevin 12
  216. MacIver, David R. 8
  217. MacWright, Tom 5
  218. Magnus, Margaret 12
  219. making 77
  220. management 14
  221. Manaugh, Geoff 27
  222. Markson, David 16
  223. Mars, Roman 13
  224. material 39
  225. math 16
  226. McCarter, Robert 21
  227. meaning 33
  228. media 16
  229. melancholy 51
  230. memory 28
  231. metaphor 10
  232. metrics 19
  233. microsites 49
  234. Miller, J. Abbott 10
  235. Mills, C. Wright 9
  236. minimalism 10
  237. Miyazaki, Hayao 30
  238. Mod, Craig 15
  239. modularity 6
  240. Mollison, Bill 31
  241. morality 8
  242. Murakami, Haruki 21
  243. music 16
  244. Müller, Boris 7
  245. Naka, Toshiharu 8
  246. names 11
  247. Naskrecki, Piotr 5
  248. nature 51
  249. networks 15
  250. Noessel, Christopher 7
  251. notetaking 34
  252. novelty 10
  253. objects 15
  254. order 10
  255. ornament 9
  256. Orwell, George 7
  257. Ott, Matthias 4
  258. ownership 6
  259. Pallasmaa, Juhani 41
  260. Palmer, John 8
  261. patterns 11
  262. Patton, James L. 9
  263. Pawson, John 21
  264. perception 22
  265. perfection 7
  266. performance 17
  267. Perrine, John D. 9
  268. Petroski, Henry 24
  269. philosophy 6
  270. photography 20
  271. physics 6
  272. Pinker, Steven 8
  273. place 14
  274. planning 15
  275. Plater-Zyberk, Elizabeth 18
  276. poetry 13
  277. politics 9
  278. Pollan, Michael 6
  279. practice 10
  280. problems 31
  281. process 22
  282. production 7
  283. productivity 12
  284. products 20
  285. programming 9
  286. progress 16
  287. Pye, David 42
  288. quality 25
  289. questions 8
  290. Radić, Smiljan 20
  291. Rams, Dieter 16
  292. Rao, Venkatesh 14
  293. reading 16
  294. reality 13
  295. Reichenstein, Oliver 5
  296. religion 11
  297. Rendle, Robin 12
  298. repair 28
  299. research 17
  300. Reveal, James L. 4
  301. Richards, Melanie 3
  302. Richie, Donald 10
  303. Rougeux, Nicholas 4
  304. Rowe, Peter G. 10
  305. Rupert, Dave 4
  306. Ruskin, John 5
  307. Satyal, Parimal 9
  308. Saval, Nikil 13
  309. Sayers, Dorothy 32
  310. Schaller, George B. 7
  311. Schwulst, Laurel 5
  312. science 17
  313. seeing 36
  314. Sennett, Richard 45
  315. senses 11
  316. Seuss, Dr. 14
  317. Shakespeare, William 4
  318. Shorin, Toby 8
  319. silence 9
  320. Silverstein, Murray 33
  321. Simms, Matthew 19
  322. Simon, Paul 6
  323. simplicity 14
  324. Singer, Ryan 12
  325. skill 17
  326. Sloan, Robin 5
  327. Smith, Cyril Stanley 29
  328. Smith, Justin E. H. 6
  329. Smith, Rach 4
  330. socializing 7
  331. society 23
  332. software 66
  333. solitude 12
  334. Somers, James 8
  335. Sorkin, Michael 56
  336. sound 14
  337. space 20
  338. Speck, Jeff 18
  339. speech 6
  340. spirit 10
  341. streets 10
  342. structure 13
  343. Strunk, William 15
  344. Ström, Matthew 13
  345. style 30
  346. Sun, Chuánqí 15
  347. symbols 12
  348. systems 18
  349. Sōetsu, Yanagi 34
  350. Sōseki, Natsume 8
  351. Tanaka, Tomoyuki 9
  352. Tanizaki, Jun'ichirō 15
  353. taste 10
  354. Taylor, Dorian 16
  355. teaching 21
  356. teamwork 16
  357. technology 41
  358. texture 7
  359. thinking 30
  360. Thoreau, Henry David 8
  361. time 54
  362. Tolkien, J.R.R. 6
  363. tools 32
  364. touch 8
  365. transportation 16
  366. Trombley, Nick 44
  367. truth 15
  368. Tufte, Edward 31
  369. Turrell, James 6
  370. typography 25
  371. understanding 32
  372. urbanism 68
  373. ux 100
  374. Victor, Bret 9
  375. Viollet-le-Duc, Eugène 4
  376. vision 7
  377. visualization 34
  378. Voltaire 4
  379. wabi-sabi 8
  380. walking 23
  381. Wallace, David Foster 33
  382. Wang, Shawn 6
  383. war 7
  384. waste 12
  385. Watterson, Bill 4
  386. Webb, Matt 14
  387. Wechler, Lawrence 37
  388. whimsy 11
  389. White, E.B. 15
  390. Wirth, Niklaus 6
  391. wisdom 20
  392. Wittgenstein, Ludwig 7
  393. Woolf, Virginia 11
  394. words 35
  395. work 80
  396. writing 55
  397. Wurman, Richard Saul 18
  398. www 88
  399. Yamada, Kōun 5
  400. Yamashita, Yuhki 4
  401. Yudkowsky, Eliezer 17
  402. zen 38
  403. ⁘  ⁘  ⁘
  404. About
  405. RSS Feed
  406. Source

Code & Development

Close
  • -2000 Lines Of Code

    An Article by Andy Hertzfeld
    www.folklore.org

    Bill Atkinson...who was by far the most important Lisa implementor, thought that lines of code was a silly measure of software productivity. He thought his goal was to write as small and fast a program as possible, and that the lines of code metric only encouraged writing sloppy, bloated, broken code.

    ...He was just putting the finishing touches on the optimization when it was time to fill out the management form for the first time. When he got to the lines of code part, he thought about it for a second, and then wrote in the number: -2,000.

    I'm not sure how the managers reacted to that, but I do know that after a couple more weeks, they stopped asking Bill to fill out the form, and he gladly complied.

    1. ​​The amount of work not done​​
    • metrics
    • code
    • management
    • productivity
  • Open Transclude

    Screenshot of subpixel.space on 2020-04-17 at 10.21.19 AM.png

    What you are looking at is an scroll-locked iframe that links to a quote I picked out of my blog post “Notes on Comparative Psychology.” You can use Open Transclude anywhere you can drop an <a> tag on your own site.

    Open Transclude:

    • Works anywhere on your own domain
    • Compatible with most static site generators / templating engines
    • 12 lines of HTML, 80 lines of SCSS, 22 lines of JS (4.5 kb total)
    • Has 0 dependencies — this is native web technology

    Open Transclude is extremely simple, and the heaviest part of the code is the CSS, which you can simplify at your whim. That’s why I am referring to it as a UX pattern. This is not a protocol. The code is really a commodity. What’s interesting about it is the idea and the design, and this is just one viable implementation! Feel free to adapt it however you like.

    The principal improvement over a block quotation is sense of context.

    Toby Shorin, Open Transclude for Networked Writing
    subpixel.space
    • code
  • The Website Obesity Crisis

    A Talk by Maciej Cegłowski
    idlewords.com
    1. ​​The Taft Test​​
    • www
    • code
    • performance
  • Web Design - The First 100 Years

    A Talk by Maciej Cegłowski
    idlewords.com
    • www
    • aerospace
    • code
    • flight
  • Visualizing Algorithms

    An Article by Mike Bostock
    bost.ocks.org
    • software
    • visualization
    • code
  • Aias

    A Profile by Nick Trombley
    github.com
    • programming
    • code
    • html
    • css

    My Github profile. Aias is an alternate spelling of the Greek Ajax, which I first encountered in the Robert Fitzgerald translation of The Iliad.

  • The Future of Programming

    A Talk by Bret Victor
    worrydream.com
    • programming
    • code
    • technology
    • interaction
    • software
  • What Makes Software Good?

    An Article by Mike Bostock
    medium.com
    • code
  • An incoherent rant about design systems

    An Article by Robin Rendle
    www.robinrendle.com

    No 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.

    • ux
    • code
  • Right-Angle Doodling Machine

    A Game by Clive Thompson
    openprocessing.org
    Screenshot of openprocessing.org on 2021-11-18 at 11.41.53 PM.png
    1. You draw one single line. It can be as long as you like.
    2. To start the line, you put your pen down.
    3. You can make right-angle turns only, either 90 degrees or -90 degrees.
    4. You cannot back up. You must always move forward.
    5. You don’t lift your pen until you’re ready to stop. When you lift the pen, the doodle is done.
    • drawing
    • code
    • games

    Read more at betterhumans.pub.

  • What do I need to read to be great at CSS?

    An Article by Baldur Bjarnason
    www.baldurbjarnason.com

    A 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.

    • blogging
    • css
    • code
    • learning
    • rss
  • Designing with code

    An Article by Matthew Ström
    matthewstrom.com

    Recently 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.

    1. ​​Colophon​​
    2. ​​Painting With the Web​​
    3. ​​I never have engineers that aren't designers​​
    • code
    • design
  • Picking better names for variables, functions, and projects

    An Article by Tom MacWright
    macwright.com
    • 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
    • names
    • code
  • this vs. that

    A Website by Phuoc Nguyen
    thisthat.dev
    • code
    • html
    • css
    • microsites

    A gallery of examples comparing two similar but different front-end concepts.

  • tixy.land

    A Website
    tixy.land
    Screenshot of tixy.land on 2020-11-11 at 2.42.41 PM.png

    sin(t * x) * cos(t * y)

    Creative code golfing.

    • code
    • math
    • visualization
    • microsites
  • Front-of-the-front-end and back-of-the-front-end web development

    An Article by Brad Frost
    bradfrost.com
    Image from bradfrost.com on 2021-02-17 at 10.50.43 AM.png

    A 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 that button is clicked.

    1. ​​The Great Divide​​
    • www
    • code
  • The Great Divide

    An Article by Chris Coyier
    css-tricks.com
    Image from css-tricks.com on 2021-02-17 at 10.52.57 AM.png
    Image from css-tricks.com on 2021-02-17 at 10.54.24 AM.png
    Image from css-tricks.com on 2021-02-17 at 10.52.57 AM.png

    On 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.

    1. ​​Front-of-the-front-end and back-of-the-front-end web development​​
    • code
    • software
    • html
    • css

    A seminal essay on the nature of modern front-end software development.

  • Painting With the Web

    An Article by Matthias Ott
    matthiasott.com

    So 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.

    1. ​​A constant dialogue​​
    2. ​​Constant reflection and refinement​​
    1. ​​How do you know when your paintings are finished?​​
    2. ​​Designing with code​​
    • art
    • www
    • creativity
    • process
    • code
  • Technical debt as a lack of understanding

    An Article by Dave Rupert
    daverupert.com

    "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

    • software
    • process
    • code
  • bees & bombs

    A Blog
    beesandbombs.tumblr.com
    Image from beesandbombs.tumblr.com on 2020-09-03 at 2.55.46 PM.webp
    • geometry
    • code
    • animation

    Stunning digital animations, usually geometric, always hypnotizing.


See also:
  1. software
  2. www
  3. css
  4. html
  5. programming
  6. visualization
  7. microsites
  8. process
  9. technology
  10. interaction
  11. performance
  12. aerospace
  13. flight
  14. design
  15. geometry
  16. animation
  17. math
  18. art
  19. creativity
  20. names
  21. blogging
  22. learning
  23. rss
  24. metrics
  25. management
  26. productivity
  27. drawing
  28. games
  29. ux
  1. Maciej Cegłowski
  2. Mike Bostock
  3. Toby Shorin
  4. Bret Victor
  5. Phuoc Nguyen
  6. Nick Trombley
  7. Matthew Ström
  8. Dave Rupert
  9. Matthias Ott
  10. Brad Frost
  11. Chris Coyier
  12. Tom MacWright
  13. Baldur Bjarnason
  14. Andy Hertzfeld
  15. Clive Thompson
  16. Robin Rendle