├── LICENSE ├── README.md ├── design-inspiration.txt ├── images ├── canonize-theme-dark.jpg ├── canonize-theme-light.jpg └── canonize-theme-manuscript.jpg ├── items ├── canon-items-longlist.txt ├── canon-items-mediumlist.txt ├── canon-items-shortlist-categorized.txt └── canon-items-shortlist.txt └── webpage ├── img ├── icon-article.png ├── icon-book.png ├── icon-idea.png ├── icon-media.png └── icon-site.png ├── index.html ├── style-dark.css ├── style-light.css └── style-manuscript.css /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 bschlagel 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Canonize 2 | ## Template for a “personal canon” website page. 3 | 4 | Canonize is a simple, extensible framework for showcasing your “personal canon” — the most important, influential, formative texts and media in your life. It's intended to be added as a page to your personal website, to serve as a kind of library of highlights, a résumé of personal influences, a peek at the threads that have led to your work and way of thinking. 5 | 6 | ### Read more about why I made the Canonize project here: 7 | [Canonize: Creating a Personal Canon Template](https://www.brendanschlagel.com/2017/11/05/canonize-creating-personal-canon-template/) 8 | 9 | ## To make your own “/canon” page: 10 | - Make an awesome list of your canon items — see the “items” folder in this repo for an example of how I made mine (iteratively narrowing down from a massive list to a manageable one) 11 | - Fork, clone, or otherwise appropriate the files from the “website” folder in this repo 12 | - Edit the “index.html” page to include the items of your own canon, and optionally any category groupings you may want (each living inside the wrapper div with class="category" and id=“$YOUR-CATEGORY-SLUG”) 13 | - Select one of the three included CSS “theme” files, and modify to your heart’s desire until your canon page looks hype as hell 14 | - Add this page to your site using your preferred method of wrangling web files 15 | - If, in the course of editing, you run into any bugs in these files, or have suggestions for improving them, feel free to submit a pull request 16 | - When you’re done, I’d love to check out your canon! Feel free to contact me via https://www.brendanschlagel.com/ 17 | 18 | ## Canon Themes: 19 | I made three starter themes, each a simple CSS files you can use for your canon page: Light, Dark, and Manuscript. I actually started with the latter, to match the design on my current site, and more recently added the light / dark themes as a fun design exercise. You can use these as a rough starting point and modify as much or as little as you like. Here’s what each looks like: 20 | 21 | ### Example: Light Theme 22 | ![Example: Light Theme](/images/canonize-theme-light.jpg?raw=true "Example: Light Theme") 23 | 24 | ### Example: Dark Theme 25 | ![Example: Dark Theme](/images/canonize-theme-dark.jpg?raw=true "Example: Dark Theme") 26 | 27 | ### Example: Manuscript Theme 28 | ![Example: Manuscript Theme](/images/canonize-theme-manuscript.jpg?raw=true "Example: Manuscript Theme") 29 | 30 | ## Massive credit to the following for personal canon inspiration: 31 | - [David Cole](http://davidcole.me/canon/) 32 | - [Mandy Brown](http://aworkinglibrary.com/) 33 | - [Buster Benson](https://buster.gitbooks.io/public/book-of-beliefs.html#articles) 34 | - [Bret Victor](http://worrydream.com/#!/Links) 35 | 36 | ## Thanks as well to the following great examples of similar projects: 37 | - [Diana Kimball’s “/mentoring” project](https://github.com/dianakimball/mentoring) 38 | - [Derek Sivers’ “/now” project](http://nownownow.com/about) 39 | 40 | ## Have a “/canon” page of your own? Add to this list and submit a PR :) 41 | - [Brendan Schlagel](https://www.brendanschlagel.com/canon/) (my current canon, in situ) 42 | - [Ilhan Ozgen](https://ilhanozgenxian.com/canon/) 43 | - [Your Canon page goes here...?!] 44 | -------------------------------------------------------------------------------- /design-inspiration.txt: -------------------------------------------------------------------------------- 1 | Design Inspiration 2 | 3 | Beyond This Point 4 | http://beyondthispoint.design/ 5 | Simple and clean, typography-centric, strong graphical hierarchy. 6 | 7 | Meagan Durlak 8 | http://meagandurlak.com/ 9 | Nice colors and use of colums (see bottom). 10 | 11 | Void - HiRes 12 | http://void.hi-res.net/ 13 | Great simple B&W landing page + sweet space-pixels animation thing. 14 | 15 | Paradox 16 | http://paradox.org.es/ 17 | Cool infinite loop-scrolling large-text thing with no apparent purpose. 18 | 19 | Typography Summer School 20 | http://typographysummerschool.org/ 21 | Crazy two-half mirrored site layout with scrolling on each side. 22 | 23 | Google Ventures Library 24 | http://www.gv.com/library/ 25 | Lists collections of articles (corresponding to Medium tags). 26 | 27 | Tiago Pereira 28 | http://ttiiaaggoo.com/ 29 | Great scrolling mechanic — large text and collapsing image thing. 30 | 31 | Epicurrence 32 | https://www.epicurrence.com/ 33 | Insane but kind of cool parallax for conference site. 34 | 35 | Reading Design 36 | http://www.readingdesign.org/index-1 37 | Nice alphabetical index! Also, simple layout and cool colors. Also, great writing! 38 | 39 | Mr Kyle Mac 40 | http://www.mrkylemac.com/ 41 | Nice large-type usage; cool CV page. 42 | 43 | -------------------------------------------------------------------------------- /images/canonize-theme-dark.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/images/canonize-theme-dark.jpg -------------------------------------------------------------------------------- /images/canonize-theme-light.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/images/canonize-theme-light.jpg -------------------------------------------------------------------------------- /images/canonize-theme-manuscript.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/images/canonize-theme-manuscript.jpg -------------------------------------------------------------------------------- /items/canon-items-longlist.txt: -------------------------------------------------------------------------------- 1 | Brendan Schlagel 2 | Personal Canon — Longlist 3 | Last Updated: February 2016 4 | 5 | 6 | 7 | ### BOOKS [38] 8 | 9 | Redwall 10 | https://www.goodreads.com/book/show/7996.Redwall 11 | 12 | His Dark Materials 13 | https://www.goodreads.com/book/show/18116.His_Dark_Materials 14 | 15 | Harry Potter 16 | https://www.goodreads.com/book/show/862041.Harry_Potter_Boxset 17 | 18 | The Little Prince 19 | https://www.goodreads.com/book/show/157993.The_Little_Prince 20 | 21 | Cat's Cradle 22 | https://www.goodreads.com/book/show/135479.Cat_s_Cradle 23 | 24 | The Cuckoo's Egg 25 | https://www.goodreads.com/book/show/98607.The_Cuckoo_s_Egg 26 | 27 | My Unwritten Books 28 | https://www.goodreads.com/book/show/1355905.My_Unwritten_Books 29 | 30 | Clock Of The Long Now 31 | https://www.goodreads.com/book/show/33279.Clock_Of_The_Long_Now 32 | 33 | Moby-Dick; or, The Whale 34 | https://www.goodreads.com/book/show/153747.Moby_Dick_or_The_Whale 35 | 36 | Le Ton beau de Marot: In Praise of the Music of Language 37 | https://www.goodreads.com/book/show/248193.Le_Ton_beau_de_Marot 38 | 39 | The Gift: Creativity and the Artist in the Modern World 40 | https://www.goodreads.com/book/show/433775.The_Gift 41 | 42 | The Death and Life of Great American Cities 43 | https://www.goodreads.com/book/show/381359.The_Death_and_Life_of_Great_American_Cities 44 | 45 | Invisible Cities 46 | https://www.goodreads.com/book/show/9809.Invisible_Cities 47 | 48 | The Library at Night 49 | https://www.goodreads.com/book/show/5971179-the-library-at-night 50 | 51 | Gaia: A New Look at Life on Earth 52 | https://www.goodreads.com/book/show/274230.Gaia 53 | 54 | Don Quixote 55 | https://www.goodreads.com/book/show/3835.Don_Quixote 56 | 57 | Autonauts of the Cosmoroute 58 | https://www.goodreads.com/book/show/971277.Autonauts_of_the_Cosmoroute 59 | 60 | Imagining the Universe 61 | https://www.goodreads.com/book/show/936784.Imagining_the_Universe 62 | 63 | Cosmicomics 64 | https://www.goodreads.com/book/show/59780.Cosmicomics 65 | 66 | One Hundred Years of Solitude 67 | https://www.goodreads.com/book/show/320.One_Hundred_Years_of_Solitude 68 | 69 | Eunoia 70 | https://www.goodreads.com/book/show/6660901-eunoia 71 | 72 | Mindstorms: Children, Computers, And Powerful Ideas 73 | https://www.goodreads.com/book/show/703532.Mindstorms 74 | 75 | Dune 76 | https://www.goodreads.com/book/show/104.Dune 77 | 78 | Thinking in Systems: A Primer 79 | https://www.goodreads.com/book/show/3828902-thinking-in-systems 80 | 81 | Origins of Form 82 | https://www.goodreads.com/book/show/16255011-origins-of-form 83 | 84 | Flatland: A Romance of Many Dimensions 85 | https://www.goodreads.com/book/show/433567.Flatland 86 | 87 | Deschooling Society 88 | https://www.goodreads.com/book/show/223403.Deschooling_Society 89 | 90 | Zen Mind, Beginner's Mind 91 | https://www.goodreads.com/book/show/402843.Zen_Mind_Beginner_s_Mind 92 | 93 | The Autobiography of Benjamin Franklin 94 | https://www.goodreads.com/book/show/15704247-the-autobiography-of-benjamin-franklin 95 | 96 | A New Culture of Learning 97 | https://www.goodreads.com/book/show/10258753-a-new-culture-of-learning 98 | 99 | Impro 100 | https://www.goodreads.com/book/show/306940.Impro 101 | 102 | Exercises in Style 103 | https://www.goodreads.com/book/show/319790.Exercises_in_Style 104 | 105 | The Information: A History, a Theory, a Flood 106 | https://www.goodreads.com/book/show/8701960-the-information 107 | 108 | Just Kids 109 | https://www.goodreads.com/book/show/7741657-just-kids 110 | 111 | Bolo'Bolo 112 | https://www.goodreads.com/book/show/381554.Bolo_Bolo 113 | 114 | The Autobiography of Malcolm X 115 | https://www.goodreads.com/book/show/92057.The_Autobiography_of_Malcolm_X 116 | 117 | Shop Class as Soulcraft: An Inquiry Into the Value of Work 118 | https://www.goodreads.com/book/show/6261332-shop-class-as-soulcraft 119 | [somehow only rated 4/5 on Goodreads!] 120 | 121 | Summerhill School: A New View of Childhood 122 | https://www.goodreads.com/book/show/178729.Summerhill_School 123 | [somehow only rated 4/5 on Goodreads!] 124 | 125 | 126 | 127 | ### ARTICLES [87] 128 | 129 | Building BrooklynJS 130 | https://github.com/jed/building-brooklynjs 131 | 132 | The Website Obesity Crisis 133 | http://idlewords.com/talks/website_obesity.htm 134 | 135 | On the Spline: A Brief History of the Computational Curve 136 | http://www.alatown.com/spline-history-architecture/ 137 | Amazing history of an object that combines design + computation. 138 | 139 | Radical Linguistics in an Age of Extinction 140 | https://www.dissentmagazine.org/article/radical-linguistics-in-an-age-of-extinction 141 | 142 | We Don't Need No Education 143 | http://www.outsideonline.com/1928266/we-dont-need-no-education#st_refDomain=&st_refQuery= 144 | 145 | Quora answer to: Is it possible that an alien civilization has completely different mathematics than ours? 146 | https://www.quora.com/Is-it-possible-that-an-alien-civilization-has-completely-different-mathematics-than-ours/answer/Robert-Walker-5 147 | 148 | The concrete tangle 149 | https://aeon.co/essays/cities-thrive-most-when-they-are-a-tangled-mess 150 | 151 | Game Design Concepts: Kinds of Fun, Kinds of Players 152 | https://gamedesignconcepts.wordpress.com/2009/07/23/level-8-kinds-of-fun-kinds-of-players/ 153 | 154 | The Science Hidden In Your Town Name 155 | http://nautil.us/issue/30/identity/the-science-hidden-in-your-town-name 156 | 157 | The word-hoard: Robert Macfarlane on rewilding our language of landscape 158 | http://www.theguardian.com/books/2015/feb/27/robert-macfarlane-word-hoard-rewilding-landscape 159 | 160 | The Calculus of Grit 161 | http://www.ribbonfarm.com/2011/08/19/the-calculus-of-grit/ 162 | 163 | The last days of the polymath 164 | http://www.intelligentlifemagazine.com/content/edward-carr/last-days-polymath 165 | 166 | Tickets for Restaurants 167 | http://website.alinearestaurant.com/2014/06/tickets-for-restaurants/ 168 | 169 | The MOOC Moment and the End of Reform 170 | http://thenewinquiry.com/blogs/zunguzungu/the-mooc-moment-and-the-end-of-reform/ 171 | 172 | The Case for Reparations 173 | http://www.theatlantic.com/magazine/archive/2014/06/the-case-for-reparations/361631/ 174 | 175 | Far Beyond Snow Fall 176 | https://medium.com/message/far-beyond-snow-fall-a14d35c85e3e#.59015tpga 177 | 178 | The Challenge of Relativistic Spaceflight 179 | http://www.icarusinterstellar.org/the-challenge-of-relativistic-spaceflight/ 180 | 181 | Why Chinese Is So Damn Hard 182 | http://www.pinyin.info/readings/texts/moser.html 183 | 184 | Creativity and the Adjacent Possible 185 | https://web.archive.org/web/20130613045115/http://chrismonaghan.org/2012/01/creativity-and-the-adjacent-possibl 186 | 187 | The Death and Life of Digital Archives 188 | http://www.slate.com/articles/technology/future_tense/2015/11/the_death_and_life_of_digital_archives.html 189 | 190 | My Writing Education: A Timeline 191 | http://www.newyorker.com/books/page-turner/my-writing-education-a-timeline 192 | 193 | Work on Stuff that Matters: First Principles 194 | http://radar.oreilly.com/2009/01/work-on-stuff-that-matters-fir.html 195 | 196 | The Neoliberal Arts 197 | http://harpers.org/archive/2015/09/the-neoliberal-arts/?single=1 198 | 199 | Choose Your Own Adventure 200 | http://samizdat.cc/cyoa/ 201 | 202 | A Few Notes on the Culture 203 | http://www.vavatch.co.uk/books/banks/cultnote.htm 204 | 205 | Is it OK to make art? 206 | https://aeon.co/essays/art-is-a-waste-of-time-or-so-effective-altruism-claims 207 | 208 | Nick Beckstead on the Importance of the Far Future 209 | https://intelligence.org/2013/07/17/beckstead-interview/ 210 | 211 | WHAT DOES IT MEAN WHEN WE CALL VIDEOGAMES CINEMATIC? 212 | https://killscreen.com/articles/what-does-it-mean-when-we-call-videogames-cinematic/ 213 | 214 | Return to Nib’s Knoll 215 | https://aeon.co/essays/before-minecraft-or-snapchat-there-was-micromuse 216 | 217 | Sanderson's First Law 218 | http://brandonsanderson.com/sandersons-first-law/ 219 | 220 | Do Elephants Have Souls? 221 | http://www.thenewatlantis.com/publications/do-elephants-have-souls 222 | 223 | The Intelligent Plant 224 | http://www.newyorker.com/magazine/2013/12/23/the-intelligent-plant 225 | 226 | On Philosophical Style 227 | http://www.anthonyflood.com/blanshardphilostyle.htm 228 | 229 | Personal Best 230 | http://www.newyorker.com/magazine/2011/10/03/personal-best 231 | 232 | Down the Rabbit Hole 233 | https://newrepublic.com/article/122678/down-rabbit-hole 234 | 235 | This Is What Happens When Publishers Invest In Long Stories 236 | http://www.fastcolabs.com/3009577/open-company/this-is-what-happens-when-publishers-invest-in-long-stories/# 237 | 238 | Cryptoforests and Spatial Folklore 239 | http://www.bldgblog.com/2011/01/cryptoforests-and-spatial-folklore/ 240 | 241 | An Anatomy of Information Space 242 | http://doriantaylor.com/an-anatomy-of-information-space 243 | 244 | Feed my Feed: Radical publishing in Facebook Groups 245 | http://rhizome.org/editorial/2015/jul/22/feed-my-feed/ 246 | 247 | Antidisciplinary 248 | http://joi.ito.com/weblog/2014/10/02/antidisciplinar.html 249 | 250 | Publishing Models for Internet Commerce 251 | http://archive.oreilly.com/pub/a/oreilly/tim/articles/pubmod.html 252 | 253 | Reading War and Peace on my iPhone 254 | http://bookriot.com/quarterly/bkr07/ 255 | 256 | List of 19 Natural Experiments 257 | http://economicspsychologypolicy.blogspot.com/2015/06/list-of-19-natural-experiments.html 258 | 259 | Making Great VR: Six Lessons Learned From I Expect You To Die 260 | http://www.gamasutra.com/blogs/JesseSchell/20150626/247113/ 261 | 262 | Ethnography and the Distributed-Centered Subject 263 | https://www.epicpeople.org/ethnography-and-the-distributed-centered-subject/ 264 | 265 | The Graveyard of Abandoned Projects 266 | http://darrananderson.com/2012/05/13/the-graveyard-of-abandoned-projects/ 267 | 268 | On Repeat: How to Use Loops to Explain Anything 269 | https://www.propublica.org/nerds/item/on-repeat-how-to-use-loops-to-explain-anything 270 | 271 | To Save California, Read “Dune” 272 | http://nautil.us/issue/25/water/to-save-california-read-dune 273 | 274 | Going "Write-Only" 275 | http://begriffs.com/posts/2015-04-20-going-write-only.html 276 | 277 | Open Notebook History 278 | http://wcm1.web.rice.edu/open-notebook-history.html 279 | 280 | The Socratic Method: Teaching by Asking Instead of by Telling 281 | http://www.garlikov.com/Soc_Meth.html 282 | 283 | Let's get real about the financial expectations of 'going indie' 284 | http://www.gamasutra.com/view/news/237046/Lets_get_real_about_the_financial_expectations_of_going_indie.php 285 | 286 | Philosophy and Education: Thoughts on Teaching Learning 287 | https://networkologies.wordpress.com/2012/06/09/philosophy-and-education-thoughts-on-teaching-learning/ 288 | 289 | They Write the Right Stuff 290 | https://www.fastcompany.com/28121/they-write-right-stuff 291 | 292 | How Apple Makes the Watch 293 | http://atomicdelights.com/blog/a-glimpse-at-how-the-apple-watch-is-made 294 | 295 | The Web's Grain 296 | http://www.frankchimero.com/writing/the-webs-grain/ 297 | 298 | ON META-DESIGN AND ALGORITHMIC DESIGN SYSTEMS 299 | http://runemadsen.com/blog/on-meta-design-and-algorithmic-design-systems/ 300 | 301 | Wizards of Sound 302 | http://www.newyorker.com/magazine/2015/02/23/wizards-sound 303 | 304 | Room for Improvement 305 | http://www.motherjones.com/politics/2015/02/housing-first-solution-to-homelessness-utah 306 | 307 | Can Sponsorship Save Small Bookstores? 308 | http://www.newyorker.com/business/currency/can-sponsorship-save-small-bookstores 309 | 310 | How to Kickstarter 311 | http://www.studioneat.com/blogs/main/17250808-how-to-kickstarter 312 | 313 | How I Taught My Computer to Write Its Own Music 314 | http://nautil.us/issue/21/information/how-i-taught-my-computer-to-write-its-own-music 315 | 316 | Latitudes of Acceptance 317 | http://edge.org/conversation/latitudes-of-acceptance 318 | 319 | The Coldscape 320 | http://cabinetmagazine.org/issues/47/twilley.php 321 | 322 | 10 THINGS I LEARNED FROM RUNNING EVENTS, AND HOW YOU CAN DO IT TOO! 323 | http://chloeatplay.tumblr.com/post/66104877943/10-things-i-learned-from-running-events-and-how 324 | 325 | Amanda Palmer: why fans choose to pay artists they love 326 | http://boingboing.net/2014/11/05/amanda-palmer-why-fans-choose.html 327 | 328 | Computational Mythologies: An Interview with Zachary Mason 329 | http://www.bldgblog.com/2011/02/computational-mythologies-an-interview-with-zachary-mason/ 330 | 331 | How I REVERSE ENGINEERED GOOGLE DOCS To Play Back Any Document’s Keystrokes 332 | http://features.jsomers.net/how-i-reverse-engineered-google-docs/#/ 333 | 334 | the future of media? bet on events 335 | http://snarkmarket.com/2009/4056 336 | 337 | Freedom from food 338 | https://aeon.co/essays/how-many-of-us-would-opt-out-of-food-if-given-the-chance 339 | 340 | Designing for and Against the Manufactured Normalcy Field 341 | http://blog.gregborenstein.com/2012/06/24/designing-for-and-against-the-manufactured-normalcy-field/ 342 | 343 | the art of working in public 344 | http://snarkmarket.com/2011/7189 345 | 346 | what are the new liberal arts? 347 | http://snarkmarket.com/2009/2521 348 | 349 | 8 Forms of Capital 350 | http://www.appleseedpermaculture.com/8-forms-of-capital/ 351 | 352 | Kalzumeus Podcast Episode 7: Launching New Products 353 | http://www.kalzumeus.com/2014/06/19/kalzumeus-podcast-episode-7-launching-new-products/ 354 | 355 | The Epic Story of Container Shipping 356 | http://www.ribbonfarm.com/2009/07/07/the-epic-story-of-container-shipping/ 357 | 358 | The Spark File 359 | https://medium.com/the-writers-room/the-spark-file-8d6e7df7ae58#.68t7fcyub 360 | 361 | BLACK METAL TROY or, How to Drink Online 362 | http://brooklynrail.org/2011/04/lastwords/black-metal-troy-or-how-to-drink-online 363 | 364 | Flatness 365 | http://music.columbia.edu/~chris/diss.flatness.htm 366 | 367 | Mastering the Art of Sparking Connections 368 | http://sparkcamp.com/sparking-connections/ 369 | 370 | What Is the Business of Literature? 371 | http://www.vqronline.org/articles/what-business-literature 372 | 373 | Better Than Free 374 | http://kk.org/thetechnium/better-than-fre/ 375 | 376 | Week 315 377 | http://berglondon.com/blog/2011/06/21/week-315/ 378 | 379 | 38 is great. Annual review of my favorite ideas. 380 | https://medium.com/@buster/38-is-great-5e72aa44b857#.f6xvtfcxy 381 | 382 | stock and flow 383 | http://snarkmarket.com/2010/4890 384 | 385 | A Community of Possibilities 386 | http://brianbailey.me/a-community-of-possibilities/ 387 | 388 | Every cup of coffee is a spectacle of logistics 389 | http://kottke.org/14/07/every-cup-of-coffee-is-a-spectacle-of-logistics 390 | 391 | 392 | 393 | ### WEBSITES [36] 394 | 395 | GiveWell 396 | http://www.givewell.org/ 397 | 398 | Y Combinator Requests for Startups 399 | https://www.ycombinator.com/rfs/ 400 | 401 | Hacker News 402 | https://news.ycombinator.com/ 403 | 404 | Experiment — Journal of Results 405 | https://experiment.com/journal 406 | 407 | Lessons From Berkman Fellows 408 | http://berkmanlessons.net/ 409 | 410 | A History of the Future in 100 Objects 411 | http://ahistoryofthefuture.org/ 412 | 413 | Harvard Metalab 414 | http://metalab.harvard.edu/ 415 | 416 | MIT Media Lab 417 | http://www.media.mit.edu/ 418 | 419 | Coudal Partners 420 | http://www.coudal.com/ + http://www.coudal.com/moom/ 421 | 422 | Ribbonfarm 423 | http://www.ribbonfarm.com/ 424 | 425 | Mandy Brown's A Working Library 426 | http://aworkinglibrary.com/ 427 | 428 | David Cole's Personal Canon 429 | http://davidcole.me/canon/ 430 | 431 | Bret Victor 432 | http://worrydream.com/ 433 | 434 | Kevin Kelly 435 | http://kk.org/ 436 | 437 | Craig Mod 438 | http://craigmod.com/ 439 | 440 | Jonathan Harris 441 | http://number27.org/ 442 | 443 | Language is a Virus 444 | http://www.languageisavirus.com/ 445 | 446 | Living Books About Life 447 | http://www.livingbooksaboutlife.org/ 448 | 449 | David Rumsey Map Collection 450 | http://www.davidrumsey.com/home 451 | 452 | Open Masters 453 | http://www.openmasters.org/ 454 | 455 | Anatomy of Norbiton 456 | http://anatomyofnorbiton.org/index.php# 457 | 458 | foam 459 | http://fo.am/ 460 | 461 | Out of Eden Walk 462 | http://www.outofedenwalk.com/ 463 | 464 | Buster Benson's Codex Vitae 465 | https://github.com/busterbenson/public/blob/master/Codex.md 466 | 467 | Pioneer Works 468 | http://pioneerworks.org/ 469 | 470 | Uncommon 471 | https://uncommon.cc/ 472 | 473 | The Long Now 474 | http://longnow.org/ 475 | 476 | The Serving Library 477 | http://www.servinglibrary.org/ 478 | 479 | Bldg Blog 480 | http://www.bldgblog.com/ 481 | 482 | Cabinet Magazine 483 | http://www.cabinetmagazine.org/ 484 | 485 | Nicholas Felton 486 | http://feltron.com/ 487 | 488 | Everything2 489 | http://everything2.com/ 490 | 491 | Whole Earth Catalog 492 | http://www.wholeearth.com/index.php 493 | 494 | Visual Complexity 495 | http://www.visualcomplexity.com/vc/ 496 | 497 | Significant Objects 498 | http://significantobjects.com/ 499 | 500 | The Phrontistery 501 | http://phrontistery.info/ 502 | 503 | 504 | 505 | ### FILM / VIDEO [32] 506 | 507 | Wild Strawberries 508 | The Wizard of Oz 509 | The Cabinet of Dr. Caligari 510 | Rear Window 511 | M. 512 | The 400 Blows 513 | 12 Angry Men 514 | Rosemary's Baby 515 | The Terminator 516 | Let the Right One In 517 | Blade Runner 518 | Jaws 519 | Gladiator 520 | Pulp Fiction 521 | The Shining 522 | Fantasia 523 | Pan's Labyrinth 524 | The Triplets of Belleville 525 | Delicatessen 526 | The City of Lost Children 527 | Spirited Away 528 | Nausicaä of the Valley of the Wind 529 | Toy Story 530 | Memento 531 | The Good, the Bad and the Ugly 532 | City of God 533 | The Matrix 534 | City Lights 535 | Die Hard 536 | Diabolique 537 | Hoop Dreams 538 | Man With a Movie Camera 539 | 540 | 541 | 542 | ### MUSIC [25] 543 | 544 | Miles Davis — Kind of Blue 545 | Wayne Shorter — High Life 546 | John Coltrane — A Love Supreme 547 | John Coltrane — Sun Ship (?) 548 | John Coltrane — Ascension (?) 549 | Miles Davis — Bitches Brew (?) 550 | Miles Davis — In A Silent Way (?) 551 | Nas — Illmatic 552 | Girl Talk — Feed the Animals 553 | Outkast — Stankonia (?) 554 | DJ Shadow — Endtroducing… 555 | Kendrick Lamar — Section.80 (?) 556 | Kanye West — My Beautiful Dark Twisted Fantasy 557 | Us3 — Hand on the Torch 558 | TV On the Radio — Nine Types of Light 559 | D'Angelo — Black Messiah 560 | Beyoncé — BEYONCÉ 561 | Kamasi Washington — The Epic 562 | Eminem — The Eminem Show 563 | Eminem — The Slim Shady LP 564 | The Antlers — Hospice 565 | The Streets — A Grand Don't Come For Free 566 | Jay-Z — Reasonable Doubt 567 | A Tribe Called Quest - The Low End Theory 568 | The Roots - Things Fall Apart (?) 569 | 570 | 571 | 572 | ### IDEAS / WIKIPEDIA [31] 573 | 574 | https://en.wikipedia.org/wiki/Affordance 575 | https://en.wikipedia.org/wiki/Autopoiesis 576 | https://en.wikipedia.org/wiki/Biocentric_universe 577 | https://en.wikipedia.org/wiki/Biological_interaction 578 | https://en.wikipedia.org/wiki/Bohm_Dialogue 579 | https://en.wikipedia.org/wiki/Cliodynamics 580 | https://en.wikipedia.org/wiki/Complex_system 581 | https://en.wikipedia.org/wiki/D%C3%A9tournement 582 | https://en.wikipedia.org/wiki/Ekphrasis 583 | https://en.wikipedia.org/wiki/Ensō 584 | https://en.wikipedia.org/wiki/Florilegium 585 | https://en.wikipedia.org/wiki/Froebel_gifts 586 | http://en.wikipedia.org/wiki/Gaia_hypothesis 587 | https://en.wikipedia.org/wiki/Heterarchy 588 | http://en.wikipedia.org/wiki/Heutagogy 589 | https://en.wikipedia.org/wiki/Holacracy 590 | https://en.wikipedia.org/wiki/Junto_(club) 591 | https://en.wikipedia.org/wiki/List_of_lists_of_lists 592 | https://en.wikipedia.org/wiki/Multimodality 593 | https://en.wikipedia.org/wiki/Novum 594 | https://en.wikipedia.org/wiki/Paratext 595 | https://en.wikipedia.org/wiki/%27Pataphysics 596 | https://en.wikipedia.org/wiki/Phenology 597 | https://en.wikipedia.org/wiki/Proxemics 598 | https://en.wikipedia.org/wiki/Quantum_fiction 599 | https://en.wikipedia.org/wiki/Quixotism 600 | https://en.wikipedia.org/wiki/Rhizome 601 | https://en.wikipedia.org/wiki/Social_judgment_theory 602 | https://en.wikipedia.org/wiki/Soundscape_ecology 603 | https://en.wikipedia.org/wiki/Spime 604 | https://en.wikipedia.org/wiki/World-systems_theory 605 | -------------------------------------------------------------------------------- /items/canon-items-mediumlist.txt: -------------------------------------------------------------------------------- 1 | Brendan Schlagel 2 | Personal Canon — Mediumlist 3 | Last Updated: February 2016 4 | 5 | 6 | 7 | ### BOOKS [21] 8 | 9 | Redwall 10 | https://www.goodreads.com/book/show/7996.Redwall 11 | 12 | His Dark Materials 13 | https://www.goodreads.com/book/show/18116.His_Dark_Materials 14 | 15 | Harry Potter 16 | https://www.goodreads.com/book/show/862041.Harry_Potter_Boxset 17 | 18 | The Cuckoo's Egg 19 | https://www.goodreads.com/book/show/98607.The_Cuckoo_s_Egg 20 | 21 | Clock Of The Long Now 22 | https://www.goodreads.com/book/show/33279.Clock_Of_The_Long_Now 23 | 24 | Moby-Dick; or, The Whale 25 | https://www.goodreads.com/book/show/153747.Moby_Dick_or_The_Whale 26 | 27 | Le Ton beau de Marot: In Praise of the Music of Language 28 | https://www.goodreads.com/book/show/248193.Le_Ton_beau_de_Marot 29 | 30 | Invisible Cities 31 | https://www.goodreads.com/book/show/9809.Invisible_Cities 32 | 33 | The Library at Night 34 | https://www.goodreads.com/book/show/5971179-the-library-at-night 35 | 36 | Don Quixote 37 | https://www.goodreads.com/book/show/3835.Don_Quixote 38 | 39 | Autonauts of the Cosmoroute 40 | https://www.goodreads.com/book/show/971277.Autonauts_of_the_Cosmoroute 41 | 42 | One Hundred Years of Solitude 43 | https://www.goodreads.com/book/show/320.One_Hundred_Years_of_Solitude 44 | 45 | Eunoia 46 | https://www.goodreads.com/book/show/6660901-eunoia 47 | 48 | Dune 49 | https://www.goodreads.com/book/show/104.Dune 50 | 51 | Thinking in Systems: A Primer 52 | https://www.goodreads.com/book/show/3828902-thinking-in-systems 53 | 54 | Flatland: A Romance of Many Dimensions 55 | https://www.goodreads.com/book/show/433567.Flatland 56 | 57 | Deschooling Society 58 | https://www.goodreads.com/book/show/223403.Deschooling_Society 59 | 60 | The Autobiography of Benjamin Franklin 61 | https://www.goodreads.com/book/show/15704247-the-autobiography-of-benjamin-franklin 62 | 63 | Impro 64 | https://www.goodreads.com/book/show/306940.Impro 65 | 66 | Bolo'Bolo 67 | https://www.goodreads.com/book/show/381554.Bolo_Bolo 68 | 69 | Summerhill School: A New View of Childhood 70 | https://www.goodreads.com/book/show/178729.Summerhill_School 71 | 72 | 73 | 74 | ### ARTICLES [55] 75 | 76 | On the Spline: A Brief History of the Computational Curve 77 | http://www.alatown.com/spline-history-architecture/ 78 | Amazing history of an object that combines design + computation. 79 | 80 | Radical Linguistics in an Age of Extinction 81 | https://www.dissentmagazine.org/article/radical-linguistics-in-an-age-of-extinction 82 | 83 | We Don't Need No Education 84 | http://www.outsideonline.com/1928266/we-dont-need-no-education#st_refDomain=&st_refQuery= 85 | 86 | Game Design Concepts: Kinds of Fun, Kinds of Players 87 | https://gamedesignconcepts.wordpress.com/2009/07/23/level-8-kinds-of-fun-kinds-of-players/ 88 | 89 | The word-hoard: Robert Macfarlane on rewilding our language of landscape 90 | http://www.theguardian.com/books/2015/feb/27/robert-macfarlane-word-hoard-rewilding-landscape 91 | 92 | The Calculus of Grit 93 | http://www.ribbonfarm.com/2011/08/19/the-calculus-of-grit/ 94 | 95 | The last days of the polymath 96 | http://www.intelligentlifemagazine.com/content/edward-carr/last-days-polymath 97 | 98 | Tickets for Restaurants 99 | http://website.alinearestaurant.com/2014/06/tickets-for-restaurants/ 100 | 101 | The MOOC Moment and the End of Reform 102 | http://thenewinquiry.com/blogs/zunguzungu/the-mooc-moment-and-the-end-of-reform/ 103 | 104 | Far Beyond Snow Fall 105 | https://medium.com/message/far-beyond-snow-fall-a14d35c85e3e#.59015tpga 106 | 107 | Creativity and the Adjacent Possible 108 | https://web.archive.org/web/20130613045115/http://chrismonaghan.org/2012/01/creativity-and-the-adjacent-possibl 109 | 110 | My Writing Education: A Timeline 111 | http://www.newyorker.com/books/page-turner/my-writing-education-a-timeline 112 | 113 | Work on Stuff that Matters: First Principles 114 | http://radar.oreilly.com/2009/01/work-on-stuff-that-matters-fir.html 115 | 116 | The Neoliberal Arts 117 | http://harpers.org/archive/2015/09/the-neoliberal-arts/?single=1 118 | 119 | A Few Notes on the Culture 120 | http://www.vavatch.co.uk/books/banks/cultnote.htm 121 | 122 | Is it OK to make art? 123 | https://aeon.co/essays/art-is-a-waste-of-time-or-so-effective-altruism-claims 124 | 125 | Return to Nib’s Knoll 126 | https://aeon.co/essays/before-minecraft-or-snapchat-there-was-micromuse 127 | 128 | Sanderson's First Law 129 | http://brandonsanderson.com/sandersons-first-law/ 130 | 131 | The Intelligent Plant 132 | http://www.newyorker.com/magazine/2013/12/23/the-intelligent-plant 133 | 134 | This Is What Happens When Publishers Invest In Long Stories 135 | http://www.fastcolabs.com/3009577/open-company/this-is-what-happens-when-publishers-invest-in-long-stories/# 136 | 137 | Cryptoforests and Spatial Folklore 138 | http://www.bldgblog.com/2011/01/cryptoforests-and-spatial-folklore/ 139 | 140 | Antidisciplinary 141 | http://joi.ito.com/weblog/2014/10/02/antidisciplinar.html 142 | 143 | Publishing Models for Internet Commerce 144 | http://archive.oreilly.com/pub/a/oreilly/tim/articles/pubmod.html 145 | 146 | Reading War and Peace on my iPhone 147 | http://bookriot.com/quarterly/bkr07/ 148 | 149 | Ethnography and the Distributed-Centered Subject 150 | https://www.epicpeople.org/ethnography-and-the-distributed-centered-subject/ 151 | 152 | The Graveyard of Abandoned Projects 153 | http://darrananderson.com/2012/05/13/the-graveyard-of-abandoned-projects/ 154 | 155 | On Repeat: How to Use Loops to Explain Anything 156 | https://www.propublica.org/nerds/item/on-repeat-how-to-use-loops-to-explain-anything 157 | 158 | Let's get real about the financial expectations of 'going indie' 159 | http://www.gamasutra.com/view/news/237046/Lets_get_real_about_the_financial_expectations_of_going_indie.php 160 | 161 | Philosophy and Education: Thoughts on Teaching Learning 162 | https://networkologies.wordpress.com/2012/06/09/philosophy-and-education-thoughts-on-teaching-learning/ 163 | 164 | How Apple Makes the Watch 165 | http://atomicdelights.com/blog/a-glimpse-at-how-the-apple-watch-is-made 166 | 167 | The Web's Grain 168 | http://www.frankchimero.com/writing/the-webs-grain/ 169 | 170 | Can Sponsorship Save Small Bookstores? 171 | http://www.newyorker.com/business/currency/can-sponsorship-save-small-bookstores 172 | 173 | How to Kickstarter 174 | http://www.studioneat.com/blogs/main/17250808-how-to-kickstarter 175 | 176 | Latitudes of Acceptance 177 | http://edge.org/conversation/latitudes-of-acceptance 178 | 179 | 10 THINGS I LEARNED FROM RUNNING EVENTS, AND HOW YOU CAN DO IT TOO! 180 | http://chloeatplay.tumblr.com/post/66104877943/10-things-i-learned-from-running-events-and-how 181 | 182 | Amanda Palmer: why fans choose to pay artists they love 183 | http://boingboing.net/2014/11/05/amanda-palmer-why-fans-choose.html 184 | 185 | Computational Mythologies: An Interview with Zachary Mason 186 | http://www.bldgblog.com/2011/02/computational-mythologies-an-interview-with-zachary-mason/ 187 | 188 | How I REVERSE ENGINEERED GOOGLE DOCS To Play Back Any Document’s Keystrokes 189 | http://features.jsomers.net/how-i-reverse-engineered-google-docs/#/ 190 | 191 | the future of media? bet on events 192 | http://snarkmarket.com/2009/4056 193 | 194 | Designing for and Against the Manufactured Normalcy Field 195 | http://blog.gregborenstein.com/2012/06/24/designing-for-and-against-the-manufactured-normalcy-field/ 196 | 197 | the art of working in public 198 | http://snarkmarket.com/2011/7189 199 | 200 | what are the new liberal arts? 201 | http://snarkmarket.com/2009/2521 202 | 203 | 8 Forms of Capital 204 | http://www.appleseedpermaculture.com/8-forms-of-capital/ 205 | 206 | Kalzumeus Podcast Episode 7: Launching New Products 207 | http://www.kalzumeus.com/2014/06/19/kalzumeus-podcast-episode-7-launching-new-products/ 208 | 209 | The Epic Story of Container Shipping 210 | http://www.ribbonfarm.com/2009/07/07/the-epic-story-of-container-shipping/ 211 | 212 | The Spark File 213 | https://medium.com/the-writers-room/the-spark-file-8d6e7df7ae58#.68t7fcyub 214 | 215 | Flatness 216 | http://music.columbia.edu/~chris/diss.flatness.htm 217 | 218 | Mastering the Art of Sparking Connections 219 | http://sparkcamp.com/sparking-connections/ 220 | 221 | What Is the Business of Literature? 222 | http://www.vqronline.org/articles/what-business-literature 223 | 224 | Better Than Free 225 | http://kk.org/thetechnium/better-than-fre/ 226 | 227 | Week 315 228 | http://berglondon.com/blog/2011/06/21/week-315/ 229 | 230 | 38 is great. Annual review of my favorite ideas. 231 | https://medium.com/@buster/38-is-great-5e72aa44b857#.f6xvtfcxy 232 | 233 | stock and flow 234 | http://snarkmarket.com/2010/4890 235 | 236 | A Community of Possibilities 237 | http://brianbailey.me/a-community-of-possibilities/ 238 | 239 | Every cup of coffee is a spectacle of logistics 240 | http://kottke.org/14/07/every-cup-of-coffee-is-a-spectacle-of-logistics 241 | 242 | 243 | 244 | ### WEBSITES [19] 245 | 246 | Y Combinator Requests for Startups 247 | https://www.ycombinator.com/rfs/ 248 | 249 | MIT Media Lab 250 | http://www.media.mit.edu/ 251 | 252 | Coudal Partners 253 | http://www.coudal.com/ + http://www.coudal.com/moom/ 254 | 255 | Ribbonfarm 256 | http://www.ribbonfarm.com/ 257 | 258 | Mandy Brown's A Working Library 259 | http://aworkinglibrary.com/ 260 | 261 | David Cole's Personal Canon 262 | http://davidcole.me/canon/ 263 | 264 | Bret Victor 265 | http://worrydream.com/ 266 | 267 | Kevin Kelly 268 | http://kk.org/ 269 | 270 | Craig Mod 271 | http://craigmod.com/ 272 | 273 | Open Masters 274 | http://www.openmasters.org/ 275 | 276 | foam 277 | http://fo.am/ 278 | 279 | Out of Eden Walk 280 | http://www.outofedenwalk.com/ 281 | 282 | Buster Benson's Codex Vitae 283 | https://github.com/busterbenson/public/blob/master/Codex.md 284 | 285 | Pioneer Works 286 | http://pioneerworks.org/ 287 | 288 | Uncommon 289 | https://uncommon.cc/ 290 | 291 | The Long Now 292 | http://longnow.org/ 293 | 294 | Bldg Blog 295 | http://www.bldgblog.com/ 296 | 297 | Everything2 298 | http://everything2.com/ 299 | 300 | The Phrontistery 301 | http://phrontistery.info/ 302 | 303 | 304 | 305 | ### FILM / VIDEO [20] 306 | 307 | Wild Strawberries 308 | The Wizard of Oz 309 | The Cabinet of Dr. Caligari 310 | Rear Window 311 | M. 312 | The 400 Blows 313 | Rosemary's Baby 314 | Let the Right One In 315 | Fantasia 316 | Pan's Labyrinth 317 | Delicatessen 318 | Nausicaä of the Valley of the Wind 319 | Memento 320 | The Good, the Bad and the Ugly 321 | City of God 322 | The Matrix 323 | City Lights 324 | Die Hard 325 | Hoop Dreams 326 | Man With a Movie Camera 327 | 328 | 329 | 330 | ### MUSIC [12] 331 | 332 | Miles Davis — Kind of Blue 333 | Wayne Shorter — High Life 334 | John Coltrane — A Love Supreme 335 | Nas — Illmatic 336 | Girl Talk — Feed the Animals 337 | Outkast — Stankonia 338 | DJ Shadow — Endtroducing… 339 | Kendrick Lamar — Section.80 340 | Kanye West — My Beautiful Dark Twisted Fantasy 341 | Us3 — Hand on the Torch 342 | Eminem — The Eminem Show 343 | Jay-Z — Reasonable Doubt 344 | 345 | 346 | 347 | ### IDEAS / WIKIPEDIA [22] 348 | 349 | https://en.wikipedia.org/wiki/Affordance 350 | https://en.wikipedia.org/wiki/Autopoiesis 351 | https://en.wikipedia.org/wiki/Biocentric_universe 352 | https://en.wikipedia.org/wiki/Bohm_Dialogue 353 | https://en.wikipedia.org/wiki/Complex_system 354 | https://en.wikipedia.org/wiki/D%C3%A9tournement 355 | https://en.wikipedia.org/wiki/Ekphrasis 356 | https://en.wikipedia.org/wiki/Ensō 357 | https://en.wikipedia.org/wiki/Florilegium 358 | https://en.wikipedia.org/wiki/Froebel_gifts 359 | http://en.wikipedia.org/wiki/Gaia_hypothesis 360 | https://en.wikipedia.org/wiki/Heterarchy 361 | http://en.wikipedia.org/wiki/Heutagogy 362 | https://en.wikipedia.org/wiki/Junto_(club) 363 | https://en.wikipedia.org/wiki/List_of_lists_of_lists 364 | https://en.wikipedia.org/wiki/Multimodality 365 | https://en.wikipedia.org/wiki/%27Pataphysics 366 | https://en.wikipedia.org/wiki/Quantum_fiction 367 | https://en.wikipedia.org/wiki/Rhizome 368 | https://en.wikipedia.org/wiki/Soundscape_ecology 369 | https://en.wikipedia.org/wiki/Spime 370 | https://en.wikipedia.org/wiki/World-systems_theory 371 | -------------------------------------------------------------------------------- /items/canon-items-shortlist-categorized.txt: -------------------------------------------------------------------------------- 1 | Brendan Schlagel 2 | Personal Canon — Shortlist - Categorized 3 | Last Updated: February 2016 4 | 5 | 6 | 7 | ### WORDS + LANGUAGE [8] 8 | Rare words, sentences entangled and translated, prose wrought and wrangled, ridiculous rhymes. 9 | 10 | Moby-Dick; or, The Whale [BOOK] 11 | https://www.goodreads.com/book/show/153747.Moby_Dick_or_The_Whale 12 | An obvious classic I read only recently — it blew me away with its majestic language and vortex of ideas. 13 | 14 | Nas — Illmatic [ALBUM] 15 | http://www.allmusic.com/album/illmatic-mw0000623739 16 | One of the greatest hip-hop albums ever, perfect for the effortless chill (belying technical mastery) of both its beats and bravura lyrics. 17 | 18 | Everything2 [WEBSITE] 19 | http://everything2.com/ 20 | What it is: a writing community? A strange wiki? An experiment in collective publishing. Yes! Also, one of teenage-me's favorite places to read random things. 21 | 22 | The word-hoard: Robert Macfarlane on rewilding our language of landscape [ARTICLE] 23 | http://www.theguardian.com/books/2015/feb/27/robert-macfarlane-word-hoard-rewilding-landscape 24 | Incredible piece about unusual, delightful words used to describe the natural world. 25 | 26 | Le Ton beau de Marot: In Praise of the Music of Language [BOOK] 27 | https://www.goodreads.com/book/show/248193.Le_Ton_beau_de_Marot 28 | Wonderful book by Doug Hofstadter about obsession with language and translation (and much more accessible than GEB). 29 | 30 | The Phrontistery [WEBSITE] 31 | http://phrontistery.info/ 32 | Love language? You'll love this website — it's chock full of crazy collections of words wonderful and obscure. 33 | 34 | Eminem — The Eminem Show [ALBUM] 35 | http://www.allmusic.com/album/the-eminem-show-mw0000140333 36 | Not rap's, or even Eminem's best effort — but listening to this burned CD-R on repeat shaped my middle school rhyme-fiend aspirations. 37 | 38 | Quantum fiction [IDEA] 39 | https://en.wikipedia.org/wiki/Quantum_fiction 40 | “A literary genre that reflects modern experience of the material world and reality as influenced by quantum theory and new principles in quantum physics.” Strange new genre; sci-fi meets scientific realism. 41 | 42 | 43 | 44 | 45 | 46 | ### SCIENCE + TECHNOLOGY [9+] 47 | Opening up a landscape of technical possibility; elucidating some of the complexities of the world. 48 | 49 | Flatland: A Romance of Many Dimensions [BOOK] 50 | https://www.goodreads.com/book/show/433567.Flatland 51 | I've found no other book as (relatively) old and short as this one that's as packed full with creativity; it takes big ideas and makes them at once fun and comprehensible — no mean feat! 52 | 53 | Gaia hypothesis [IDEA] 54 | http://en.wikipedia.org/wiki/Gaia_hypothesis 55 | Idea ”that organisms interact with their inorganic surroundings on Earth to form a self-regulating, complex system that helps to maintain the conditions for life on the planet.” Helpful new perspective on the world and our place it in. 56 | 57 | The Intelligent Plant [ARTICLE] 58 | http://www.newyorker.com/magazine/2013/12/23/the-intelligent-plant 59 | Fascinating deep dive into the possibilities, and potential implications, of plant intelligence. 60 | 61 | The Cuckoo's Egg [BOOK] 62 | https://www.goodreads.com/book/show/98607.The_Cuckoo_s_Egg 63 | An amazing true-crime hacker mystery; the first book that introduced me to the strange magic of computers and those who can manipulate them. 64 | 65 | Autopoiesis [IDEA] 66 | https://en.wikipedia.org/wiki/Autopoiesis 67 | “A system capable of reproducing and maintaining itself.” This idea of a self-contained, self-perpetuating system has fascinating implications for evolutionary and computational biology. 68 | 69 | How I Reverse Engineered Google Docs To Play Back Any Document’s Keystrokes [ARTICLE] 70 | http://features.jsomers.net/how-i-reverse-engineered-google-docs/#/ 71 | Super cool project writeup, involving both the “archaeology of writing” (fascinating in its own right) and the intricate technical challenges and evolution of a tricky engineering problem. 72 | 73 | Thinking in Systems: A Primer [BOOK] 74 | https://www.goodreads.com/book/show/3828902-thinking-in-systems 75 | Clear and concise introduction to the power of systems thinking. 76 | 77 | SEE ALSO: Complex system 78 | https://en.wikipedia.org/wiki/Complex_system 79 | “A system that exhibits some (and possibly all) of the following characteristics: feedback loops; spontaneous order; robustness of the order; emergent organization; numerosity; hierarchical organization.” 80 | 81 | Biocentric universe [IDEA] 82 | https://en.wikipedia.org/wiki/Biocentric_universe 83 | “Concept…which sees biology as the central driving science in the universe, and an understanding of the other sciences as reliant on a deeper understanding of biology.” A weird and unorthodox perspective, nonetheless interesting as a perspective-alteration device. 84 | 85 | Soundscape ecology [IDEA] 86 | https://en.wikipedia.org/wiki/Soundscape_ecology 87 | “The study of sound within a landscape or seascape and its effect on organisms…[and] how…different sound sources interact across spatial scales and through time.” I love the idea of studying scientifically the effects of something largely invisible and relegated to the background. 88 | 89 | 90 | 91 | 92 | 93 | ### FANTASY + MAGIC [9] 94 | Recollections and reconceptions, spine-tingling awe-inpiring mind-expanding fruits of multifold imaginations. 95 | 96 | His Dark Materials [BOOK] 97 | https://www.goodreads.com/book/show/18116.His_Dark_Materials 98 | Of the several fantasy series (Harry Potter; Redwall, Narnia) I read as a kid, this trilogy holds up best. Incredibly fun and inventive. 99 | 100 | One Hundred Years of Solitude [BOOK] 101 | https://www.goodreads.com/book/show/320.One_Hundred_Years_of_Solitude 102 | My introduction to magical realism and Latin American literature; read at the end of high school, still a favorite. 103 | 104 | Fantasia [MOVIE] 105 | http://www.imdb.com/title/tt0032455/ 106 | The original transmedia dopeness? Virtuosic animation + the most classic of classical music = an awe-inspiring image-sound experience. 107 | 108 | Return to Nib’s Knoll [ARTICLE] 109 | https://aeon.co/essays/before-minecraft-or-snapchat-there-was-micromuse 110 | Wonderful remembrance of a secret childhood world, and meditation on things that live in our equally fragile technologies and imaginations. 111 | 112 | Invisible Cities [BOOK] 113 | https://www.goodreads.com/book/show/9809.Invisible_Cities 114 | Both virtuosic creative writing and conceptual brilliance woven from short vignettes about imagined cities. 115 | 116 | Miles Davis — Kind of Blue [ALBUM] 117 | http://www.allmusic.com/album/kind-of-blue-mw0000191710 118 | The album that really made me “get” jazz. A perfect emotive storm, a mood-enveloping time-stopping touchstone. 119 | 120 | The Wizard of Oz [MOVIE] 121 | http://www.imdb.com/title/tt0032138/ 122 | My sister's all-time favorite and thus a film I've watched more times than any other; a fantastical journey embedded in my psyche. 123 | 124 | Kanye West — My Beautiful Dark Twisted Fantasy [ALBUM] 125 | http://www.allmusic.com/album/my-beautiful-dark-twisted-fantasy-mw0002022752 126 | An album full of genius songs, a thirty-minute mystifying music-vid indulgence, and the establishment of a mad genius. 127 | 128 | Pan's Labyrinth [MOVIE] 129 | http://www.imdb.com/title/tt0457430/ 130 | My favorite filmic magical realism, which kickstarted an interest in Spanish-language cinema. 131 | 132 | 133 | 134 | 135 | 136 | ### CREATING + MAKING [9+] 137 | Generating interesting work, synthesizing fruits of past and present, and pushing things forth out into the world. 138 | 139 | The Spark File [ARTICLE] 140 | https://medium.com/the-writers-room/the-spark-file-8d6e7df7ae58#.68t7fcyub 141 | If you want to write consistently, this single piece of advice (mixed with a dab of habit-building persistence) will get you most of the way there — a simple yet essential tool. 142 | 143 | Antidisciplinary [ARTICLE] 144 | http://joi.ito.com/weblog/2014/10/02/antidisciplinar.html 145 | Short introduction to the unique brand of creative synthesis and academic collaboration/invention that goes on at the MIT Media Lab. 146 | 147 | Man With a Movie Camera [MOVIE] 148 | http://www.imdb.com/title/tt0019760/ 149 | Today this would be “kid with an iPhone”; nearly a century ago it was a masterwork of motion-picture collage, self-reflective filmic statement, and moving portrait of a living city. 150 | 151 | Work on Stuff that Matters: First Principles [ARTICLE] 152 | http://radar.oreilly.com/2009/01/work-on-stuff-that-matters-fir.html 153 | Short but important manifesto for doing work that actually matters. 154 | 155 | DJ Shadow — Endtroducing… [ALBUM] 156 | http://www.allmusic.com/album/endtroducing-mw0000082992 157 | The timeless classic hip-hop version of above; the samples and combinations more subtle, seamlessly woven. 158 | 159 | SEE ALSO: Girl Talk — Feed the Animals [ALBUM] 160 | http://www.allmusic.com/album/feed-the-animals-mw0000792607 161 | Staple of college parties, pop-culture touchstone; one of the few mashup albums that holds up. 162 | 163 | Is it OK to make art? [ARTICLE] 164 | https://aeon.co/essays/art-is-a-waste-of-time-or-so-effective-altruism-claims 165 | Great introduction to the important (if practically problemetic and inevitably-internal-conflict-inducing) concept of effective altruism. 166 | 167 | Creativity and the Adjacent Possible [ARTICLE] 168 | https://web.archive.org/web/20130613045115/http://chrismonaghan.org/2012/01/creativity-and-the-adjacent-possibl 169 | Awesome short overview of how exploring the edges of ideas leads us to new ones. 170 | 171 | The Graveyard of Abandoned Projects [ARTICLE] 172 | http://darrananderson.com/2012/05/13/the-graveyard-of-abandoned-projects/ 173 | It's okay to let your ideas die or languish, even good ones. This collection of one brilliant writer's abandoned projects is both comforting and tantalizing. 174 | 175 | Froebel gifts [IDEA] 176 | https://en.wikipedia.org/wiki/Froebel_gifts 177 | “Play materials for young children designed by Friedrich Fröbel for the original Kindergarten at Bad Blankenburg.” Five simple gifts that blur the line between toys and educational objects. 178 | 179 | 180 | 181 | 182 | 183 | ### SCI-FI + FUTURISM [7+] 184 | Speculation, worldbuilding, radical thinking about our collective future. 185 | 186 | Dune [BOOK] 187 | https://www.goodreads.com/book/show/104.Dune 188 | Recently renewed my appreciation for sci-fi and awed me with its super-cool worldbuilding. 189 | 190 | The Matrix [MOVIE] 191 | http://www.imdb.com/title/tt0133093/ 192 | Mindblowing movie about mind and matter, realism and reality — and a hell of a fun trip. 193 | 194 | A Few Notes on the Culture [ARTICLE] 195 | http://www.vavatch.co.uk/books/banks/cultnote.htm 196 | Fascinating worldbuilding notes from a master sci-fi author. 197 | 198 | The Long Now [WEBSITE] 199 | http://longnow.org/ 200 | Foundation fostering long-term thinking; home to a great seminar series and several fascinating ongoing projects changing how we think about time, and how we can preserve knowledge, language, nature and more. 201 | 202 | SEE ALSO: Clock Of The Long Now 203 | https://www.goodreads.com/book/show/33279.Clock_Of_The_Long_Now 204 | Great introduction to the “Long Now” philosophy I find so compelling and important. 205 | 206 | Spime [IDEA] 207 | https://en.wikipedia.org/wiki/Spime 208 | “A neologism for a futuristic object, characteristic to the Internet of Things, that can be tracked through space and time throughout its lifetime. They are essentially virtual master objects that can, at various times, have physical incarnations of themselves.” Blurring lines between single objects and their Platonic ideals; confounding ideas of manufacturing and persistence. 209 | 210 | Sanderson's First Law [ARTICLE] 211 | http://brandonsanderson.com/sandersons-first-law/ 212 | Fun theoretical treatise on rules for magical systems in fiction. 213 | 214 | Every cup of coffee is a spectacle of logistics [ARTICLE] 215 | http://kottke.org/14/07/every-cup-of-coffee-is-a-spectacle-of-logistics 216 | Proposing a new nonfiction genre of pieces on awe-inspiring large-scale infrastructure and logistics: the “systemic sublime”. 217 | 218 | 219 | 220 | 221 | 222 | ### WEIRDNESS + WONDER [9+] 223 | Genre-defying brilliance, introducing me to unexpected insight and intrigue threaded throughout the world. 224 | 225 | Autonauts of the Cosmoroute [BOOK] 226 | https://www.goodreads.com/book/show/971277.Autonauts_of_the_Cosmoroute 227 | Hard to categorize, this memoir-cum-travelogue chronicles Cortazar's strange highway-bound road trip adventure. 228 | 229 | foam [WEBSITE] 230 | http://fo.am/ 231 | “Cultural laboratory re-imagining possible futures at the interstices of art, science, nature and everyday life.” There's a wealth of weird cool stuff here; it's hard to describe so…just dig in! 232 | 233 | Bldg Blog [WEBSITE] 234 | http://www.bldgblog.com/ 235 | Amazing blog on urbanism and architecture and the built environment, but also the fascinating intersections of those fields with things like literature, technology, and more. 236 | 237 | SEE ALSO: Cryptoforests and Spatial Folklore 238 | http://www.bldgblog.com/2011/01/cryptoforests-and-spatial-folklore/ 239 | Strange and cool approach to thinking about “cryotoforests”, hidden untamed enclaves of nature. 240 | 241 | SEE ALSO: Computational Mythologies: An Interview with Zachary Mason 242 | http://www.bldgblog.com/2011/02/computational-mythologies-an-interview-with-zachary-mason/ 243 | Wide-ranging interview on generating fiction, creating narrative structure, and working with “story primes”. 244 | 245 | Us3 — Hand on the Torch [ALBUM] 246 | http://www.allmusic.com/album/hand-on-the-torch-mw0000105450 247 | One of the only cassette tapes I owned; an early introduction to the sweet and wacky melding of jazz and hip-hop. 248 | 249 | Memento [MOVIE] 250 | http://www.imdb.com/title/tt0209144/ 251 | First baffling, then brilliant; opened the door for me to see the power of nonlinear narrative and the potential rewards in expectations confused and reconfigured. 252 | 253 | Outkast — Stankonia [ALBUM] 254 | http://www.allmusic.com/album/stankonia-mw0000252371 255 | Proof that hip-hop is not one thing, but many, marvelous ones, inhabited by dazzling varieties of genius. 256 | 257 | ‘Pataphysics [IDEA] 258 | https://en.wikipedia.org/wiki/%27Pataphysics 259 | “An absurdist, pseudo-scientific literary trope…One attempt at a definition might be to say that ‘pataphysics is…the science of imaginary solutions.” Hilariously perplexing and intriguing Oulipean philosophy! 260 | 261 | SEE ALSO: Oulipo 262 | https://en.wikipedia.org/wiki/Oulipo 263 | “A loose gathering of (mainly) French-speaking writers and mathematicians who seek to create works using constrained writing techniques.” 264 | 265 | Delicatessen [MOVIE] 266 | http://www.imdb.com/title/tt0101700/ 267 | A quintessentially weird film, in which space and sound as much as image paint a strange and satisfying world. 268 | 269 | Dérive [IDEA] 270 | https://en.wikipedia.org/wiki/D%C3%A9rive 271 | “An unplanned journey through a landscape, usually urban, on which the subtle aesthetic contours of the surrounding architecture and geography subconsciously direct the travellers, with the ultimate goal of encountering an entirely new and authentic experience.” One of my favorite activities! 272 | 273 | SEE ALSO: Psychogeography 274 | https://en.wikipedia.org/wiki/Psychogeography 275 | “An approach to geography that emphasizes playfulness and “drifting” around urban environments; ‘…a whole toy box full of playful, inventive strategies for exploring cities…’” 276 | 277 | 278 | 279 | 280 | 281 | ### ECONOMICS + VALUE [7+] 282 | Machinations of business; vectors of transaction; the how and why of making a living in useful and sustainable ways (or trying to!) 283 | 284 | Better Than Free [ARTICLE] 285 | http://kk.org/thetechnium/better-than-fre/ 286 | Incredible look at eight ways to create value with digital products in a world of infinite abundance. 287 | 288 | Kalzumeus [WEBSITE] 289 | http://www.kalzumeus.com 290 | Patrick is a prolific writer on topics from software development to online business to content marketing to career advice; his material is pretty uniformly precise, thorough, and helpful. 291 | 292 | SEE ALSO: Kalzumeus Podcast Episode 7: Launching New Products 293 | http://www.kalzumeus.com/2014/06/19/kalzumeus-podcast-episode-7-launching-new-products/ 294 | Great discussion about creating and launching products online. 295 | 296 | 8 Forms of Capital [ARTICLE] 297 | http://www.appleseedpermaculture.com/8-forms-of-capital/ 298 | I love writing that catalogs or taxonomizes an interesting concept, and this is one of the best, mapping out a fascinating variety of forms of capital (and corresponding currencies) far beyond our usual conception of the term. 299 | 300 | Heterarchy [IDEA] 301 | https://en.wikipedia.org/wiki/Heterarchy 302 | “A system of organization where the elements of the organization are unranked (non-hierarchical) or where they possess the potential to be ranked a number of different ways.” Sort of the less annoying generalized idea behind something like holacracy. I love thinking about how abstract structures can be articulated and mapped out in useful ways. 303 | 304 | How to Kickstarter [ARTICLE] 305 | http://www.studioneat.com/blogs/main/17250808-how-to-kickstarter 306 | Of many Kickstarter advice synopses, this is probably the best concise once I've read, from a company with a nice variety of simply yet highly successful products. 307 | 308 | Hacker News [WEBSITE] 309 | https://news.ycombinator.com/ 310 | Great news board / discussion forum with a focus on technology and entrepreneurship. 311 | 312 | SEE ALSO: 313 | YCombinator's “Requests for Startups” 314 | https://www.ycombinator.com/rfs/ 315 | Areas of innovation the world's most prestigious startup accelerator finds particularly compelling, and would like to see more of. 316 | 317 | World-systems theory [IDEA] 318 | https://en.wikipedia.org/wiki/World-systems_theory 319 | “A multidisciplinary, macro-scale approach to world history and social change [that] emphasizes the world-system (and not nation states) as the primary (but not exclusive) unit of social analysis.” Unusual way of thinking about the complex economic relationships that permeate the world. 320 | 321 | 322 | 323 | 324 | 325 | ### MEDIA + DESIGN [9+] 326 | Peeking beneath the surfaces, structures, and assumptions of how things are made and displayed. 327 | 328 | The Web's Grain [ARTICLE] 329 | http://www.frankchimero.com/writing/the-webs-grain/ 330 | Beautiful look at designing for the web — assumptions, challenges, and possibilities for building on the world's most important, flexible, and oft-vexing medium. 331 | 332 | Bret Victor [WEBSITE] 333 | http://worrydream.com/ 334 | Maybe the coolest personal portfolio site ever — and on top of that, full of tremendously important thinking about design, tool-making, creativity, and understanding complex systems. 335 | 336 | SEE ALSO: Explorable Explanations 337 | http://worrydream.com/ExplorableExplanations/ 338 | Proposition and prototypes for “reading environments that encourage active reading” through three methods: reactive documents, explorable examples, and contextual information. 339 | 340 | SEE ALSO: Up and Down the Ladder of Abstraction 341 | http://worrydream.com/LadderOfAbstraction/ 342 | An interactive essay on how to move between levels of abstraction when thinking about a system. 343 | 344 | Game Design Concepts: Kinds of Fun, Kinds of Players [ARTICLE] 345 | https://gamedesignconcepts.wordpress.com/2009/07/23/level-8-kinds-of-fun-kinds-of-players/ 346 | Interesting look at game design principles through types of fun and types of players. 347 | 348 | Florilegium [IDEA] 349 | https://en.wikipedia.org/wiki/Florilegium 350 | “In medieval Latin…a compilation of excerpts from other writings…literally a gathering of flowers, or collection of fine extracts from the body of a larger work.” Evocative word holding some part of the interesting origins of collaged and compiled writing. 351 | 352 | How Apple Makes the Watch [ARTICLE] 353 | http://atomicdelights.com/blog/a-glimpse-at-how-the-apple-watch-is-made 354 | Into the weeds with an insanely detailed speculative investigation of how world-class physical product manufacture actually happens. Best “how the sausage is made” post I can think of. 355 | 356 | Craig Mod [WEBSITE] 357 | http://craigmod.com/ 358 | Lots of great work and thoughtful essays around publishing, photography, digital creation and more. 359 | 360 | SEE ALSO: Subcompact Publishing 361 | http://craigmod.com/journal/subcompact_publishing/ 362 | Great look at systems and tools for digital publishing — small, simple, and fluid; in the context of both open and closed ecosystems. 363 | 364 | SEE ALSO: Post-Artifact Books and Publishing 365 | http://craigmod.com/journal/post_artifact/ 366 | Exploration of the evolving nature of books and other, future (and digital) publishing systems. 367 | 368 | Ekphrasis [IDEA] 369 | https://en.wikipedia.org/wiki/Ekphrasis 370 | “A graphic, often dramatic, description of a visual work of art.” Interesting rhetorical device; calls to mind the work of Sol Lewitt and various transmedia experiments. Love the simple idea of evoking one type of thing via another. 371 | 372 | The Cabinet of Dr. Caligari [MOVIE] 373 | http://www.imdb.com/title/tt0010323/ 374 | First example I can recall of an entirely new (old!) approach to set-design and filmscape aesthetics; still striking. 375 | 376 | SEE ALSO: M. [MOVIE] 377 | http://www.imdb.com/title/tt0022100/ 378 | A film of incredible composition and lasting impact both visual and narrative. 379 | 380 | Multimodality [IDEA] 381 | https://en.wikipedia.org/wiki/Multimodality 382 | “A theory of communication and social semiotics [that] describes communication practices in terms of the textual, aural, linguistic, spatial, and visual resources - or modes - used to compose messages.” Useful way of thinking about how we can design and create by combining different modes of communication. 383 | 384 | 385 | 386 | 387 | 388 | ### LIFE + LEARNING [9+] 389 | Thinking about living; thinking about thinking; analyzing and annotating oneself and sharing the process with others. 390 | 391 | The Autobiography of Benjamin Franklin [BOOK] 392 | https://www.goodreads.com/book/show/15704247-the-autobiography-of-benjamin-franklin 393 | It would be too easy to call Ben Franklin a genius; more importantly, he was a man who was good at not only thinking, but going from ideas to reality. 394 | 395 | SEE ALSO: Junto (club) 396 | https://en.wikipedia.org/wiki/Junto_(club) 397 | ”A club for mutual improvement established in 1727 by Benjamin Franklin in Philadelphia…its purpose was to debate questions of morals, politics, and natural philosophy, and to exchange knowledge of business affairs.” 398 | 399 | Buster Benson's Codex Vitae [WEBSITE] 400 | https://github.com/busterbenson/public/blob/master/Codex.md 401 | Awesome personal catalog of ideas, beliefs, and more. Also includes his own “personal canon”! Super-well-realized ongoing open-source reflection; a useful template for us all. 402 | 403 | SEE ALSO: 38 is great. Annual review of my favorite ideas. 404 | https://medium.com/@buster/38-is-great-5e72aa44b857#.f6xvtfcxy 405 | My favorite of Buster's “annual reviews”; this one contains a lot of really great ideas including the seed of the “codex vitae”. 406 | 407 | Impro [BOOK] 408 | https://www.goodreads.com/book/show/306940.Impro 409 | Ostensibly about improvisational theater; but also actually about education, creativity, and much more from a very creative and perceptive teacher. 410 | 411 | Week 315 [ARTICLE] 412 | http://berglondon.com/blog/2011/06/21/week-315/ 413 | A blog post, a journal entry, a notebook, a brilliant example of thinking out loud, collecting reflections on business and creativity into something special. 414 | 415 | Mandy Brown's A Working Library [WEBSITE] 416 | http://aworkinglibrary.com/ 417 | Collected reading and writing notes, both wonderfully presented and expertly curated. 418 | 419 | David Cole's Personal Canon [WEBSITE] 420 | http://davidcole.me/canon/ 421 | Great example of an awesome “personal canon”; inspiration for this very page! 422 | 423 | Kevin Kelly [WEBSITE] 424 | http://kk.org/ 425 | Great example of a personal meta-website, with other sites and projects that unfold upon closer exploration, from someone who happens to have a very many interesting projects. 426 | 427 | My Writing Education: A Timeline [ARTICLE] 428 | http://www.newyorker.com/books/page-turner/my-writing-education-a-timeline 429 | Timeline of a life in writing with powerful thoughts on learning, mentorship, and pursuing creative work. 430 | 431 | The 400 Blows [MOVIE] 432 | http://www.imdb.com/title/tt0053198/ 433 | Classic coming of age story, simple yet profound, perhaps the brightest gem of the French New Wave. 434 | 435 | 436 | 437 | 438 | 439 | ### COMMUNITY + CURIOSITY [7+] 440 | Exploring interesting things with other interesting people. 441 | 442 | Ribbonfarm [WEBSITE] 443 | http://www.ribbonfarm.com/ 444 | Conceptually dense, self-referential, always intriguing, and home to both one of the web's consistently great thinkers and (more recently) a bevy of thought-provoking guest posts. 445 | 446 | SEE ALSO: The Calculus of Grit 447 | http://www.ribbonfarm.com/2011/08/19/the-calculus-of-grit/ 448 | Venkat's “idea of an inertial navigation system for an age of anomie”; a great exploration of what it means to be a creative generalist. 449 | 450 | SEE ALSO: The Epic Story of Container Shipping 451 | http://www.ribbonfarm.com/2009/07/07/the-epic-story-of-container-shipping/ 452 | Teasing out the subplots for a super interesting “systemic sublime” exemplar. 453 | 454 | Uncommon in Common [WEBSITE] 455 | https://uncommon.cc/ 456 | A “front porch for the Internet” and awesome community and associated website for people to share memories, reflections, and conversation. 457 | 458 | SEE ALSO: A Community of Possibilities 459 | http://brianbailey.me/a-community-of-possibilities/ 460 | Great thoughts on building a “slow web community” — ideas whence Uncommon would emerge. 461 | 462 | Mastering the Art of Sparking Connections [ARTICLE] 463 | http://sparkcamp.com/sparking-connections/ 464 | Great advice on creating great events, from some of the best in the “creating great events” business. 465 | 466 | Out of Eden Walk [WEBSITE] 467 | http://www.outofedenwalk.com/ 468 | One of the single most impressive creative projects I've encountered, both for its remarkable scope and vision, and the cool ecosystem developed around it to share Paul's findings. 469 | 470 | Open Masters [WEBSITE] 471 | http://www.openmasters.org/ 472 | Awesome premise: a self-directed community for pursuing higher learning; very inspirational to how I think about “Self Starter's Guide” and my own learning goals. 473 | 474 | Bohm Dialogue [IDEA] 475 | https://en.wikipedia.org/wiki/Bohm_Dialogue 476 | “Freely-flowing group conversation in which participants attempt to reach a common understanding…” Interesting framework for productive group interactions — learning, communicating, problem-solving and more. 477 | 478 | Snarkmarket [WEBSITE] 479 | http://snarkmarket.com 480 | One of the all-time great group blogs, by a cadre a whip-smart and highly creative writer-thinkers. Its output has waned in recent years, but remains home to several of my all-time favorite ideas. 481 | 482 | SEE ALSO: the future of media? bet on events 483 | http://snarkmarket.com/2009/4056 484 | Proposal of the huge future-media importance of events: sites for community, learning, generating ideas and ongoing conversation in an intimate, urgent way. 485 | 486 | SEE ALSO: the art of working in public 487 | http://snarkmarket.com/2011/7189 488 | Reflection on the importance of (selectively; generously) sharing important bits and pieces of the creative process. 489 | 490 | SEE ALSO: what are the new liberal arts? 491 | http://snarkmarket.com/2009/2521 492 | Tentative attempt to catalog a “liberal arts 2.0”; big inspiration for my “Uncommon Core” ideas. 493 | 494 | (and book: http://www.snarkmarket.com/nla/) 495 | 496 | SEE ALSO: stock and flow 497 | http://snarkmarket.com/2010/4890 498 | Influential way of thinking about the constant stream vs. the enduring artifacts that combine to make up our current media landscape and online creative output. 499 | -------------------------------------------------------------------------------- /items/canon-items-shortlist.txt: -------------------------------------------------------------------------------- 1 | Brendan Schlagel 2 | Personal Canon — Shortlist 3 | Last Updated: February 2016 4 | 5 | 6 | 7 | ### BOOKS [12] 8 | 9 | His Dark Materials 10 | https://www.goodreads.com/book/show/18116.His_Dark_Materials 11 | Of the several fantasy series (Harry Potter; Redwall, Narnia) I read as a kid, this trilogy holds up best. Incredibly fun and inventive. 12 | 13 | The Cuckoo's Egg 14 | https://www.goodreads.com/book/show/98607.The_Cuckoo_s_Egg 15 | An amazing true-crime hacker mystery; the first book that introduced me to the strange magic of computers and those who can manipulate them. 16 | 17 | Moby-Dick; or, The Whale 18 | https://www.goodreads.com/book/show/153747.Moby_Dick_or_The_Whale 19 | An obvious classic I read only recently — it blew me away with its majestic language and vortex of ideas. 20 | 21 | Le Ton beau de Marot: In Praise of the Music of Language 22 | https://www.goodreads.com/book/show/248193.Le_Ton_beau_de_Marot 23 | Wonderful book by Doug Hofstadter about obsession with language and translation (and much more accessible than GEB). 24 | 25 | Invisible Cities 26 | https://www.goodreads.com/book/show/9809.Invisible_Cities 27 | Both virtuosic creative writing and conceptual brilliance woven from short vignettes about imagined cities. 28 | 29 | Autonauts of the Cosmoroute 30 | https://www.goodreads.com/book/show/971277.Autonauts_of_the_Cosmoroute 31 | Hard to categorize, this memoir-cum-travelogue chronicles Cortazar's strange highway-bound road trip adventure. 32 | 33 | One Hundred Years of Solitude 34 | https://www.goodreads.com/book/show/320.One_Hundred_Years_of_Solitude 35 | My introduction to magical realism and Latin American literature; read at the end of high school, still a favorite. 36 | 37 | Dune 38 | https://www.goodreads.com/book/show/104.Dune 39 | Recently renewed my appreciation for sci-fi and awed me with its super-cool worldbuilding. 40 | 41 | Thinking in Systems: A Primer 42 | https://www.goodreads.com/book/show/3828902-thinking-in-systems 43 | Clear and concise introduction to the power of systems thinking. 44 | 45 | Flatland: A Romance of Many Dimensions 46 | https://www.goodreads.com/book/show/433567.Flatland 47 | I've found no other book as (relatively) old and short as this one that's as packed full with creativity; it takes big ideas and makes them at once fun and comprehensible — no mean feat! 48 | 49 | The Autobiography of Benjamin Franklin 50 | https://www.goodreads.com/book/show/15704247-the-autobiography-of-benjamin-franklin 51 | It would be too easy to call Ben Franklin a genius; more importantly, he was a man who was good at not only thinking, but going from ideas to reality. 52 | 53 | Impro 54 | https://www.goodreads.com/book/show/306940.Impro 55 | Ostensibly about improvisational theater; but also actually about education, creativity, and much more from a very creative and perceptive teacher. 56 | 57 | 58 | 59 | ### ARTICLES [22] 60 | 61 | Game Design Concepts: Kinds of Fun, Kinds of Players 62 | https://gamedesignconcepts.wordpress.com/2009/07/23/level-8-kinds-of-fun-kinds-of-players/ 63 | Interesting look at game design principles through types of fun and types of players. 64 | 65 | The word-hoard: Robert Macfarlane on rewilding our language of landscape 66 | http://www.theguardian.com/books/2015/feb/27/robert-macfarlane-word-hoard-rewilding-landscape 67 | Incredible piece about unusual, delightful words used to describe the natural world. 68 | 69 | Creativity and the Adjacent Possible 70 | https://web.archive.org/web/20130613045115/http://chrismonaghan.org/2012/01/creativity-and-the-adjacent-possibl 71 | Awesome short overview of how exploring the edges of ideas leads us to new ones. 72 | 73 | My Writing Education: A Timeline 74 | http://www.newyorker.com/books/page-turner/my-writing-education-a-timeline 75 | Timeline of a life in writing with powerful thoughts on learning, mentorship, and pursuing creative work. 76 | 77 | Work on Stuff that Matters: First Principles 78 | http://radar.oreilly.com/2009/01/work-on-stuff-that-matters-fir.html 79 | Short but important manifesto for doing work that actually matters. 80 | 81 | A Few Notes on the Culture 82 | http://www.vavatch.co.uk/books/banks/cultnote.htm 83 | Fascinating worldbuilding notes from a master sci-fi author. 84 | 85 | Is it OK to make art? 86 | https://aeon.co/essays/art-is-a-waste-of-time-or-so-effective-altruism-claims 87 | Great introduction to the important (if practically problemetic and inevitably-internal-conflict-inducing) concept of effective altruism. 88 | 89 | Return to Nib’s Knoll 90 | https://aeon.co/essays/before-minecraft-or-snapchat-there-was-micromuse 91 | Wonderful remembrance of a secret childhood world, and meditation on things that live in our equally fragile technologies and imaginations. 92 | 93 | Sanderson's First Law 94 | http://brandonsanderson.com/sandersons-first-law/ 95 | Fun theoretical treatise on rules for magical systems in fiction. 96 | 97 | The Intelligent Plant 98 | http://www.newyorker.com/magazine/2013/12/23/the-intelligent-plant 99 | Fascinating deep dive into the possibilities, and potential implications, of plant intelligence. 100 | 101 | Antidisciplinary 102 | http://joi.ito.com/weblog/2014/10/02/antidisciplinar.html 103 | Short introduction to the unique brand of creative synthesis and academic collaboration/invention that goes on at the MIT Media Lab. 104 | 105 | The Graveyard of Abandoned Projects 106 | http://darrananderson.com/2012/05/13/the-graveyard-of-abandoned-projects/ 107 | It's okay to let your ideas die or languish, even good ones. This collection of one brilliant writer's abandoned projects is both comforting and tantalizing. 108 | 109 | How Apple Makes the Watch 110 | http://atomicdelights.com/blog/a-glimpse-at-how-the-apple-watch-is-made 111 | Into the weeds with an insanely detailed speculative investigation of how world-class physical product manufacture actually happens. Best "how the sausage is made" post I can think of. 112 | 113 | The Web's Grain 114 | http://www.frankchimero.com/writing/the-webs-grain/ 115 | Beautiful look at designing for the web — assumptions, challenges, and possibilities for building on the world's most important, flexible, and oft-vexing medium. 116 | 117 | How to Kickstarter 118 | http://www.studioneat.com/blogs/main/17250808-how-to-kickstarter 119 | Of many Kickstarter advice synopses, this is probably the best concise once I've read, from a company with a nice variety of simply yet highly successful products. 120 | 121 | How I REVERSE ENGINEERED GOOGLE DOCS To Play Back Any Document’s Keystrokes 122 | http://features.jsomers.net/how-i-reverse-engineered-google-docs/#/ 123 | Super cool project writeup, involving both the "archaeology of writing" (fascinating in its own right) and the intricate technical challenges and evolution of a tricky engineering problem. 124 | 125 | 8 Forms of Capital 126 | http://www.appleseedpermaculture.com/8-forms-of-capital/ 127 | I love writing that catalogs or taxonomizes an interesting concept, and this is one of the best, mapping out a fascinating variety of forms of capital (and corresponding currencies) far beyond our usual conception of the term. 128 | 129 | The Spark File 130 | https://medium.com/the-writers-room/the-spark-file-8d6e7df7ae58#.68t7fcyub 131 | If you want to write consistently, this single piece of advice (mixed with a dab of habit-building persistence) will get you most of the way there — a simple yet essential tool. 132 | 133 | Mastering the Art of Sparking Connections 134 | http://sparkcamp.com/sparking-connections/ 135 | Great advice on creating great events, from some of the best in the "creating great events" business. 136 | 137 | Better Than Free 138 | http://kk.org/thetechnium/better-than-fre/ 139 | Incredible look at eight ways to create value with digital products in a world of infinite abundance. 140 | 141 | Week 315 142 | http://berglondon.com/blog/2011/06/21/week-315/ 143 | A blog post, a journal entry, a notebook, a brilliant example of thinking out loud, collecting reflections on business and creativity into something special. 144 | 145 | Every cup of coffee is a spectacle of logistics 146 | http://kottke.org/14/07/every-cup-of-coffee-is-a-spectacle-of-logistics 147 | Proposing a new nonfiction genre of pieces on awe-inspiring large-scale infrastructure and logistics: the "systemic sublime". 148 | 149 | 150 | 151 | ### WEBSITES [17] 152 | 153 | Ribbonfarm 154 | http://www.ribbonfarm.com/ 155 | Conceptually dense, self-referential, always intriguing, and home to both one of the web's consistently great thinkers and (more recently) a bevy of thought-provoking guest posts. 156 | 157 | SEE ALSO: The Calculus of Grit 158 | http://www.ribbonfarm.com/2011/08/19/the-calculus-of-grit/ 159 | Venkat's "idea of an inertial navigation system for an age of anomie"; a great exploration of what it means to be a creative generalist. 160 | 161 | SEE ALSO: The Epic Story of Container Shipping 162 | http://www.ribbonfarm.com/2009/07/07/the-epic-story-of-container-shipping/ 163 | Teasing out the subplots for a super interesting "systemic sublime" exemplar. 164 | 165 | Snarkmarket 166 | http://snarkmarket.com 167 | One of the all-time great group blogs, by a cadre a whip-smart and highly creative writer-thinkers. Its output has waned in recent years, but remains home to several of my all-time favorite ideas. 168 | 169 | SEE ALSO: the future of media? bet on events 170 | http://snarkmarket.com/2009/4056 171 | Proposal of the huge future-media importance of events: sites for community, learning, generating ideas and ongoing conversation in an intimate, urgent way. 172 | 173 | SEE ALSO: the art of working in public 174 | http://snarkmarket.com/2011/7189 175 | Reflection on the importance of (selectively; generously) sharing important bits and pieces of the creative process. 176 | 177 | SEE ALSO: what are the new liberal arts? 178 | http://snarkmarket.com/2009/2521 179 | Tentative attempt to catalog a "liberal arts 2.0"; big inspiration for my "Uncommon Core" ideas. 180 | 181 | (and book: http://www.snarkmarket.com/nla/) 182 | 183 | SEE ALSO: stock and flow 184 | http://snarkmarket.com/2010/4890 185 | Influential way of thinking about the constant stream vs. the enduring artifacts that combine to make up our current media landscape and online creative output. 186 | 187 | Kalzumeus 188 | http://www.kalzumeus.com 189 | Patrick is a prolific writer on topics from software development to online business to content marketing to career advice; his material is pretty uniformly precise, thorough, and helpful. 190 | 191 | SEE ALSO: Kalzumeus Podcast Episode 7: Launching New Products 192 | http://www.kalzumeus.com/2014/06/19/kalzumeus-podcast-episode-7-launching-new-products/ 193 | Great discussion about creating and launching products online. 194 | 195 | Mandy Brown's A Working Library 196 | http://aworkinglibrary.com/ 197 | Collected reading and writing notes, both wonderfully presented and expertly curated. 198 | 199 | David Cole's Personal Canon 200 | http://davidcole.me/canon/ 201 | Great example of an awesome "personal canon"; inspiration for this very page! 202 | 203 | Bret Victor 204 | http://worrydream.com/ 205 | Maybe the coolest personal portfolio site ever — and on top of that, full of tremendously important thinking about design, tool-making, creativity, and understanding complex systems. Bret's miscellaneous partially-completed side projects are more interesting than most people's entire creative output. 206 | 207 | Kevin Kelly 208 | http://kk.org/ 209 | Great example of a personal meta-website, with other sites and projects that unfold upon closer exploration, from someone who happens to have a very many interesting projects. 210 | 211 | Craig Mod 212 | http://craigmod.com/ 213 | Lots of great work and thoughtful essays around publishing, photography, digital creation and more. 214 | 215 | SEE ALSO: Subcompact Publishing 216 | http://craigmod.com/journal/subcompact_publishing/ 217 | Great look at systems and tools for digital publishing — small, simple, and fluid; in the context of both open and closed ecosystems. 218 | 219 | SEE ALSO: Post-Artifact Books and Publishing 220 | http://craigmod.com/journal/post_artifact/ 221 | Exploration of the evolving nature of books and other, future (and digital) publishing systems. 222 | 223 | Open Masters 224 | http://www.openmasters.org/ 225 | Awesome premise: a self-directed community for pursuing higher learning; very inspirational to how I think about "Self Starter's Guide" and my own learning goals. 226 | 227 | foam 228 | http://fo.am/ 229 | foam is "a cultural laboratory re-imagining possible futures at the interstices of art, science, nature and everyday life." There's a wealth of fascinating thoughts and experiments in here; it's hard to describe so I encourage you to just dig in! 230 | 231 | Out of Eden Walk 232 | http://www.outofedenwalk.com/ 233 | One of the single most impressive creative projects I've encountered, both for its remarkable scope and vision, and the cool ecosystem developed around it to share Paul's findings. 234 | 235 | Buster Benson's Codex Vitae 236 | https://github.com/busterbenson/public/blob/master/Codex.md 237 | Awesome personal catalog of ideas, beliefs, and more. Also includes his own "personal canon"! Super-well-realized ongoing open-source reflection; a useful template for us all. 238 | 239 | SEE ALSO: 38 is great. Annual review of my favorite ideas. 240 | https://medium.com/@buster/38-is-great-5e72aa44b857#.f6xvtfcxy 241 | My favorite of Buster's "annual reviews"; this one contains a lot of really great ideas including the seed of the "codex vitae". 242 | 243 | Uncommon in Common 244 | https://uncommon.cc/ 245 | A "front porch for the Internet" and awesome community and associated website for people to share memories, reflections, and conversation. 246 | 247 | SEE ALSO: A Community of Possibilities 248 | http://brianbailey.me/a-community-of-possibilities/ 249 | Great thoughts on building a "slow web community" — ideas whence Uncommon would emerge. 250 | 251 | The Long Now 252 | http://longnow.org/ 253 | Foundation fostering long-term thinking; home to a great seminar series and several fascinating ongoing projects changing how we think about time, and how we can preserve knowledge, language, nature and more. 254 | 255 | SEE ALSO: Clock Of The Long Now 256 | https://www.goodreads.com/book/show/33279.Clock_Of_The_Long_Now 257 | Great introduction to the "Long Now" philosophy I find so compelling and important. 258 | 259 | Bldg Blog 260 | http://www.bldgblog.com/ 261 | Amazing blog on urbanism and architecture and the built environment, but also the fascinating intersections of those fields with things like literature, technology, and more. 262 | 263 | SEE ALSO: Cryptoforests and Spatial Folklore 264 | http://www.bldgblog.com/2011/01/cryptoforests-and-spatial-folklore/ 265 | Strange and cool approach to thinking about "cryotoforests", hidden untamed enclaves of nature. 266 | 267 | SEE ALSO: Computational Mythologies: An Interview with Zachary Mason 268 | http://www.bldgblog.com/2011/02/computational-mythologies-an-interview-with-zachary-mason/ 269 | Wide-ranging interview on generating fiction, creating narrative structure, and working with "story primes". 270 | 271 | Everything2 272 | http://everything2.com/ 273 | What it is: a writing community? A strange wiki? An experiment in collective publishing. Yes! Also, one of teenage-me's favorite places to read random things. 274 | 275 | The Phrontistery 276 | http://phrontistery.info/ 277 | Love language? You'll love this website — it's chock full of crazy collections of words wonderful and obscure. 278 | 279 | 280 | 281 | ### FILM / VIDEO [12 - ?] 282 | 283 | The Wizard of Oz 284 | The Cabinet of Dr. Caligari 285 | M. 286 | The 400 Blows 287 | Rosemary's Baby 288 | Fantasia 289 | Pan's Labyrinth 290 | Delicatessen 291 | Memento 292 | The Matrix 293 | Die Hard 294 | Man With a Movie Camera 295 | 296 | 297 | 298 | ### MUSIC [8 - ?] 299 | 300 | Miles Davis — Kind of Blue 301 | Nas — Illmatic 302 | Girl Talk — Feed the Animals 303 | Outkast — Stankonia 304 | DJ Shadow — Endtroducing… 305 | Kanye West — My Beautiful Dark Twisted Fantasy 306 | Us3 — Hand on the Torch 307 | Eminem — The Eminem Show 308 | 309 | 310 | 311 | ### IDEAS / WIKIPEDIA [16 - ?] 312 | 313 | Autopoiesis 314 | https://en.wikipedia.org/wiki/Autopoiesis 315 | “A system capable of reproducing and maintaining itself.” This idea of a self-contained, self-perpetuating system has fascinating implications for evolutionary and computational biology. 316 | 317 | Biocentric universe 318 | https://en.wikipedia.org/wiki/Biocentric_universe 319 | “Concept…which sees biology as the central driving science in the universe, and an understanding of the other sciences as reliant on a deeper understanding of biology.” A weird and unorthodox perspective, nonetheless interesting as a perspective-alteration device. 320 | 321 | Bohm Dialogue 322 | https://en.wikipedia.org/wiki/Bohm_Dialogue 323 | “Freely-flowing group conversation in which participants attempt to reach a common understanding, experiencing everyone's point of view fully, equally and nonjudgementally.” Interesting framework for productive group interactions — learning, communicating, problem-solving and more. 324 | 325 | Dérive 326 | https://en.wikipedia.org/wiki/D%C3%A9rive 327 | “An unplanned journey through a landscape, usually urban, on which the subtle aesthetic contours of the surrounding architecture and geography subconsciously direct the travellers, with the ultimate goal of encountering an entirely new and authentic experience.” One of my favorite activities! 328 | 329 | SEE ALSO: Psychogeography 330 | https://en.wikipedia.org/wiki/Psychogeography 331 | “An approach to geography that emphasizes playfulness and "drifting" around urban environments; ‘…a whole toy box full of playful, inventive strategies for exploring cities…’” 332 | 333 | Ekphrasis 334 | https://en.wikipedia.org/wiki/Ekphrasis 335 | “A graphic, often dramatic, description of a visual work of art.” Interesting rhetorical device; calls to mind the work of Sol Lewitt and various transmedia experiments. Love the simple idea of evoking one type of thing via another. 336 | 337 | Florilegium 338 | https://en.wikipedia.org/wiki/Florilegium 339 | “In medieval Latin…a compilation of excerpts from other writings…literally a gathering of flowers, or collection of fine extracts from the body of a larger work.” Evocative word holding some part of the interesting origins of collaged and compiled writing. 340 | 341 | Froebel gifts 342 | https://en.wikipedia.org/wiki/Froebel_gifts 343 | “Play materials for young children designed by Friedrich Fröbel for the original Kindergarten at Bad Blankenburg.” Five simple gifts that blur the line between toys and educational objects. 344 | 345 | Gaia hypothesis 346 | http://en.wikipedia.org/wiki/Gaia_hypothesis 347 | Idea ”that organisms interact with their inorganic surroundings on Earth to form a self-regulating, complex system that helps to maintain the conditions for life on the planet.” Helpful new perspective on the world and our place it in. 348 | 349 | Heterarchy 350 | https://en.wikipedia.org/wiki/Heterarchy 351 | “A system of organization where the elements of the organization are unranked (non-hierarchical) or where they possess the potential to be ranked a number of different ways.” Sort of the less annoying generalized idea behind something like holacracy. I love thinking about how abstract structures can be articulated and mapped out in useful ways. 352 | 353 | Multimodality 354 | https://en.wikipedia.org/wiki/Multimodality 355 | “A theory of communication and social semiotics [that] describes communication practices in terms of the textual, aural, linguistic, spatial, and visual resources - or modes - used to compose messages.” Useful way of thinking about how we can design and create by combining different modes of communication. 356 | 357 | ‘Pataphysics 358 | https://en.wikipedia.org/wiki/%27Pataphysics 359 | “An absurdist, pseudo-scientific literary trope…that enigmatically resists being pinned down by a simple definition. One attempt at a definition might be to say that ‘pataphysics is…the science of imaginary solutions.” Hilariously perplexing and intriguing Oulipean philosophy! 360 | 361 | SEE ALSO: Oulipo 362 | https://en.wikipedia.org/wiki/Oulipo 363 | “A loose gathering of (mainly) French-speaking writers and mathematicians who seek to create works using constrained writing techniques.” 364 | 365 | Quantum fiction 366 | https://en.wikipedia.org/wiki/Quantum_fiction 367 | “A literary genre that reflects modern experience of the material world and reality as influenced by quantum theory and new principles in quantum physics.” Strange new genre blending fantasy and sci-fi and scientific realism. 368 | 369 | Rhizome 370 | https://en.wikipedia.org/wiki/Rhizome 371 | “In botany and dendrology…a modified subterranean stem of a plant that is usually found underground, often sending out roots and shoots from its nodes.” Interesting hidden connectedness of plant life! 372 | 373 | Soundscape ecology 374 | https://en.wikipedia.org/wiki/Soundscape_ecology 375 | “The study of sound within a landscape or seascape and its effect on organisms…[and] how…different sound sources interact across spatial scales and through time.” I love the idea of studying scientifically the effects of something largely invisible and relegated to the background. 376 | 377 | Spime 378 | https://en.wikipedia.org/wiki/Spime 379 | “A neologism for a futuristic object, characteristic to the Internet of Things, that can be tracked through space and time throughout its lifetime. They are essentially virtual master objects that can, at various times, have physical incarnations of themselves.” Blurring lines between single objects and their Platonic ideals; confounding ideas of manufacturing and persistence. 380 | 381 | World-systems theory 382 | https://en.wikipedia.org/wiki/World-systems_theory 383 | “A multidisciplinary, macro-scale approach to world history and social change [that] emphasizes the world-system (and not nation states) as the primary (but not exclusive) unit of social analysis.” Unusual way of thinking about the complex economic relationships that permeate the world. 384 | -------------------------------------------------------------------------------- /webpage/img/icon-article.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/webpage/img/icon-article.png -------------------------------------------------------------------------------- /webpage/img/icon-book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/webpage/img/icon-book.png -------------------------------------------------------------------------------- /webpage/img/icon-idea.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/webpage/img/icon-idea.png -------------------------------------------------------------------------------- /webpage/img/icon-media.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/webpage/img/icon-media.png -------------------------------------------------------------------------------- /webpage/img/icon-site.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bschlagel/canonize/ac983a4cfddd2c45b7feedbe69fc4a3d7941a43c/webpage/img/icon-site.png -------------------------------------------------------------------------------- /webpage/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Canonize: Personal Canon 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 29 | 30 | 31 | 37 | 38 | 39 |
40 |
Words + Language
41 |
Science + Technology
42 |
Fantasy + Magic
43 |
Creating + Making
44 |
Sci-Fi + Futurism
45 |
Weirdness + Wonder
46 |
Economics + Value
47 |
Media + Design
48 |
Life + Learning
49 |
Community + Curiosity
50 |
51 | 52 | 53 |
54 |

