{"product_id":"painting-a-website-bindery","title":"Painting a Website: Bindery","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eBook design? In the browser? If only we were so blessed. Find out how blessed we really are in this short workshop, where we’ll acquaint ourselves with Bindery.js and some other helpful tools to make interactive, readable, printable books in the browser using HTML, CSS and JS.\u003cbr\u003e\u003c\/p\u003e\n\u003ch1\u003eLearning Outcomes\u003cbr\u003e\n\u003c\/h1\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cmeta charset=\"utf-8\"\u003eLearn the fundamentals of Bindery.js.\u003c\/li\u003e\n\u003cli\u003e\n\u003cmeta charset=\"utf-8\"\u003eIntegrate Bindery with a static site generator.\u003c\/li\u003e\n\u003cli\u003e\n\u003cmeta charset=\"utf-8\"\u003eMake a book in the browser!\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch1\u003eSuggested Reading\u003c\/h1\u003e\n\u003cp\u003ePoke around the \u003ca href=\"https:\/\/bindery.info\/\" target=\"_blank\"\u003ebindery site\u003c\/a\u003e if you want!\u003c\/p\u003e\n\u003ch1 data-mce-fragment=\"1\"\u003eWhy \"Painting\"?\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/h1\u003e\n\u003cp data-mce-fragment=\"1\"\u003eAt Index, we approach web development as a creative practice. We blur the lines between design and coding, often making websites that resemble experimental art rather than something commercial. In this series, we showcase developers' approaches to \u003cem style=\"font-style: italic;\" data-mce-fragment=\"1\" data-mce-style=\"font-style: italic;\"\u003epainting\u003c\/em\u003e a website, inspired by Bob Ross's \"The Joy of Painting\" series.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eWatch as a website is constructed from scratch, layer by layer. Learn to think critically about how the web is built, why it's built that way, and then throw it all out the window as we explore radically different techniques and perspectives.\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eBased on prompts from the audience (that's you!), our featured developer will re-create complex effects and demystify the tools of the trade. By participating in the creation of the site step by step, you'll learn to see the browser as a canvas.\u003c\/p\u003e\n\u003ch1 data-mce-fragment=\"1\"\u003eFeatured Developer\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/h1\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0526\/7482\/2324\/files\/jake-brussel-faria_1_480x480.png?v=1645079587\" alt=\"Jake Brussel Faria\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0526\/7482\/2324\/files\/jake-brussel-faria_1_480x480.png?v=1645079587\"\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003ca href=\"http:\/\/jakebf.com\/\" target=\"_blank\"\u003eJake\u003c\/a\u003e is a designer working in New York. Right now he’s working with Alright Studio and operating a small design office called Arcades.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003ch1\u003eDonations Optional\u003c\/h1\u003e\n\u003cp\u003e\u003cspan\u003eChoose to pay the amount you can afford—or sign up for free. Your donation will support Index programming and allow us to compensate Jake. We appreciate your support!\u003c\/span\u003e\u003c\/p\u003e","brand":"Jake Brussel Faria","offers":[{"title":"$10 Donation","offer_id":41234305712308,"sku":"","price":10.0,"currency_code":"USD","in_stock":false},{"title":"$20","offer_id":41234305745076,"sku":"","price":20.0,"currency_code":"USD","in_stock":false},{"title":"$5","offer_id":41234305777844,"sku":"","price":5.0,"currency_code":"USD","in_stock":false},{"title":"No Donation","offer_id":41234305810612,"sku":"","price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0526\/7482\/2324\/products\/Painting-JBF-3.png?v=1644985779","url":"https:\/\/nunu-school.myshopify.com\/products\/painting-a-website-bindery","provider":"Index","version":"1.0","type":"link"}