วิธีทำเว็บไซต์ให้เข้ากับลิงค์ของตัวเอง

คำถามด่วน: หากคุณต้องการเผยแพร่เว็บไซต์หน้าเดียวอย่างรวดเร็วตอนนี้ คุณจะทำอย่างไร คุณจะวางมันลงในบริการเช่น Tumblr หรือคุณจะต้องจดทะเบียนชื่อโดเมน ค้นหาโฮสต์ และ Zzzzzzzz แต่ถ้าคุณสามารถสร้างหน้าเว็บนั้นขึ้นมาได้ ให้บีบอัดมันลงในลิงค์ของมันเองล่ะ? เมื่อใดก็ตามที่ใครก็ตามคลิกที่ลิงก์นั้น มันจะแตกตัวมันเอง และปรากฏในเบราว์เซอร์ของพวกเขาเหมือนกับหน้าเว็บทั่วไป นั่นคือสิ่งที่ Itty Bitty ทำ

มันค่อนข้างดุร้ายและดุร้ายยิ่งขึ้น เพราะในขณะที่คุณสามารถวางลิงก์ของคุณได้ทุกที่ เช่น ทวีต คุณยังสามารถเปลี่ยนลิงก์นั้นเป็นรหัส QR และพิมพ์ได้ หากคุณทำเช่นนั้น รหัส QR ของกระดาษนั้นจะมีเว็บไซต์จริงของคุณ เมื่อใดก็ตามที่ใครก็ตามสแกน มันจะถูกแกะและแสดงผล ไม่ต้องใช้อินเทอร์เน็ต

เว็บไซต์ Itty Bitty

อิตตี้ บิทตี้ มาจาก Nicholas Jitkoff อาคา Alcor ผู้สร้าง Quicksilver และรองประธานฝ่ายการออกแบบคนปัจจุบันที่ Dropbox ประกอบด้วยตัวแก้ไขบนเว็บที่ให้คุณพิมพ์อะไรก็ได้ที่คุณชอบ เมื่อคุณพอใจกับสิ่งที่คุณเขียน ไม่ว่าจะเป็นบทกวี ประวัติย่อ หรือหน้าเว็บที่มีรูปภาพที่มีโค้ดครบถ้วน คุณเพียงแค่คัดลอก URL จากแถบ URL ของ Safari จากนั้นแชร์ URL นั้นเหมือนกับที่คุณแชร์ลิงก์

ความแตกต่างก็คือเว็บไซต์ของคุณคือ อยู่ภายใน URL นั้น ไม่ใช่ลิงก์ปกติที่ชี้ไปยังเว็บไซต์ที่โฮสต์อยู่ที่ไหนสักแห่งบนอินเทอร์เน็ต เป็นตัวของตัวเองอย่างเต็มที่

สิ่งนี้มาพร้อมกับข้อจำกัดบางอย่าง ซึ่งใหญ่ที่สุดคือขนาด ตัวแก้ไข Itty Bitty จะย่อขนาดข้อความของคุณให้เล็กที่สุดเท่าที่จะทำได้ แต่มีการจำกัดขนาดของลิงก์ที่สามารถแชร์ได้ Twitter จำกัด ให้คุณมากกว่า 4000 ไบต์หรือ 4K รหัส QR สามารถจัดเก็บได้สูงสุด 2,610 ไบต์ แต่ถ้าคุณใช้แค่ข้อความ พื้นที่นี้ค่อนข้างเยอะ จิตคอฟ:

เพื่อให้พอดีกับ URL มากขึ้น เนื้อหาจะถูกบีบอัดโดยใช้เครื่องหมาย อัลกอริธึมลูกโซ่ Lempel–Ziv–Markov. ซึ่งจะช่วยลดขนาดของ html ลงได้อย่างมาก ทำให้สามารถพิมพ์เนื้อหาได้เกือบเท่าหน้า

วิธีสร้างเว็บเพจ Itty Bitty