Words + Language

55 |

Rare words, sentences entangled and translated, prose wrought and wrangled, ridiculous rhymes.

56 |
57 | 58 |
59 | 60 |
61 |

Moby-Dick; or, The Whale

62 |

An obvious classic I read only recently — it blew me away with its majestic language and vortex of ideas.

63 | 64 |
65 |
66 | 67 |
68 | 69 |
70 |

Nas — Illmatic

71 |

One of the greatest hip-hop albums ever, perfect for the effortless chill (belying technical mastery) of both its beats and bravura lyrics.

72 | 73 |
74 |
75 | 76 |
77 | 78 |
79 |

Everything2

80 |

What it is: a writing community? A strange wiki? An experiment in collective publishing. Yes! Also, one of teenage-me's favorite places to read random things.

81 | 82 |
83 |
84 | 85 |
86 | 87 |
88 |

The word-hoard: Robert Macfarlane on rewilding our language of landscape

89 |

Incredible piece about unusual, delightful words used to describe the natural world.

90 | 91 |
92 |
93 | 94 |
95 | 96 |
97 |

Le Ton beau de Marot: In Praise of the Music of Language

98 |

Wonderful book by Doug Hofstadter about obsession with language and translation (and much more accessible than GEB).

99 | 100 |
101 |
102 | 103 |
104 | 105 |
106 |

