#+TITLE: Web Things about the web. https://www.w3.org/TR/webmention/ webmentions! [[https://www.youtube.com/watch?v=5CYeZ2kEiOI&app=desktop][from rails to elm and haskell: functional web programming]] * web dev https://github.com/gawlk/svind boilerplate supporting svelte, vite, vercel and tailwind https://github.com/GoogleChromeLabs/ProjectVisBug tool to edit any website in any state directly https://felixgerschau.com/react-rerender-components https://tonsky.me/ https://www.ybrikman.com/writing/2013/11/24/play-scala-and-iteratees-vs-nodejs/ https://leerob.io/blog/how-stripe-designs-beautiful-websites https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html?m=1 https://wwwwwwwww.jodi.org/ https://raphlinus.github.io/graphics/2020/04/21/blurred-rounded-rects.html https://www.youtube.com/watch?v=f2mMOiCSj5c&feature=youtu.be&app=desktop https://benchmarks.slaylines.io/ https://webkid.io/blog/react-flow-node-based-graph-library/ https://jamesmonger.com/2019/09/10/super-robust-api-with-isomorphic-typescript.html https://vistaserv.net/blog/90s-fonts-modern-browsers https://lukeplant.me.uk/blog/posts/why-im-leaving-elm/ why not elm https://www.reddit.com/r/haskell/comments/fy848b/why_im_leaving_elm/ https://einaregilsson.com/serverless-15-percent-slower-and-eight-times-more-expensive/ https://www.listennotes.com/blog/the-boring-technology-behind-a-one-person-23/ https://bitsofco.de/what-i-wish-i-knew-about-react/ https://denvaar.github.io/articles/csrf_tokens_with_phoenix.html https://www.reddit.com/r/purescript/comments/fud1za/purescriptflame_cool_well_documented_alternative/ https://www.purescript.org/ ** graphql [[https://morpheusgraphql.com/]] [[https://graphql.org/learn/best-practices/]] [[https://gist.github.com/spicydonuts/0c09596c1f27d517e9fe][purescript and elm]] [[https://github.com/hendrikniemann/purescript-graphql][typesafe graphql in purescript!]] [[https://konkle.us/purescript-for-front-end-developers/][purescript on the frontend]] * design https://nipponcolors.com/#aikobicha -- color picker that has some neat configurations by default! http://fatihhardal.com/ -- cool design inspo https://www.motherdesign.com/work/aiga/ ** web design https://www.cssmatic.com/noise-texture cool idea, exporting the link that will query the right thing without saving it https://www.webdesignerdepot.com/2014/12/3-tricks-for-adding-texture-to-your-text-with-css-and-svg/ https://www.webdesignerdepot.com/2015/02/3-cool-css3-image-hover-effects/ https://www.smashingmagazine.com/2020/04/skeleton-screens-react/ [[https://svelte.dev/][autocreate websites. what.]] [[https://shouldiblockads.com/#ha][what is wrong with ads?]] [[https://revealjs.com/#/][create stunning presentations on the web]] [[https://txt.fyi/about/][quick publishing on the web.]] [[https://ertdfgcvb.xyz/][inspirational site]] [[https://constraint.systems/][creative image constraints]] * web hostility [[https://neustadt.fr/essays/against-a-user-hostile-web/][article]] "Facebook is at odds with the open web that I love and defend..." Netscape Navigator (small internet) -> big internet! The modern web is being destroyed -- personalized content, growth hacking, social media activation, CMS and user experience. These websites are not built to appreciate the visitor -- they are constructed to make the user a customer. Cookies bad! Small blogging good! https://www.nirandfar.com/hooked/ book on the perils of the modern web, tangentially https://drewdevault.com/2020/03/18/Reckless-limitless-scope.html http://john.ankarstrom.se/replacing-javascript/ reducing the scope of the web [[https://www.quirksmode.org/blog/archives/2015/07/stop_pushing_th.html]] * background [[https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/][Great work on how browsers work]]. * fun sites - [[https://milk.com]] :: This individual is staking their claim over their corner of the internet and doing so strongly. Mimu is a cool collection of programatically generated music demos as well. - [[radio.garden]] :: A map of the world with lots of radio stations. Listen in from anywhere! - [[https://www.ocearch.org/tracker/?list][osearch.org]] :: Track seals, whales, turtles and (mostly) sharks all over the world! There are pictures! They all have names! - [[campoallecomete.it/]] :: A wine website *and* an intimate 3D experience. - [[asoftmurmur.com]] :: Generate white noise of your choice to remove distractions. - [[https://atelier.net/virtual-economy/]] :: An incredible article about the virtual economy. I wish more articles offered such experiences. * Great ideas - [[branch.gg]] :: A two-dimensional office environment for employees to interact in just like a physical space. - [[http://endless.horse/][hoooooooooooooooooooooooooooooooooo]] https://meowis.ms/handshake.html handshake: forming a namespace system for the decentralized web. we don't own our own domains! https://github.com/auchenberg/volkswagen the best way to pass tests https://yarmo.eu/blog/no-io-yes-xyz https://github.com/luigimannoni/webxr-earthday webxr of earth day [[https://runyourown.social/#how-to-run-a-small-social-network-site-for-your-friends][advice on running a small social network]] https://now.lectronice.com/ cute personal site http://vmchale.com/miscellany very cool person https://thomasorus.com/home.html cute site using some fun time tracking and management ideas https://www.welcometothejungle.com/en/articles/btc-interview-paul-mockapetris interview with creator of dns [[https://href.cool]] [[https://john-doe.neocities.org/#home][example with one line html file for multi page site]] https://www.are.na/everest-pipkin/on-vocal-cloning on vocal cloning: beautiful piece. sources for this: https://shell-song.neocities.org/ https://neocities.org/: support for creating cool websites with free hosting! * SEO [[https://www.currentaffairs.org/2020/12/how-seo-is-gentrifying-the-internet][how seo is ruining the web]] [[https://static.googleusercontent.com/media/guidelines.raterhub.com/en//searchqualityevaluatorguidelines.pdf][Google's vaguely worded SEO advice handbook]] reverse engineer seo by sampling search results? is this done? * Fun utilities ** terminal on the website https://github.com/xtermjs/xterm.js https://github.com/nitin42/terminal-in-react https://github.com/jcubic/jquery.terminal ** aah https://github.com/gridsome/gridsome https://github.com/artagnon/clayoven static site generator, supports math, code and fun articles https://github.com/lpereira/lwan high performance http server https://github.com/pion/ion distributed rtc system [[https://github.com/XXIIVV/webring][webring]] [[https://github.com/chartjs/Chart.js][simple html5 charts]] [[https://github.com/caddyserver/caddy][caddy web server]] [[https://github.com/jbochi/gifstreaming][live video streaming service using animated gifs]] [[https://github.com/thumbsup/thumbsup][generate static html photo and video galleries]] [[https://github.com/graninas/Hydra][full framework for building web services]] [[https://github.com/Xe/olin][webassembly event sources]] [[https://github.com/amitozdeol/awesome-dev-websites][awesome developer websites]] [[https://github.com/probmods/webppl][probabilistic programming for the web]] [[https://github.com/ossu/computer-science][free education in computer science]] * webdev [[https://news.ycombinator.com/item?id=17910069][which functional language for web development??]] [[https://news.ycombinator.com/item?id=23231361][usefulness of declarative programming]] [[https://github.com/Rolstenhouse/unofficial-apis][unofficial apis]] [[https://tinyprojects.dev/posts/tiny_websites_are_great][build tiny websites.]] [[https://newcss.net/][use only html.]] [[https://codepen.io/lynnandtonic/pen/NWGLMMO][3d cube]] [[https://lemire.me/blog/2020/05/22/programming-inside-a-container/][one word domains]] [[https://medium.com/serverless-transformation/what-a-typical-100-serverless-architecture-looks-like-in-aws-40f252cd0ecb][serverless architecture]] [[https://www.netlify.com/blog/2020/05/08/improve-your-seo-and-social-sharing-cards-with-next.js/?utm_source=twitter&utm_medium=next-seo-cs&utm_campaign=devex][improving seo]] [[https://defn.io/2019/04/07/web-continuations/][continuations for web dev]] [[https://blog.timescale.com/blog/multi-node-petabyte-scale-time-series-database-postgresql-free-tsdb/][free time series db on postgres - relevant for work?]] [[https://e-ec.co/][ECCO2K - E]] https://www.cs.cornell.edu/people/egs/beehive/codons.php https://www.cyberpunk.net.ar/ [[http://xanadu.com/][Project Xanadu®]] [[http://motherfuckingwebsite.com/][Motherfucking Website]] [[https://xuset.github.io/planktos/][p2p websites in the browser]] [[https://ipj.dreamhosters.com/][the internet protocol journal]] [[https://utcc.utoronto.ca/~cks/space/blog/web/HTTPSNoOldServers][HTTPS has no place for old web servers]] [[https://www.inkandswitch.com/local-first.html][local-first software]] https://en.wikipedia.org/wiki/Webring https://blog.mainframe.dev/?m=1 mainframes! [[https://raw.githubusercontent.com/LukeSmithxyz/etc/master/ips][add to /networking/hosts to block a lot of information]] https://codepen.io/DonKarlssonSan/pen/abNjZaQ https://gtmetrix.com/leverage-browser-caching.html [[https://codepen.io/pfndesign/pen/RwrOyrw][js lock picking game]] [[https://codepen.io/vineethtrv/pen/NWxZqMM][CSS3 Loader & Spinners]] [[https://codepen.io/alvaromontoro/pen/YzwbgwE][CSS Mastermind]] ** TODO [[https://codepen.io/jkantner/pen/mdVGoyW][Ball in Window (1 Div, Gradients)]] neat artwork! Captured On: [2020-07-29 Wed 23:06] ** TODO p5 crystals [[https://codepen.io/MananTank/pen/VweNZZm][Crystal Mountains]] Captured On: [2020-07-29 Wed 23:07] ** TODO fire animation [[https://codepen.io/creativeocean/pen/gOPZLoN][3D Xylophone]] Captured On: [2020-07-29 Wed 23:07] ** TODO [[https://codepen.io/cobra_winfrey/full/xxVJZwo][3D CSS Letter Transition]] Captured On: [2020-10-24 Sat 01:22] ** TODO [[https://codepen.io/cobra_winfrey/full/OJXJeod][Pure CSS Product Card]] Captured On: [2020-10-24 Sat 01:22] * serve static file listing and directories http://shithouse.tv/ fire http://photorequestsfromsolitary.org/ photo requests out of teh blue from random people. you can submit answers to these requests! [[file:camera.org][Camera]] https://well-versed.gilgamesh.cc/ poetry fridge on the internet! [[https://lobste.rs/s/mdmvuw/webcheck_high_confidence_browser#c_4kjqpg][webcheck: high confidence browser testing]]