Hot Page - ग्राफ़िक साइट बिल्डर

 (hot.page)
4 पॉइंट द्वारा GN⁺ 2024-08-25 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • Hot Page एक ग्राफ़िक code editor है, जिसमें वास्तविक HTML, CSS, JavaScript इस्तेमाल करते हुए भी visual tools और drag-and-drop से वेबसाइट बनाई जा सकती है
  • “no code” की सीमाओं के बजाय यह yes code को अपनाता है, और templates पर निर्भर रहने की बजाय page source code देखकर उसे copy और remix करने के तरीके पर जोर देता है
  • सरल sites मुफ्त में बनाई जा सकती हैं और अपना domain connect किया जा सकता है; ज्यादा options चाहिए हों तभी upgrade करने वाला model है
  • बनाई गई site को download करके कहीं और host किया जा सकता है, और frontend frameworks, custom elements, web platform APIs, open source code snippets का भी उपयोग किया जा सकता है
  • यह web standards पर काम करते हुए web development skills सीखने का flow है, इसलिए अलग abstraction या नया editor interface सीखने का बोझ कम करता है

वास्तविक code पर आधारित visual creation

  • Hot Page एक graphic site builder है, जो वेबसाइट बनाते समय वास्तविक HTML, CSS, JavaScript का उपयोग करता है
  • Editor drag-and-drop code editor और visual tools को जोड़ता है, ताकि शुरुआत से ही unique design बनाया जा सके
  • तुरंत आज़माने के लिए editor trial उपलब्ध है, और free website creation signup page से शुरू किया जा सकता है
  • Templates देने के बजाय, हर page का source code देखा जा सकता है, और उसे copy करके कहीं भी remix किया जा सकता है
  • जरूरी features इंटरनेट से frontend frameworks, custom elements, code snippets और open source implementations लाकर जोड़े जा सकते हैं

Deployment और ownership

  • सरल sites मुफ्त में बनाई जा सकती हैं और अपना domain भी मुफ्त में इस्तेमाल किया जा सकता है; ज्यादा options की जरूरत हो तभी upgrade करना होता है
  • अगर Hot Page छोड़ना चाहें, तो site download करके ले जा सकते हैं और कहीं भी host कर सकते हैं