The Phrontistery

107 |

Love language? You'll love this website — it's chock full of crazy collections of words wonderful and obscure.

108 | 109 |
110 |
111 | 112 |
113 | 114 |
115 |

Eminem — The Eminem Show

116 |

Not rap's, or even Eminem's best effort — but listening to this burned CD-R on repeat shaped my middle school rhyme-fiend aspirations.

117 | 118 |
119 |
120 | 121 |
122 | 123 |
124 |

Quantum fiction

125 |

“A literary genre that reflects modern experience of the material world and reality as influenced by quantum theory and new principles in quantum physics.” Strange new genre; sci-fi meets scientific realism.

126 | 127 |
128 |
129 | 130 |
131 |

Science + Technology

132 |

Opening up a landscape of technical possibility and complexities of the world.

133 |
134 | 135 |
136 | 137 |
138 |

Flatland: A Romance of Many Dimensions

139 |

I've found no other book as (relatively) old and short as this one that's as packed full with creativity; it takes big ideas and makes them at once fun and comprehensible — no mean feat!

140 | 141 |
142 |
143 | 144 |
145 | 146 |
147 |

Gaia hypothesis

148 |

Idea ”that organisms interact with their inorganic surroundings on Earth to form a self-regulating, complex system that helps to maintain the conditions for life on the planet.” Helpful new perspective on the world and our place it in.

