Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
book:web [2026/09/25 23:56] – [Code Snippets] Added a new page that comes from the wiki since I just noticed it was there. Rubbereonbook:web [2026/11/04 14:42] (current) – [Dan Q's Tutorials & Demos] b-lly
Line 1: Line 1:
 ====== Web Craft Guide ====== ====== Web Craft Guide ======
  
-This is a hyperbook, it is a book of webpages collected together! View this book [[https://wiki.melonland.net/book.php?book=web|here]]! +This is a hyperbook, it is a book of webpages collected together! View this book [[https://wiki.melonland.net/book.php?book=web|here]]!
  
 To make edits to the book, modify the links below. The link will display in the side bar with its link-text, following that you can set an optional list of keywords used by the books search function. To make edits to the book, modify the links below. The link will display in the side bar with its link-text, following that you can set an optional list of keywords used by the books search function.
Line 10: Line 10:
  
 ====== Surfers Web Craft Guide ====== ====== Surfers Web Craft Guide ======
- 
 https://everyone.melonland.net/book_mk.css?v=2 https://everyone.melonland.net/book_mk.css?v=2
  
 === Intro === === Intro ===
 +
   * [[https://everyone.melonland.net/guide|Greetings]]   * [[https://everyone.melonland.net/guide|Greetings]]
   * [[https://thoughts.melonking.net/guides/introduction-to-the-web-revival-1-what-is-the-web-revival|What is the Web Revival]] - indie smol indieweb yesterweb   * [[https://thoughts.melonking.net/guides/introduction-to-the-web-revival-1-what-is-the-web-revival|What is the Web Revival]] - indie smol indieweb yesterweb
   * [[https://lu.tiny-universes.net/indiewebmanifesto.html|Indie Web Manifesto]]   * [[https://lu.tiny-universes.net/indiewebmanifesto.html|Indie Web Manifesto]]
   * [[https://wiki.melonland.net/manifestos|Community Manifestos]]   * [[https://wiki.melonland.net/manifestos|Community Manifestos]]
 +  * [[https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49#ecommerce-alternatives-41|Resources List for the Personal Web]] | NEW_TAB
  
 ==== Getting Started ==== ==== Getting Started ====
 +
   * [[https://melonland.net/zine/issue-1/articles/getinfo/|Find Info Online]] - search help   * [[https://melonland.net/zine/issue-1/articles/getinfo/|Find Info Online]] - search help
   * [[https://thoughts.melonking.net/guides/introduction-to-the-web-revival-2-learn-about-websites|Melon's Basics]]   * [[https://thoughts.melonking.net/guides/introduction-to-the-web-revival-2-learn-about-websites|Melon's Basics]]
Line 29: Line 31:
  
 ==== HTML ==== ==== HTML ====
 +
   * [[https://webguide.neocities.org/|HTML for Basics]] - beginner   * [[https://webguide.neocities.org/|HTML for Basics]] - beginner
   * [[https://htmlforpeople.com/zero-to-internet-your-first-website/|HTML for People]] - beginner   * [[https://htmlforpeople.com/zero-to-internet-your-first-website/|HTML for People]] - beginner
Line 53: Line 56:
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=3991.0;showreplies=1|Center a DIV]] - css   * [[https://forum.melonland.net/index.php?action=embedpage;topic=3991.0;showreplies=1|Center a DIV]] - css
   * [[https://netnet.studio|netnet.studio]] - CSS art   * [[https://netnet.studio|netnet.studio]] - CSS art
- 
  
 ==== JavaScript ==== ==== JavaScript ====
 +
   * [[https://www.crunchzilla.com/code-maven|Code Maven]] - beginner   * [[https://www.crunchzilla.com/code-maven|Code Maven]] - beginner
   * [[https://solaria.neocities.org/guides/jscheats|Cheaters JavaScript]] - beginner   * [[https://solaria.neocities.org/guides/jscheats|Cheaters JavaScript]] - beginner
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=2139.msg20500|Sidebars]]   * [[https://forum.melonland.net/index.php?action=embedpage;topic=2139.msg20500|Sidebars]]
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=716.0;showreplies=1|Moving Eyeballs!]]   * [[https://forum.melonland.net/index.php?action=embedpage;topic=716.0;showreplies=1|Moving Eyeballs!]]
 +
 +==== Visual HTML editors ====
 +
 +  * [[https://en.wikipedia.org/wiki/Adobe_GoLive|GoLive]]
 +  * [[https://macintoshgarden.org/apps/macromedia-dreamweaver-mx|Dreamewaver (the good one)]]
 +  * [[https://webdesigner.withgoogle.com|rive for poor people]]
 +  * [[https://github.com/therealglazou/bluegriffon|Mozilla Composer and variations of it]]
  
 ==== General Web Guides ==== ==== General Web Guides ====
 +
   * [[https://wiki.melonland.net/rss_guide|RSS]] - feed   * [[https://wiki.melonland.net/rss_guide|RSS]] - feed
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5859.0;showreplies=1|Let's Style RSS]] - xls feed xml   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5859.0;showreplies=1|Let's Style RSS]] - xls feed xml
Line 71: Line 82:
  
 ==== Lifestyle ==== ==== Lifestyle ====
 +
   * [[https://www.e-flux.com/journal/10/61362/in-defense-of-the-poor-image|In Defense of the Poor Image]]   * [[https://www.e-flux.com/journal/10/61362/in-defense-of-the-poor-image|In Defense of the Poor Image]]
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=751.0;showreplies=1|MP3 Players]] - audio   * [[https://forum.melonland.net/index.php?action=embedpage;topic=751.0;showreplies=1|MP3 Players]] - audio
Line 76: Line 88:
  
 ==== Communities ==== ==== Communities ====
 +
   * [[https://32bit.cafe/forums101/|Web Forums 101]]   * [[https://32bit.cafe/forums101/|Web Forums 101]]
   * [[https://frutigeraeroarchive.org/forum_directory|Forum Directory]]   * [[https://frutigeraeroarchive.org/forum_directory|Forum Directory]]
  
 ==== History of Homepages ==== ==== History of Homepages ====
 +
   * [[https://interfacecritique.net/book/olia-lialina-from-my-to-me/|From My to Me]] - geocities homepage yesterweb   * [[https://interfacecritique.net/book/olia-lialina-from-my-to-me/|From My to Me]] - geocities homepage yesterweb
   * [[https://luckysoap.com/statements/handmadeweb.html|A Handmade Web]]   * [[https://luckysoap.com/statements/handmadeweb.html|A Handmade Web]]
  
 ==== Basic How To's ==== ==== Basic How To's ====
 +
   * [[https://melonland.net/zine/issue-1/articles/local-webserver/|Setup a Local Server]] - server   * [[https://melonland.net/zine/issue-1/articles/local-webserver/|Setup a Local Server]] - server
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=115.msg725|Fix Frame Links]] - javascript   * [[https://forum.melonland.net/index.php?action=embedpage;topic=115.msg725|Fix Frame Links]] - javascript
   * [[https://www.dragonflycave.com/free-quiz-scripts/|Quiz Scripts]] - javascript   * [[https://www.dragonflycave.com/free-quiz-scripts/|Quiz Scripts]] - javascript
   * [[https://melonland.net/zine/issue-1/articles/shrineguide/|Web Shrines]]   * [[https://melonland.net/zine/issue-1/articles/shrineguide/|Web Shrines]]
 +  * [[https://gamebanana.com/tuts/1211|How to make 88x31 buttons]]
  
 ==== Expert How To's ==== ==== Expert How To's ====
 +
   * [[https://thoughts.melonking.net/guides/creating-a-3d-world-in-x3d|X3D Worlds]] - 3d blender   * [[https://thoughts.melonking.net/guides/creating-a-3d-world-in-x3d|X3D Worlds]] - 3d blender
  
 ==== Code Snippets ==== ==== Code Snippets ====
 +
   * [[https://wiki.melonland.net/free_code_templates|Wiki code templates]]   * [[https://wiki.melonland.net/free_code_templates|Wiki code templates]]
   * [[https://ribo.zone/free/snippets/|Ribo zone code snippets]] - border css photo hover book   * [[https://ribo.zone/free/snippets/|Ribo zone code snippets]] - border css photo hover book
  
 ==== Modules ==== ==== Modules ====
 +
   * [[https://aarongustafson.github.io/lazy-img/|All about lazy loading]] - graphics performance html   * [[https://aarongustafson.github.io/lazy-img/|All about lazy loading]] - graphics performance html
  
-==== Dan Q's Tutorials ====+==== Dan Q's Tutorials & Demos ==== 
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5488;showreplies=1|Using a details/summary element as a CSS 'toggle']]   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5488;showreplies=1|Using a details/summary element as a CSS 'toggle']]
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5705;showreplies=1|A details/summary powered image gallery]]   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5705;showreplies=1|A details/summary powered image gallery]]
Line 105: Line 125:
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5886;showreplies=1|CSS-based 88x31 rotation]] - banner   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5886;showreplies=1|CSS-based 88x31 rotation]] - banner
   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5813;showreplies=1|Let's make an RSS feed!]]   * [[https://forum.melonland.net/index.php?action=embedpage;topic=5813;showreplies=1|Let's make an RSS feed!]]
 +  * [[https://forum.melonland.net/index.php?action=embedpage;topic=6175.msg60246|Media query table shrinking]] 
 +  * [[https://forum.melonland.net/index.php?action=embedpage;topic=6016.0;showreplies=1|Image/Link/Thing of the Day]] 
 +  * [[https://forum.melonland.net/index.php?topic=6233.msg60754#msg60754|Dynamic Responsive Sidebars (with no JS!)]]
  
  


@000 Melon
Land
Forum Art Hub Chat Webring Explore Random Recent Tenement Arcade Want to Login or Join ? Web Craft Guide Graphic Catalogue Wiki Help I'm Lost! Link Land Newsletters Image Stream Minecraft: Online Zap!
Passport Sites tamaNOTchi Asatte Add your site?
Aero Archive Onio Cafe 32 Bit Cafe Status Cafe