หากต้องการสร้างเว็บไซต์ ให้ไปที่ บรรณาธิการและเริ่มต้น คุณสามารถตั้งชื่อเพจ และเขียนอะไรก็ได้ที่คุณต้องการโดยใช้ HTML คุณสามารถสร้าง HTML นี้ด้วยมือ หรือใช้เครื่องมือแก้ไขที่คุณชื่นชอบเพื่อสร้าง แล้ววางผลลัพธ์ลงในตัวแก้ไข Itty Bitty ผู้ใช้ขั้นสูงสามารถ เชื่อมต่อกับ Codepen.io. สำหรับบทความนี้ ฉันจะสร้างเวอร์ชัน Itty Bitty ของ โพสต์นี้ทั้งหมดและวางโดยใช้การส่งออก HTML ที่ยอดเยี่ยมของ Ulysses

ดังที่คุณเห็นในตัวแก้ไข มีตัวนับที่ด้านบนขวาที่บอกคุณว่าเพจของคุณมีขนาดใหญ่เพียงใดในหน่วยไบต์ เก็บไว้ต่ำกว่า 2000 ไบต์เพื่อความเข้ากันได้สูงสุด เพื่อเป็นแนวทาง หน้านี้ — ไม่มีรูปภาพ — มาในราคาเพียง XXX

เมื่อคุณพอใจกับผลลัพธ์ที่ได้ เพียงคัดลอก URL จาก Safari (หรือเบราว์เซอร์ใดก็ตามที่คุณใช้) แล้ววางลงในแท็บใหม่ คุณยังสามารถกดปุ่มโหลดซ้ำได้ และเว็บไซต์จะโหลดเอง อย่างไรก็ตาม การทำเช่นนี้ทำให้ยากต่อการย้อนกลับและแก้ไขสำหรับข้อผิดพลาดใดๆ ที่คุณทำ

รหัสที่ซับซ้อน

คุณไม่ได้จำกัดแค่ HTML พื้นฐานเช่นกัน เช็คเอาท์ แอพเครื่องคิดเลขนี้สร้างขึ้นใน Itty Bitty

ไม่มีอินเทอร์เน็ต!

เมื่อคุณโหลดไซต์ Itty Bitty ไซต์นั้นจะสมบูรณ์ในตัวเอง URL อาจขึ้นต้นด้วย itty.bitty.siteแต่นั่นไม่ได้หมายความว่ากำลังโหลดจากเซิร์ฟเวอร์ของ Itty Bitty คุณสามารถทดสอบได้โดยการสแกนโค้ด QR ที่มีหน้านี้ หากคุณตั้งค่า iPhone ของคุณเข้าสู่โหมดเครื่องบิน แล้วสแกนรหัส QR นี้จะโหลดได้ตามปกติ ตอนนี้คุณสามารถใช้สิ่งนี้เพื่อวางทั้งเว็บไซต์บนโปสเตอร์ บนนามบัตร หรือที่ใดก็ได้

แนวคิดนี้มีอยู่ในสิ่งที่เรียกว่า Data URLs แต่ Jitkoff ชี้ให้เห็นความแตกต่างบางอย่าง ในทวีต:

• เครื่องมือส่วนใหญ่ไม่ถือว่า URL ข้อมูลเป็นลิงก์ที่ถูกต้อง (รวมถึง Twitter) ดังนั้นจึงยากที่จะแบ่งปันอย่างน่าเชื่อถือ
• URL ข้อมูลไม่รองรับการบีบอัด ดังนั้นขนาดเนื้อหาจึงกลายเป็นปัญหาเร็วกว่า ?

ความปลอดภัย

ข้อเสียที่เห็นได้ชัดคือความปลอดภัย การใช้ไซต์ที่ออกแบบมาอย่างชาญฉลาด จะสามารถแพร่กระจายมัลแวร์โดยใช้เพียงรหัส QR ซึ่งไม่ดีนัก บางที Itty Bitty ในที่สุดก็จะกลายเป็นที่ทิ้งมัลแวร์ แต่อาจจะไม่ ในระหว่างนี้ มันเป็นวิธีที่ยอดเยี่ยมในการแบ่งปันข้อมูลเล็กๆ น้อยๆ โดยไม่มีใครพยายามหยุดคุณ