149 | 150 |
151 |
152 | 153 |
154 | 155 |
156 |

The Intelligent Plant

157 |

Fascinating deep dive into the possibilities, and potential implications, of plant intelligence.

158 | 159 |
160 |
161 | 162 |
163 | 164 |
165 |

The Cuckoo's Egg

166 |

An amazing true-crime hacker mystery; the first book that introduced me to the strange magic of computers and those who can manipulate them.

167 | 168 |
169 |
170 | 171 |
172 | 173 |
174 |

How I Reverse Engineered Google Docs To Play Back Any Document’s Keystrokes

175 |

Super cool project writeup, involving both the “archaeology of writing” (fascinating in its own right) and the intricate technical challenges and evolution of a tricky engineering problem.

176 | 177 |
178 |
179 | 180 |
181 | 182 |
183 |

Autopoiesis

184 |

“A system capable of reproducing and maintaining itself.” This idea of a self-contained, self-perpetuating system has fascinating implications for evolutionary and computational biology.

185 | 186 |
187 |
188 | 189 |
190 | 191 |
192 |

Thinking in Systems: A Primer

193 |

Clear and concise introduction to the power of systems thinking.

194 | 195 |

See also: Complex system.

196 |
197 |
198 | 199 |
200 | 201 |
202 |

Soundscape ecology