Web development सीखने के हिसाब से flow

  • Web development beginners site बनाते हुए coding सीख सकते हैं, और जो users पहले से web development जानते हैं वे अपने existing knowledge से तुरंत इस्तेमाल कर सकते हैं
  • Core web technologies को जस का तस इस्तेमाल करने के कारण नई abstractions या editor interfaces सीखने का बोझ कम होता है, और web की backward compatibility को भी एक लाभ के रूप में उभारा गया है
  • Recommendations में clean semantic code output, 12-column responsive layouts बनाना, landing pages में तेजी से बदलाव, नई CSS features और web platform APIs का उपयोग, और तुरंत load होने वाली responsive sites का output इसके फायदे बताए गए हैं
  • HotFX library colors और motion जोड़ने वाले special effects का collection है

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2024-08-25
Hacker News की राय

  • मैं Tim हूं, जिसने Hot Page बनाया है। यह एक पुराना side project था, और अब कुछ दोस्तों की मदद से इसे bootstrap करके बढ़ा रहा हूं
    लक्ष्य Squarespace या Wix जैसे drag-and-drop editor की सुविधा लाना है, लेकिन HTML elements और CSS rules जैसे web page के बुनियादी building blocks से कनेक्शन खोए बिना। मुझे लगता है कि Web Components के आने से यह model कहीं ज़्यादा शक्तिशाली हो गया है
    असल में कुछ महीनों बाद इसे खुद HN पर डालने का इरादा था, लेकिन अभी editor को कहीं ज़्यादा powerful बनाने वाले features पर काम कर रहा हूं। योजनाओं में CSS properties को visually और अधिक edit करना, लेकिन generated CSS के साथ 1:1 connection बनाए रखना; :hover और media queries इस्तेमाल कर सकने वाला per-element inline CSS editor; left panel में basic elements के साथ आने वाली code snippet library; Web Components के साथ और गहरा integration; VS Code language server के जरिए सटीक autocomplete वगैरह शामिल हैं
    मैं लंबे समय से HN को चुपचाप पढ़ता रहा हूं और इस community को पसंद करता आया हूं। खासकर marketing सचमुच कठिन challenge साबित हो रही है, इसलिए सभी विचारों और feedback का स्वागत है

    • microflash पहले ही आगे आ गया, तो मैं भी जोड़ दूं। https://fx.hot.page/ पर कुछ Web Components हैं
      slinky मूर्खतापूर्ण है लेकिन मज़ेदार है, और gallery component काफी शानदार है। यह हल्का और इस्तेमाल में आसान लगा, और क्या हो रहा है इसे विस्तार से समझाने वाला annotated source code page प्रभावशाली था। अगर mission उछलते, घूमते और कई रंगों में चमकते text का है, तो इसकी ताकत खुद लिखी documentation में दिखती है
    • Web Components और visual app builder का combination वाकई आकर्षक क्षेत्र है। मैं भी कुछ मिलता-जुलता बना रहा हूं, इसलिए और approaches आते देखना अच्छा लगता है
      style साफ तौर पर बेहतरीन है, और उम्मीद है कि यह sense customer sites में भी उतरेगा, ताकि web पर ज़्यादा मज़ेदार, अजीब-सी लेकिन असल में उपयोगी चीज़ें बढ़ें
      visual builder के साथ-साथ मैं Web Components catalog और custom elements manifest validator भी बना रहा हूं। उम्मीद है कि ऐसे tools जिन high-quality Web Components का इस्तेमाल कर सकें, उनकी संख्या बढ़े, और catalog भी builder के अंदर embed किया जा सके
    • HN launch plan बिगाड़ने के लिए माफ़ी। यह मुझे संयोग से मिल गया, और web पर ऐसे संयोग हो जाते हैं; यह cool लगा, इसलिए यहां post कर दिया। आगे आने वाली चीज़ों का इंतज़ार है
    • सादे vanilla web को पसंद करने वाले के रूप में, मौजूदा hot.page मुझे पूरी तरह पसंद है। आखिरकार ऐसा महसूस हो रहा है कि personality वाला web asset आया है
      communication और documentation अच्छी है, इस बारे में AstroJetson की बात से सहमत हूं। pricing और free plan में custom domain support शामिल करना भी अच्छा लगा। ये सब देखकर लगता है कि ये लोग अच्छे हैं, और इन्हें support करने का मन करता है
    • HyperCard की याद दिलाने वाला style मुझे सचमुच बहुत पसंद है, और जानना चाहता हूं कि इसे कैसे बनाया गया
      क्या यह पूरी तरह zero से शुरू किया गया था, या कोई existing CSS kit आधार के रूप में इस्तेमाल की गई थी

  • ब्राउज़ करते हुए showcase examples में https://alice.hot.page/ मिला, और सच में 5 मिनट तक Alice in Wonderland पढ़ता रहा। लगता है मुझे यह थोड़ा सोचना चाहिए कि मैं अपना समय कैसे इस्तेमाल कर रहा हूं

    • नीचे तक लगातार जाते रहने वाला scroll effect सचमुच शानदार था। बताने के लिए धन्यवाद

  • काफी अच्छा दिखता है। अजीब तरह से मुझे लगभग 20 साल पहले के student दिनों में वापस ले गया। domain name खरीदने के पैसे नहीं थे, लेकिन World Wide Web पर कुछ websites बनाना चाहता था
    free hosting खोजते हुए Geocities के बारे में पता चला, लेकिन वहां site foo.geocities.com जैसे subdomain पर नहीं, बल्कि geocities.com/foo जैसे path के नीचे host होती थी
    आखिरकार 20m.com मिला, जो नाम के मुताबिक 20MB free hosting space देता था, और सबसे अच्छी बात यह थी कि मैं अपनी website को subdomain के नीचे publish कर सकता था
    हैरानी की बात है कि तब बनाई गई एक site आज भी live है: http://encoders.20m.com/ content को judge मत कीजिए। मैं छोटा था, भोला था, और बस web के साथ खेल रहा था

    • 2002 में मैं भी कुछ ऐसा ही था। Geocities नहीं देखा और सीधे freeservers.com खोजकर davinder.8m.net site बनाई, जो अभी भी live है
      2007 से 2022 तक password खो गया था, फिर Yahoo email account recover करते समय उसे फिर से ढूंढ लिया

  • यहां इस्तेमाल की गई aesthetic मुझे पसंद है। इसी vibe का एक और project https://mmm.page/ याद आता है

  • क्या यह खुद होस्ट किए जा सकने वाले open source content manipulation system Hotglue[1] से प्रेरित है?
    [1]https://hotglue.me/

    • Hot Page मेरा project है, और किसी तरह मुझे Hot Glue के बारे में पता ही नहीं था। अभी देखकर लगता है कि ऊपर से यह मिलता-जुलता है, लेकिन असल में अलग है
      Hot Page एक visual drag-and-drop web editor है जो abstraction का इस्तेमाल नहीं करता, इसलिए इस्तेमाल के दौरान आप पूरे output DOM पर पूरा control रख सकते हैं। यानी हर element, nesting, attribute, CSS rule वगैरह को सीधे handle कर सकते हैं। इसलिए यह असली site बनाने के लिए CodePen जैसा लगता है। इस philosophy के बारे में मैंने यहां और लिखा है: https://hot.page/takes/picking-the-right-abstraction
    • मुझे यह बहुत मिलता-जुलता नहीं लगता। निजी तौर पर मुझे 90s में थोड़े समय के लिए लोकप्रिय रहा पुराना HTML/page editor HoTMeTaL याद आया
      उसमें page को visual semi-WYSIWYG और semi-element tree mode में दिखाने का मिलता-जुलता approach था
    • मुझे भी सबसे पहले Hotglue ही याद आया। यह सचमुच freeform web design tool था, जिसमें section edit करके user code और styles डाल सकते थे
      installation भी आम तौर पर PHP वाले web server में एक folder डालने के अलावा कुछ नहीं मांगता था। कुछ महीने पहले मैंने इसका review भी लिखा था: https://rafichaudhury.com/site/blog/Freehand-Web
    • किसी ने पहले ही कह दिया। अगर इसका original project से संबंध नहीं है, तो नाम इतना मिलता-जुलता नहीं रखना चाहिए था। यह closed-source Hotglue clone/SaaS/inspired project जैसा दिखता है
      खैर, यह अफसोस की बात है कि Hotglue का development पिछले कुछ सालों से रुका हुआ है। मेरे कुछ दोस्त अभी भी अपनी personal sites में इसे इस्तेमाल कर रहे हैं
    • HoTMetaL या HotDog भी याद आते हैं। दोनों 90s के HTML editors थे

  • अजीब और चमकदार trend की वापसी देखकर अच्छा लगा। हम बहुत लंबे समय से clean और flat design की दुनिया में फंसे हुए थे
    अब इसमें थोड़ी ज्यादा self-awareness है और cynicism व self-deprecation से बचना भी मुश्किल है, लेकिन शायद यही postmodernism है

  • design और communication style सचमुच पसंद आया। इसने मुझे व्यक्ति और product, दोनों का fan बना दिया
    शुरुआत में मैंने इसलिए click किया क्योंकि लगा कि product HN title से कहीं ज्यादा दिलचस्प होगा। site पर जाते ही लगा, “आखिर कोई तो है जो consensus से घिसे-पिटे design से बाहर निकलने से नहीं डरता,” और उम्मीद है कि यह आगे भी bold रहेगा
    मुझे लगा कि मैं ऐसे लोगों को जानता हूं जिन्हें यह design पसंद आएगा। दोस्त अक्सर मुझसे उनकी sites बनाने को कहते हैं, लेकिन time और flexibility की कमी, और छोटे businesses के लिए अपने domain पर चलाने की झुंझलाहट भरी ऊंची लागत के कारण मुझे अक्सर मना करना पड़ता है। landing page देखकर लगा कि यह ठीक वही देने की कोशिश कर रहा है। developer के तौर पर लगता है कि जल्दी बनाना, अच्छा दिखना और ज्यादा खर्च न होना—यह सब possible है
    HN thread पढ़ना शुरू किया तो हैरानी हुई कि आप कितने genuine और practical इंसान लगते हैं। मैं product try करूंगा और imperfections के साथ धैर्य भी रखूंगा। अगर आप sign up करने वालों से वैसे ही जुड़े रहे जैसे अभी HN पर हैं, तो आपको और product को support करने के लिए बहुत fans मिलेंगे

    • धन्यवाद। सच कहूं तो मैं इसे लगभग अकेले, अलग-थलग होकर बना रहा था, इसलिए ऐसा उत्साही feedback मिलना सच में बहुत अच्छा लग रहा है
      Hot Page को अपने resources से bootstrap करने को लेकर मैं गंभीर हूं, ताकि कोई मुझ पर design को और साधारण बनाने या customers का शोषण करने की दिशा में दबाव न डाल सके। बेशक, सारी programming और marketing का ज्यादातर हिस्सा खुद करना आसान नहीं था
      अभी मुझे सच में ऐसे customers की जरूरत है जो beta version आजमाकर feedback दे सकें। support के लिए धन्यवाद

  • शनिवार की सुबह-सुबह मेरी Geocities page याद दिलाने के लिए धन्यवाद। अगर घूमता हुआ under construction sign भी जोड़ सकें तो अच्छा होगा। वही सबसे अच्छा था

    • आपको पिछला homepage देखना चाहिए था: https://old.hot.page/ Web 1.0 को nod देने वाला idea सच में अच्छा था, लेकिन थोड़ा ज्यादा ही rough था
    • यह मेरा project नहीं है इसलिए बदल नहीं सकता, लेकिन मुझे भी Geocities वाला vibe आया, इसलिए post किया

  • pricing देखी तो $9/month में 5GB bandwidth है, जो अनुचित रूप से महंगा लगता है

    • यह S3 नहीं है। bandwidth सिर्फ plans को अलग करने के criteria में से एक है

  • पता नहीं कह सकता हूं या नहीं, लेकिन व्यक्तिगत रूप से नाम मुझे खास नहीं लगा। महिलाएं शायद अपना नाम subdomain में डालने में हिचकेंगी

    • “Hot” का मतलब हमेशा “sexy” नहीं होता। वास्तविक website को एक बार देखें तो यह बात बहुत साफ हो जाती है
      हालांकि वे Neocities जैसी जगह पर hosting को ज्यादा prefer कर सकती हैं। शायद इसलिए क्योंकि Neocities में cat है और कुल मिलाकर ज्यादा cute दिखता है
    • Hotmail भी इसी नाम के साथ सफल रहा था
    • शुरुआती HTML editors में से एक HoTMetaL याद आया
    • फिर भी लिखा है कि custom domain इस्तेमाल किया जा सकता है