203 |

“The study of sound within a landscape or seascape and its effect on organisms…[and] how…different sound sources interact across spatial scales and through time.” I love the idea of studying scientifically the effects of something largely invisible and relegated to the background.

204 | 205 |
206 |
207 | 208 |
209 | 210 |
211 |

Biocentric universe

212 |

“Concept…which sees biology as the central driving science in the universe, and an understanding of the other sciences as reliant on a deeper understanding of biology.” A weird and unorthodox perspective, nonetheless interesting as a perspective-alteration device.

213 | 214 |
215 |
216 | 217 |
218 |

Fantasy + Magic

219 |

Recollections and reconceptions, spine-tingling awe-inpiring mind-expanding fruits of multifold imaginations.

220 |
221 | 222 |
223 | 224 |
225 |

His Dark Materials

226 |

Of the several fantasy series (Harry Potter; Redwall, Narnia) I read as a kid, this trilogy holds up best. Incredibly fun and inventive.

227 | 228 |
229 |
230 | 231 |
232 | 233 |
234 |

One Hundred Years of Solitude

235 |

My introduction to magical realism and Latin American literature; read at the end of high school, still a favorite.

236 | 237 |
238 |
239 | 240 |
241 | 242 |
243 |

Fantasia

244 |

The original transmedia dopeness? Virtuosic animation + the most classic of classical music = an awe-inspiring image-sound experience.

245 | 246 |
247 |
248 | 249 |
250 | 251 |
252 |

Return to Nib’s Knoll

253 |

Wonderful remembrance of a secret childhood world, and meditation on things that live in our equally fragile technologies and imaginations.

254 | 255 |
256 |
257 | 258 |
259 | 260 |
261 |

Invisible Cities

262 |

Both virtuosic creative writing and conceptual brilliance woven from short vignettes about imagined cities.

263 | 264 |
265 |
266 | 267 |
268 | 269 |
270 |

Miles Davis — Kind of Blue

271 |

The album that really made me “get” jazz. A perfect emotive storm, a mood-enveloping time-stopping touchstone.

272 | 273 |
274 |
275 | 276 |
277 | 278 |
279 |

The Wizard of Oz

280 |

My sister's all-time favorite and thus a film I've watched more times than any other; a fantastical journey embedded in my psyche.

281 | 282 |
283 |
284 | 285 |
286 | 287 |
288 |

Kanye West — My Beautiful Dark Twisted Fantasy

289 |

An album full of genius songs, a thirty-minute mystifying music-vid indulgence, and the establishment of a mad genius.

290 | 291 |
292 |
293 | 294 |
295 | 296 |
297 |

Pan's Labyrinth

298 |

My favorite filmic magical realism, which kickstarted an interest in Spanish-language cinema.

299 | 300 |
301 |
302 | 303 |
304 |

Creating + Making

305 |

Generating interesting work, synthesizing fruits of past and present, and pushing things forth out into the world.

306 |
307 | 308 |
309 | 310 |
311 |

The Spark File

312 |

If you want to write consistently, this single piece of advice (mixed with a dab of habit-building persistence) will get you most of the way there — a simple yet essential tool.

313 | 314 |
315 |
316 | 317 |
318 | 319 |
320 |

Antidisciplinary

321 |

Short introduction to the unique brand of creative synthesis and academic collaboration/invention that goes on at the MIT Media Lab.

322 | 323 |
324 |
325 | 326 |
327 | 328 |
329 |

Man With a Movie Camera

330 |

Today this would be “kid with an iPhone”; nearly a century ago it was a masterwork of motion-picture collage, self-reflective filmic statement, and moving portrait of a living city.

331 | 332 |
333 |
334 | 335 |
336 | 337 |
338 |

Work on Stuff that Matters: First Principles

339 |

Short but important manifesto for doing work that actually matters.

340 | 341 |
342 |
343 | 344 |
345 | 346 |
347 |

DJ Shadow — Endtroducing…

348 |

The timeless classic hip-hop version of above; the samples and combinations more subtle, seamlessly woven.

349 | 350 |

See also: Girl Talk — Feed the Animals.

351 |
352 |
353 | 354 |
355 | 356 |
357 |

Is it OK to make art?

358 |

Great introduction to the important (if practically problemetic and inevitably-internal-conflict-inducing) concept of effective altruism.

359 | 360 |
361 |
362 | 363 |
364 | 365 |
366 |

Creativity and the Adjacent Possible

367 |

Awesome short overview of how exploring the edges of ideas leads us to new ones.

368 | 369 |
370 |
371 | 372 |
373 | 374 |
375 |

The Graveyard of Abandoned Projects

376 |

It's okay to let your ideas die or languish, even good ones. This collection of one brilliant writer's abandoned projects is both comforting and tantalizing.

377 | 378 |
379 |
380 | 381 |
382 | 383 |
384 |

Froebel gifts

385 |

“Play materials for young children designed by Friedrich Fröbel for the original Kindergarten at Bad Blankenburg.” Five simple gifts that blur the line between toys and educational objects.

386 | 387 |
388 |
389 | 390 |
391 |

Sci-Fi + Futurism

392 |

Speculation, worldbuilding, radical thinking about our collective future.

393 |
394 | 395 |
396 | 397 |
398 |

Dune

399 |

Recently renewed my appreciation for sci-fi and awed me with its super-cool worldbuilding.

400 | 401 |
402 |
403 | 404 |
405 | 406 |
407 |

The Matrix

408 |

Mindblowing movie about mind and matter, realism and reality — and a hell of a fun trip.

409 | 410 |
411 |
412 | 413 |
414 | 415 |
416 |

A Few Notes on the Culture

417 |

Fascinating worldbuilding notes from a master sci-fi author.

418 | 419 |
420 |
421 | 422 |
423 | 424 |
425 |

The Long Now

426 |

Foundation fostering long-term thinking; home to a great seminar series and several fascinating ongoing projects changing how we think about time, and how we can preserve knowledge, language, nature and more.

427 | 428 |

See also: Clock of the Long Now

429 |
430 |
431 | 432 |
433 | 434 |
435 |

Spime

436 |

“A neologism for a futuristic object, characteristic to the Internet of Things, that can be tracked through space and time throughout its lifetime. They are essentially virtual master objects that can, at various times, have physical incarnations of themselves.” Blurring lines between single objects and their Platonic ideals; confounding ideas of manufacturing and persistence.

437 | 438 |
439 |
440 | 441 |
442 | 443 |
444 |

Every cup of coffee is a spectacle of logistics

445 |

Proposing a new nonfiction genre of pieces on awe-inspiring large-scale infrastructure and logistics: the “systemic sublime”.

446 | 447 |
448 |
449 | 450 |
451 | 452 |
453 |

Sanderson's First Law

454 |

Fun theoretical treatise on rules for magical systems in fiction.

455 | 456 |
457 |
458 | 459 |
460 |

Weirdness + Wonder

461 |

Genre-defying brilliance, introducing me to unexpected insight and intrigue threaded throughout the world.

462 |
463 | 464 |
465 | 466 |
467 |

Autonauts of the Cosmoroute

468 |

Hard to categorize, this memoir-cum-travelogue chronicles Cortazar's strange highway-bound road trip adventure.

469 | 470 |
471 |
472 | 473 |
474 | 475 |
476 |

Us3 — Hand on the Torch

477 |

One of the only cassette tapes I owned; an early introduction to the sweet and wacky melding of jazz and hip-hop.

478 | 479 |
480 |
481 | 482 |
483 | 484 |
485 |

foam

486 |

“Cultural laboratory re-imagining possible futures at the interstices of art, science, nature and everyday life.” There's a wealth of weird cool stuff here; it's hard to describe so…just dig in!

487 | 488 |
489 |
490 | 491 |
492 | 493 |
494 |

Memento

495 |

First baffling, then brilliant; opened the door for me to see the power of nonlinear narrative and the potential rewards in expectations confused and reconfigured.

496 | 497 |
498 |
499 | 500 |
501 | 502 |
503 |

Outkast — Stankonia

504 |

Proof that hip-hop is not one thing, but many, marvelous ones, inhabited by dazzling varieties of genius.

505 | 506 |
507 |
508 | 509 |
510 | 511 |
512 |

‘Pataphysics

513 |

“An absurdist, pseudo-scientific literary trope…One attempt at a definition might be to say that ‘pataphysics is…the science of imaginary solutions.” Hilariously perplexing and intriguing Oulipean philosophy!

514 | 515 |

See also: Oulipo.

516 |
517 |
518 | 519 |
520 | 521 |
522 |

Delicatessen

523 |

A quintessentially weird film, in which space and sound as much as image paint a strange and satisfying world.

524 | 525 |
526 |
527 | 528 |
529 | 530 |
531 |

Dérive

532 |

“An unplanned journey through a landscape, usually urban, on which the subtle aesthetic contours of the surrounding architecture and geography subconsciously direct the travellers, with the ultimate goal of encountering an entirely new and authentic experience.” One of my favorite activities!

533 | 534 |

See also: Psychogeography.

535 |
536 |
537 | 538 |
539 | 540 |
541 |

Bldg Blog

542 |

Amazing blog on urbanism and architecture and the built environment, but also the fascinating intersections of those fields with things like literature, technology, and more.

543 |

See also: Cryptoforests and Spatial Folklore.

544 |

See also: Computational Mythologies: An Interview with Zachary Mason.

545 | 546 |
547 |
548 | 549 |
550 |

Economics + Value

551 |

Machinations of business; vectors of transaction; the how and why of making a living in useful and sustainable ways (or trying to!)

552 |
553 | 554 |
555 | 556 |
557 |

Better Than Free

558 |

Incredible look at eight ways to create value with digital products in a world of infinite abundance.

559 | 560 |
561 |
562 | 563 |
564 | 565 |
566 |

Kalzumeus

567 |

Patrick is a prolific writer on topics from software development to online business to content marketing to career advice; his material is pretty uniformly precise, thorough, and helpful.

568 | 569 |

See also: Kalzumeus Podcast Episode 7: Launching New Products.

570 |
571 |
572 | 573 |
574 | 575 |
576 |

8 Forms of Capital

577 |

I love writing that catalogs or taxonomizes an interesting concept, and this is one of the best, mapping out a fascinating variety of forms of capital (and corresponding currencies) far beyond our usual conception of the term.

578 | 579 |
580 |
581 | 582 |
583 | 584 |
585 |

Heterarchy

586 |

“A system of organization where the elements of the organization are unranked (non-hierarchical) or where they possess the potential to be ranked a number of different ways.” Sort of the less annoying generalized idea behind something like holacracy. I love thinking about how abstract structures can be articulated and mapped out in useful ways.

587 | 588 |
589 |
590 | 591 |
592 | 593 |
594 |

How to Kickstarter

595 |

Of many Kickstarter advice synopses, this is probably the best concise once I've read, from a company with a nice variety of simply yet highly successful products.

596 | 597 |
598 |
599 | 600 |
601 | 602 |
603 |

Hacker News

604 |

Great news board / discussion forum with a focus on technology and entrepreneurship.

605 | 606 |

See also: YCombinator's “Requests for Startups”.

607 |
608 |
609 | 610 |
611 | 612 |
613 |

World-systems theory

614 |

“A multidisciplinary, macro-scale approach to world history and social change [that] emphasizes the world-system (and not nation states) as the primary (but not exclusive) unit of social analysis.” Unusual way of thinking about the complex economic relationships that permeate the world.

615 | 616 |
617 |
618 | 619 |
620 |

Media + Design

621 |

Peeking beneath the surfaces, structures, and assumptions of how things are made and displayed.

622 |
623 | 624 |
625 | 626 |
627 |

The Web's Grain

628 |

Beautiful look at designing for the web — assumptions, challenges, and possibilities for building on the world's most important, flexible, and oft-vexing medium.

629 | 630 |
631 |
632 | 633 |
634 | 635 |
636 |

Bret Victor

637 |

Maybe the coolest personal portfolio site ever — and on top of that, full of tremendously important thinking about design, tool-making, creativity, and understanding complex systems.

638 | 639 |

See also: Explorable Explanations.

640 |

See also: Up and Down the Ladder of Abstraction.

641 |
642 |
643 | 644 |
645 | 646 |
647 |

Game Design Concepts: Kinds of Fun, Kinds of Players

648 |

Interesting look at game design principles through types of fun and types of players.

649 | 650 |
651 |
652 | 653 |
654 | 655 |
656 |

Florilegium

657 |

“In medieval Latin…a compilation of excerpts from other writings…literally a gathering of flowers, or collection of fine extracts from the body of a larger work.” Evocative word holding some part of the interesting origins of collaged and compiled writing.

658 | 659 |
660 |
661 | 662 |
663 | 664 |
665 |

How Apple Makes the Watch

666 |

Into the weeds with an insanely detailed speculative investigation of how world-class physical product manufacture actually happens. Best “how the sausage is made” post I can think of.

667 | 668 |
669 |
670 | 671 |
672 | 673 |
674 |

Craig Mod

675 |

Lots of great work and thoughtful essays around publishing, photography, digital creation and more.

676 | 677 |

See also: Subcompact Publishing.

678 |

See also: Post-Artifact Books and Publishing.

679 |
680 |
681 | 682 |
683 | 684 |
685 |

Ekphrasis

686 |

“A graphic, often dramatic, description of a visual work of art.” Interesting rhetorical device; calls to mind the work of Sol Lewitt and various transmedia experiments. Love the simple idea of evoking one type of thing via another.

687 | 688 |
689 |
690 | 691 |
692 | 693 |
694 |

The Cabinet of Dr. Caligari

695 |

First example I can recall of an entirely new (old!) approach to set-design and filmscape aesthetics; still striking.

696 | 697 |

See also: M.

698 |
699 |
700 | 701 |
702 | 703 |
704 |

Multimodality

705 |

“A theory of communication and social semiotics [that] describes communication practices in terms of the textual, aural, linguistic, spatial, and visual resources - or modes - used to compose messages.” Useful way of thinking about how we can design and create by combining different modes of communication.

706 | 707 |
708 |
709 | 710 |
711 |

Life + Learning

712 |

Thinking about living; thinking about thinking; analyzing and annotating oneself and sharing the process with others.

713 |
714 | 715 |
716 | 717 |
718 |

The Autobiography of Benjamin Franklin

719 |

It would be too easy to call Ben Franklin a genius; more importantly, he was a man who was good at not only thinking, but going from ideas to reality.

720 | 721 |

See also: Junto (club).

722 |
723 |
724 | 725 |
726 | 727 |
728 |

Buster Benson's Codex Vitae

729 |

Awesome personal catalog of ideas, beliefs, and more. Also includes his own “personal canon”! Super-well-realized ongoing open-source reflection; a useful template for us all.

730 | 731 |

See also: 38 is great. Annual review of my favorite ideas..

732 |
733 |
734 | 735 |
736 | 737 |
738 |

Impro

739 |

Ostensibly about improvisational theater; but also actually about education, creativity, and much more from a very creative and perceptive teacher.

740 | 741 |
742 |
743 | 744 |
745 | 746 |
747 |

Week 315

748 |

A blog post, a journal entry, a notebook, a brilliant example of thinking out loud, collecting reflections on business and creativity into something special.

749 | 750 |
751 |
752 | 753 |
754 | 755 |
756 |

Mandy Brown's A Working Library

757 |

Collected reading and writing notes, both wonderfully presented and expertly curated.

758 | 759 |
760 |
761 | 762 |
763 | 764 |
765 |

David Cole's Personal Canon

766 |

Great example of an awesome “personal canon”; inspiration for this very page!

767 | 768 |
769 |
770 | 771 |
772 | 773 |
774 |

Kevin Kelly

775 |

Great example of a personal meta-website, with other sites and projects that unfold upon closer exploration, from someone who happens to have a very many interesting projects.

776 | 777 |
778 |
779 | 780 |
781 | 782 |
783 |

My Writing Education: A Timeline

784 |

Timeline of a life in writing with powerful thoughts on learning, mentorship, and pursuing creative work.

785 | 786 |
787 |
788 | 789 |
790 | 791 |
792 |

The 400 Blows

793 |

Classic coming of age story, simple yet profound, perhaps the brightest gem of the French New Wave.

794 | 795 |
796 |
797 | 798 |
799 |

Community + Curiosity

800 |

Exploring interesting things with other interesting people.

801 |
802 | 803 |
804 | 805 |
806 |

Ribbonfarm

807 |

Conceptually dense, self-referential, always intriguing, and home to both one of the web's consistently great thinkers and (more recently) a bevy of thought-provoking guest posts.

808 | 809 |

See also: The Calculus of Grit.

810 |

See also: The Epic Story of Container Shipping.

811 |
812 |
813 | 814 |
815 | 816 |
817 |

Uncommon in Common

818 |

A “front porch for the Internet” and awesome community and associated website for people to share memories, reflections, and conversation.

819 | 820 |

See also: A Community of Possibilities.

821 |
822 |
823 | 824 |
825 | 826 |
827 |

Mastering the Art of Sparking Connections

828 |

Great advice on creating great events, from some of the best in the “creating great events” business.

829 | 830 |
831 |
832 | 833 |
834 | 835 |
836 |

Out of Eden Walk

837 |

One of the single most impressive creative projects I've encountered, both for its remarkable scope and vision, and the cool ecosystem developed around it to share Paul's findings.

838 | 839 |
840 |
841 | 842 |
843 | 844 |
845 |

Open Masters

846 |

Awesome premise: a self-directed community for pursuing higher learning; very inspirational to how I think about “Self Starter's Guide” and my own learning goals.

847 | 848 |
849 |
850 | 851 |
852 | 853 |
854 |

Bohm Dialogue

855 |

“Freely-flowing group conversation in which participants attempt to reach a common understanding…” Interesting framework for productive group interactions — learning, communicating, problem-solving and more.

856 | 857 |
858 |
859 | 860 |
861 | 862 |
863 |

Snarkmarket

864 |

One of the all-time great group blogs, by a cadre a whip-smart and highly creative writer-thinkers. Its output has waned in recent years, but remains home to several of my all-time favorite ideas.

865 | 866 |

See also: the future of media? bet on events.

867 |

See also: the art of working in public.

868 |

See also: what are the new liberal arts?.

869 |

See also: stock and flow.

870 |
871 |
872 | 873 |
874 | 875 | 876 | 877 | 878 | -------------------------------------------------------------------------------- /webpage/style-dark.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Alegreya", serif; 3 | color: #fff; 4 | -webkit-font-smoothing: antialiased; 5 | text-rendering:optimizeLegibility; 6 | background-color: #111; 7 | } 8 | 9 | #container { 10 | width: 900px; 11 | margin: 0 auto; 12 | padding: 4em 10px 8em; 13 | box-sizing: border-box; 14 | } 15 | 16 | 17 | /* HEADER */ 18 | 19 | #header { 20 | max-width: 480px; 21 | position: relative; 22 | margin: 0 auto 30px; 23 | text-align: center; 24 | /*border: 2px #ffe400 solid;*/ 25 | border: 1px #fff solid; 26 | padding: 5px; 27 | /*background-color: #F7F1F0;*/ 28 | border-radius: 25px; 29 | } 30 | 31 | #inner-header-box { 32 | /*border: 1px #000000 solid;*/ 33 | padding: 25px; 34 | border-radius: 3px; 35 | } 36 | 37 | #header h1 { 38 | font-size: 36px; 39 | font-family: 'Alegreya',serif; 40 | letter-spacing: 0.05em; 41 | color: #ffe400; 42 | line-height: 42px; 43 | font-weight: bold; 44 | padding-bottom: 12px; 45 | } 46 | 47 | #header p { 48 | font-size: 20px; 49 | } 50 | 51 | 52 | /* TABLE OF CONTENTS */ 53 | 54 | #toc { 55 | font-size: 20px; 56 | line-height: 1.5em; 57 | padding: 20px 0; 58 | text-align: center; 59 | } 60 | 61 | .toc-item { 62 | /*float: left;*/ 63 | display: inline-block; 64 | padding: 12px 24px; 65 | margin: 8px 12px; 66 | font-size: 24px; 67 | border: 1px #fff solid; 68 | border-radius: 25px; 69 | } 70 | 71 | .toc-item:last-child { 72 | clear: all; 73 | } 74 | 75 | 76 | /* CATEGORY */ 77 | 78 | .category { 79 | position: relative; 80 | margin: 0px auto; 81 | text-align: center; 82 | padding: 50px 0 0 0; 83 | overflow: visible; 84 | clear: both; 85 | } 86 | 87 | .category h2 { 88 | font-family: 'Alegreya', serif; 89 | color: #ffe400; 90 | font-size: 24px; 91 | text-align: center; 92 | margin: 0 auto; 93 | clear: both; 94 | font-weight: bold; 95 | padding-bottom: 8px; 96 | } 97 | 98 | .category-description { 99 | font-size: 20px; 100 | padding-bottom: 18px; 101 | } 102 | 103 | 104 | /* ITEM */ 105 | 106 | .item { 107 | display: block; 108 | float: left; 109 | text-align: left; 110 | box-sizing: border-box; 111 | /*width: 32%;*/ 112 | /*padding: 12px 20px;*/ 113 | margin: 0 1% 15px 0; 114 | overflow: hidden; 115 | position: relative; 116 | /*background-color: #F7F1F0;*/ 117 | /*border: 1px solid #ffe400;*/ 118 | border: 1px solid #fff; 119 | border-radius: 25px; 120 | transition: all .5s; 121 | } 122 | 123 | .item:hover { 124 | background-color: #333; 125 | -webkit-transition: all -webkit-transform .5s; 126 | transition: all .5s; 127 | transform: scale(0.95); 128 | } 129 | 130 | .item img { 131 | width: 60px; 132 | height: 60px; 133 | } 134 | 135 | .item-title { 136 | font-family: 'Alegreya', serif; 137 | color: #000; 138 | font-size: 18px; 139 | text-align: center; 140 | margin: 0 0; 141 | /*text-transform: uppercase; 142 | font-weight: 900;*/ 143 | clear: both; 144 | font-weight: bold; 145 | padding: 15px; 146 | opacity: 1; 147 | /*text-shadow: #333 1px 1px 1px;*/ 148 | } 149 | 150 | .item p { 151 | color: #fff; 152 | padding: 15px 20px; 153 | } 154 | 155 | .see-also { 156 | border-top: 1px #fff solid; 157 | margin: 5px 10px; 158 | } 159 | 160 | .see-also-link { 161 | text-decoration: underline; 162 | } 163 | 164 | .icon { 165 | text-align: center; 166 | display: none; 167 | } 168 | 169 | .book-highlight { 170 | /*background-color: #74F3AA;*/ 171 | background-color: #3aec00; 172 | } 173 | 174 | .article-highlight { 175 | /*background-color: #A2DEF9;*/ 176 | background-color: #097ef7; 177 | } 178 | 179 | .site-highlight { 180 | /*background-color: #F8BCFD;*/ 181 | background-color: #e61361; 182 | } 183 | 184 | .media-highlight { 185 | /*background-color: #FFBAB0;*/ 186 | background-color: #ff8100; 187 | } 188 | 189 | .idea-highlight { 190 | /*background-color: #F7ED8F;*/ 191 | background-color: #ffd400; 192 | } 193 | 194 | p { 195 | font-size: 16px; 196 | line-height: 1.5em; 197 | } 198 | 199 | a { 200 | text-decoration: none; 201 | color: #ffe400; 202 | -webkit-transition: all -webkit-transform .5s; 203 | transition: all .5s; 204 | } 205 | 206 | a:hover { 207 | color: #777777; 208 | /*opacity: .8;*/ 209 | -webkit-transition: all -webkit-transform .5s; 210 | transition: all .5s; 211 | } 212 | 213 | /*#toc a:hover { 214 | color: #777777; 215 | }*/ 216 | 217 | a:hover .item-title { 218 | opacity: .8; 219 | -webkit-transition: all -webkit-transform .5s; 220 | transition: all .5s; 221 | } 222 | 223 | strong { 224 | font-weight: 700; 225 | color: #222222; 226 | } 227 | 228 | /*#about { 229 | width: 450px; 230 | padding: 40px 20px 0; 231 | margin-left: 300px; 232 | position: relative; 233 | }*/ 234 | 235 | @media screen and (max-width:900px) { 236 | #container { 237 | width: 600px; 238 | } 239 | #about { 240 | margin-left: 170px; 241 | width: 390px; 242 | } 243 | } 244 | 245 | @media screen and (max-width:640px) { 246 | #container { 247 | width: auto; 248 | max-width: 480px; 249 | padding: 2em 10px 4em; 250 | } 251 | #about { 252 | width: auto; 253 | margin-left: 0; 254 | } 255 | .item { 256 | width: 100%; 257 | text-align: center; 258 | } 259 | } 260 | 261 | @media screen and (min-width:640px) and (max-width:900px) { 262 | .item:nth-child(2n+1) { 263 | clear: both; 264 | } 265 | .item { 266 | width: 49%; 267 | } 268 | } 269 | 270 | @media screen and (min-width:900px){ 271 | .item:nth-child(3n+3) { 272 | clear: both; 273 | } 274 | .item { 275 | width: 32%; 276 | } 277 | } 278 | -------------------------------------------------------------------------------- /webpage/style-light.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Alegreya", serif; 3 | color: #000000; 4 | -webkit-font-smoothing: antialiased; 5 | text-rendering:optimizeLegibility; 6 | background-color: #FFF; 7 | } 8 | 9 | #container { 10 | width: 900px; 11 | margin: 0 auto; 12 | padding: 4em 10px 8em; 13 | box-sizing: border-box; 14 | } 15 | 16 | 17 | /* HEADER */ 18 | 19 | #header { 20 | max-width: 480px; 21 | position: relative; 22 | margin: 0 auto 30px; 23 | text-align: center; 24 | border: 2px #000000 solid; 25 | padding: 5px; 26 | /*background-color: #F7F1F0;*/ 27 | border-radius: 5px; 28 | } 29 | 30 | #inner-header-box { 31 | /*border: 1px #000000 solid;*/ 32 | padding: 25px; 33 | border-radius: 3px; 34 | } 35 | 36 | #header h1 { 37 | font-size: 36px; 38 | font-family: 'Alegreya',serif; 39 | letter-spacing: 0.05em; 40 | color: #000000; 41 | line-height: 42px; 42 | font-weight: bold; 43 | padding-bottom: 12px; 44 | } 45 | 46 | #header p { 47 | font-size: 20px; 48 | } 49 | 50 | 51 | /* TABLE OF CONTENTS */ 52 | 53 | #toc { 54 | font-size: 20px; 55 | line-height: 1.5em; 56 | padding: 20px 0; 57 | } 58 | 59 | .toc-item { 60 | float: left; 61 | /*border-right: 1px #000000 solid;*/ 62 | /*padding: 6px 12px;*/ 63 | margin: 12px 0px; 64 | } 65 | 66 | .toc-item a { 67 | /*text-decoration: underline;*/ 68 | border-bottom: 1px #000 solid; 69 | } 70 | 71 | .toc-item:after { 72 | content: "·"; 73 | padding: 0 10px; 74 | } 75 | 76 | .toc-item:last-child { 77 | clear: all; 78 | } 79 | 80 | .toc-item:last-child:after { 81 | content: none; 82 | } 83 | 84 | /* CATEGORY */ 85 | 86 | .category { 87 | position: relative; 88 | margin: 0px auto; 89 | text-align: center; 90 | padding: 50px 0 0 0; 91 | overflow: visible; 92 | clear: both; 93 | } 94 | 95 | .category h2 { 96 | font-family: 'Alegreya', serif; 97 | color: #000000; 98 | font-size: 24px; 99 | text-align: center; 100 | margin: 0 auto; 101 | clear: both; 102 | font-weight: bold; 103 | padding-bottom: 8px; 104 | } 105 | 106 | .category-description { 107 | font-size: 20px; 108 | padding-bottom: 18px; 109 | } 110 | 111 | 112 | /* ITEM */ 113 | 114 | .item { 115 | display: block; 116 | float: left; 117 | text-align: left; 118 | box-sizing: border-box; 119 | /*width: 32%;*/ 120 | /*padding: 12px 20px;*/ 121 | margin: 0 3% 20px 0; 122 | overflow: hidden; 123 | position: relative; 124 | /*background-color: #F7F1F0;*/ 125 | border: 1px solid #3E3333; 126 | border-radius: 5px; 127 | transition: all .25s; 128 | } 129 | 130 | .item:hover { 131 | /*background-color: #dadada;*/ 132 | -webkit-transition: all -webkit-transform .25s; 133 | transition: all .25s; 134 | transform: scale(1.05) rotate3d(1, 2, 0, 40deg); 135 | } 136 | 137 | .item img { 138 | width: 60px; 139 | height: 60px; 140 | } 141 | 142 | .item-title { 143 | font-family: 'Alegreya', serif; 144 | color: #000000; 145 | font-size: 16px; 146 | text-align: center; 147 | margin: 0px 20px; 148 | /*text-transform: uppercase; 149 | font-weight: 900;*/ 150 | clear: both; 151 | font-weight: normal; 152 | padding: 15px; 153 | opacity: 1; 154 | } 155 | 156 | .item p { 157 | padding: 15px 20px; 158 | } 159 | 160 | .see-also { 161 | border-top: 1px #000000 solid; 162 | margin: 5px 10px; 163 | } 164 | 165 | .see-also-link { 166 | text-decoration: underline; 167 | } 168 | 169 | .icon { 170 | text-align: center; 171 | } 172 | 173 | .book-highlight { 174 | /*background-color: #74F3AA;*/ 175 | background-color: #33ecd2; 176 | } 177 | 178 | .article-highlight { 179 | /*background-color: #A2DEF9;*/ 180 | background-color: #3ba5ff; 181 | } 182 | 183 | .site-highlight { 184 | /*background-color: #F8BCFD;*/ 185 | background-color: #ff4ec9; 186 | } 187 | 188 | .media-highlight { 189 | /*background-color: #FFBAB0;*/ 190 | background-color: #ff5f2f; 191 | } 192 | 193 | .idea-highlight { 194 | /*background-color: #F7ED8F;*/ 195 | background-color: #ffcc13; 196 | } 197 | 198 | 199 | p { 200 | font-size: 16px; 201 | line-height:1.5em; 202 | } 203 | 204 | a { 205 | text-decoration:none; 206 | color:#000000; 207 | transition: all .25s; 208 | } 209 | 210 | a:hover { 211 | /*color: #777777;*/ 212 | /*opacity: .8;*/ 213 | -webkit-transition: all -webkit-transform .25s; 214 | transition: all .25s; 215 | } 216 | 217 | #toc a:hover { 218 | color: #777777; 219 | } 220 | 221 | a:hover .item-title { 222 | opacity: .8; 223 | -webkit-transition: all -webkit-transform .25s; 224 | transition: all .25s; 225 | } 226 | 227 | strong { 228 | font-weight: 700; 229 | color: #222222; 230 | } 231 | 232 | /*#about { 233 | width: 450px; 234 | padding: 40px 20px 0; 235 | margin-left: 300px; 236 | position: relative; 237 | }*/ 238 | 239 | @media screen and (max-width:900px) { 240 | #container { 241 | width: 600px; 242 | } 243 | #about { 244 | margin-left: 170px; 245 | width: 390px; 246 | } 247 | } 248 | 249 | @media screen and (max-width:640px) { 250 | #container { 251 | width: auto; 252 | max-width: 480px; 253 | padding: 2em 10px 4em; 254 | } 255 | #about { 256 | width: auto; 257 | margin-left: 0; 258 | } 259 | .item { 260 | width: 100%; 261 | text-align: center; 262 | } 263 | } 264 | 265 | @media screen and (min-width:640px) and (max-width:900px) { 266 | .item:nth-child(2n+1) { 267 | clear: both; 268 | } 269 | .item { 270 | width: 47%; 271 | } 272 | } 273 | 274 | 275 | 276 | @media screen and (min-width:900px){ 277 | .item:nth-child(3n+3) { 278 | clear: both; 279 | } 280 | .item { 281 | width: 30%; 282 | } 283 | } 284 | -------------------------------------------------------------------------------- /webpage/style-manuscript.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Alegreya", serif; 3 | color: #000000; 4 | -webkit-font-smoothing: antialiased; 5 | text-rendering:optimizeLegibility; 6 | background-color: #FFF8E7; 7 | } 8 | 9 | #container { 10 | width: 900px; 11 | margin: 0 auto; 12 | padding: 4em 10px 8em; 13 | box-sizing: border-box; 14 | } 15 | 16 | 17 | /* HEADER */ 18 | 19 | #header { 20 | max-width: 480px; 21 | position: relative; 22 | margin: 0 auto 30px; 23 | text-align: center; 24 | border: 2px #000000 solid; 25 | padding: 5px; 26 | /*background-color: #F7F1F0;*/ 27 | border-radius: 3px; 28 | } 29 | 30 | #inner-header-box { 31 | border: 1px #000000 solid; 32 | padding: 25px; 33 | border-radius: 3px; 34 | } 35 | 36 | #header h1 { 37 | font-size: 36px; 38 | font-family: 'Alegreya',serif; 39 | letter-spacing: 0.05em; 40 | color: #000000; 41 | line-height: 42px; 42 | font-weight: bold; 43 | padding-bottom: 12px; 44 | } 45 | 46 | #header p { 47 | font-size: 20px; 48 | } 49 | 50 | 51 | /* TABLE OF CONTENTS */ 52 | 53 | #toc { 54 | font-size: 20px; 55 | line-height: 1.5em; 56 | padding: 20px 0; 57 | } 58 | 59 | .toc-item { 60 | float: left; 61 | border-right: 1px #000000 solid; 62 | padding: 0px 8px; 63 | margin: 8px 0px; 64 | } 65 | 66 | .toc-item:last-child { 67 | clear: all; 68 | border-right: none; 69 | } 70 | 71 | 72 | /* CATEGORY */ 73 | 74 | .category { 75 | position: relative; 76 | margin: 0px auto; 77 | text-align: center; 78 | padding: 50px 0 0 0; 79 | overflow: auto; 80 | clear: both; 81 | } 82 | 83 | .category h2 { 84 | font-family: 'Alegreya', serif; 85 | color: #000000; 86 | font-size: 24px; 87 | text-align: center; 88 | margin: 0 auto; 89 | clear: both; 90 | font-weight: bold; 91 | padding-bottom: 8px; 92 | } 93 | 94 | .category-description { 95 | font-size: 20px; 96 | padding-bottom: 18px; 97 | } 98 | 99 | 100 | /* ITEM */ 101 | 102 | .item { 103 | display: block; 104 | float: left; 105 | text-align: left; 106 | box-sizing: border-box; 107 | /*width: 32%;*/ 108 | /*padding: 12px 20px;*/ 109 | margin: 0 1% 15px 0; 110 | overflow: hidden; 111 | position: relative; 112 | /*background-color: #F7F1F0;*/ 113 | border: 1px solid #3E3333; 114 | /*border-radius: 3px;*/ 115 | -webkit-transition: all -webkit-transform .5s; 116 | transition: all .5s; 117 | } 118 | 119 | .item:hover { 120 | /*background-color: #dadada;*/ 121 | background-color: #ece1c6; 122 | opacity: 0.75; 123 | -webkit-transition: all -webkit-transform .5s; 124 | transition: all .5s; 125 | } 126 | 127 | .item img { 128 | width: 60px; 129 | height: 60px; 130 | } 131 | 132 | .item-title { 133 | font-family: 'Alegreya', serif; 134 | color: #000000; 135 | font-size: 16px; 136 | text-align: center; 137 | margin: 0px 20px; 138 | /*text-transform: uppercase; 139 | font-weight: 900;*/ 140 | clear: both; 141 | font-weight: normal; 142 | padding: 15px; 143 | opacity: 1; 144 | 145 | } 146 | 147 | .item p { 148 | padding: 15px 20px; 149 | } 150 | 151 | .see-also { 152 | border-top: 1px #000000 solid; 153 | margin: 5px 10px; 154 | } 155 | 156 | .see-also-link { 157 | text-decoration: underline; 158 | } 159 | 160 | .icon { 161 | text-align: center; 162 | } 163 | 164 | .book-highlight { 165 | background-color: #74F3AA; 166 | } 167 | 168 | .article-highlight { 169 | background-color: #A2DEF9; 170 | } 171 | 172 | .site-highlight { 173 | background-color: #F8BCFD; 174 | } 175 | 176 | .media-highlight { 177 | background-color: #FFBAB0; 178 | } 179 | 180 | .idea-highlight { 181 | background-color: #F7ED8F; 182 | } 183 | 184 | 185 | p { 186 | font-size: 16px; 187 | line-height:1.5em; 188 | } 189 | 190 | a { 191 | text-decoration:none; 192 | color:#000000; 193 | } 194 | 195 | a:hover { 196 | /*color: #777777;*/ 197 | /*opacity: .8;*/ 198 | -webkit-transition: all -webkit-transform .5s; 199 | transition: all .5s; 200 | } 201 | 202 | #toc a:hover { 203 | color: #777777; 204 | } 205 | 206 | a:hover .item-title { 207 | opacity: .8; 208 | -webkit-transition: all -webkit-transform .5s; 209 | transition: all .5s; 210 | } 211 | 212 | strong { 213 | font-weight: 700; 214 | color: #222222; 215 | } 216 | 217 | /*#about { 218 | width: 450px; 219 | padding: 40px 20px 0; 220 | margin-left: 300px; 221 | position: relative; 222 | }*/ 223 | 224 | @media screen and (max-width:900px) { 225 | #container { 226 | width: 600px; 227 | } 228 | #about { 229 | margin-left: 170px; 230 | width: 390px; 231 | } 232 | } 233 | 234 | @media screen and (max-width:640px) { 235 | #container { 236 | width: auto; 237 | max-width: 480px; 238 | padding: 2em 10px 4em; 239 | } 240 | #about { 241 | width: auto; 242 | margin-left: 0; 243 | } 244 | .item { 245 | width: 100%; 246 | text-align: center; 247 | } 248 | } 249 | 250 | @media screen and (min-width:640px) and (max-width:900px) { 251 | .item:nth-child(2n+1) { 252 | clear: both; 253 | } 254 | .item { 255 | width: 49%; 256 | } 257 | } 258 | 259 | 260 | 261 | @media screen and (min-width:900px){ 262 | .item:nth-child(3n+3) { 263 | clear: both; 264 | } 265 | .item { 266 | width: 32%; 267 | } 268 | } 269 | --------------------------------------------------------------------------------