{"id":3007,"date":"2018-09-06T09:53:41","date_gmt":"2018-09-06T04:23:41","guid":{"rendered":"http:\/\/reliablesoftwares.com\/blog\/?p=3007"},"modified":"2018-08-15T09:34:29","modified_gmt":"2018-08-15T04:04:29","slug":"quick-and-dirty-way-to-create-and-test-html-page","status":"publish","type":"post","link":"https:\/\/reliablesoftwares.com\/blog\/quick-and-dirty-way-to-create-and-test-html-page\/","title":{"rendered":"Quick and dirty way to create and test HTML page"},"content":{"rendered":"<div class=\"repository-meta mb-0  js-repo-meta-edit js-details-container \">\n<div class=\"repository-meta-content col-11 mb-1\"><span class=\"col-11 text-gray-dark mr-2\"><a href=\"http:\/\/reliablesoftwares.com\/blog\/?attachment_id=3008\" rel=\"attachment wp-att-3008\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3008\" data-permalink=\"https:\/\/reliablesoftwares.com\/blog\/quick-and-dirty-way-to-create-and-test-html-page\/screen-shot-2018-08-15-at-9-32-13-am\/\" data-orig-file=\"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?fit=1524%2C1156&amp;ssl=1\" data-orig-size=\"1524,1156\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screen Shot 2018-08-15 at 9.32.13 AM\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?fit=800%2C607&amp;ssl=1\" class=\"alignleft size-medium wp-image-3008\" src=\"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?resize=300%2C228\" alt=\"\" width=\"300\" height=\"228\" srcset=\"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?resize=300%2C228&amp;ssl=1 300w, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?resize=768%2C583&amp;ssl=1 768w, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?resize=1024%2C777&amp;ssl=1 1024w, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?w=1524&amp;ssl=1 1524w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>A functional HTML\/CSS\/JS editor in less than 400 bytes is all it takes to use a browser are a text editor for HTML\/CSS\/JS.<br \/>\n<\/span><\/div>\n<div>\n<div class=\"application-main \" role=\"main\">\n<div class=\"\">\n<div id=\"js-repo-pjax-container\" data-pjax-container=\"\">\n<div class=\"container new-discussion-timeline experiment-repo-nav  \">\n<div class=\"repository-content \">\n<div id=\"readme\" class=\"Box Box--condensed instapaper_body md\">\n<div class=\"Box-body p-6\">\n<article class=\"markdown-body entry-content\">Paste the following code into your browser address bar:<\/p>\n<pre><code>data:text\/html,&lt;body oninput=\"i.srcdoc=h.value+'&lt;style&gt;'+c.value+'&lt;\/style&gt;&lt;script&gt;'+j.value+'&lt;\/script&gt;'\"&gt;&lt;style&gt;textarea,iframe{width:100%;height:50%}body{margin:0}textarea{width:33.33%;font-size:18}&lt;\/style&gt;&lt;textarea placeholder=HTML id=h&gt;&lt;\/textarea&gt;&lt;textarea placeholder=CSS id=c&gt;&lt;\/textarea&gt;&lt;textarea placeholder=JS id=j&gt;&lt;\/textarea&gt;&lt;iframe id=i&gt;\r\n<\/code><\/pre>\n<p>If you want to read the code, check out\u00a0<a href=\"https:\/\/github.com\/umpox\/TinyEditor\/blob\/master\/index.html\">index.html<\/a><\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"footer container-lg px-3\" role=\"contentinfo\">\n<div class=\"position-relative d-flex flex-justify-between pt-6 pb-2 mt-6 f6 text-gray border-top border-gray-light \">It works on all major browsers.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mb-3 repository-topics-container js-repository-topics-container js-details-container\">\n<div id=\"topics-list-container\" data-url=\"\/umpox\/TinyEditor\/settings\/topics\">\n<div class=\"list-topics-container f6 mt-1\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A functional HTML\/CSS\/JS editor in less than 400 bytes is all it takes to use a browser are a text<\/p>\n","protected":false},"author":1,"featured_media":3008,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[10,8],"tags":[584,582,583,585,315],"class_list":["post-3007","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app","category-programming","tag-css","tag-editor","tag-html","tag-js","tag-simple"],"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pgLsB5-Mv","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2208,"url":"https:\/\/reliablesoftwares.com\/blog\/moon-reader-innovative-book-reader-with-powerful-controls-full-functions\/","url_meta":{"origin":3007,"position":0},"title":"Moon+ Reader Innovative book reader with powerful controls &#038; full functions","author":"saifuddin","date":"July 6, 2016","format":false,"excerpt":"Moon+ Reader is an android app for reading any documents \/ books. Now it's better looking and highly customizable. Supports formats like epub, pdf, mobi, chm, cbr, cbz, umd, fb2, txt, html, rar, zip or OPDS. What I loved the most is, in Pro version you get Text to Speech\u2026","rel":"","context":"In &quot;App&quot;","block_context":{"text":"App","link":"https:\/\/reliablesoftwares.com\/blog\/category\/blog\/app\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2016\/07\/moonreader.png?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2016\/07\/moonreader.png?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2016\/07\/moonreader.png?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2016\/07\/moonreader.png?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2016\/07\/moonreader.png?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3642,"url":"https:\/\/reliablesoftwares.com\/blog\/building-a-personal-ai-assistant-that-actually-works-complete-tutorial\/","url_meta":{"origin":3007,"position":1},"title":"Building a Personal AI Assistant That Actually Works \u2013 Complete Tutorial","author":"saifuddin","date":"September 25, 2025","format":false,"excerpt":"We\u2019ve all dreamed of having our own J.A.R.V.I.S.\u2014an AI assistant that listens, thinks, and helps us with daily tasks. The good news? You don\u2019t need to spend $1,000+ on a commercial solution. With the right open-source tools, you can build a personal AI assistant for under $50. This tutorial walks\u2026","rel":"","context":"In &quot;AI&quot;","block_context":{"text":"AI","link":"https:\/\/reliablesoftwares.com\/blog\/category\/blog\/ai\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/A_futuristic_personal_AI_assistant_setupglowing_ho_1757908515.jpg?fit=1024%2C1024&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/A_futuristic_personal_AI_assistant_setupglowing_ho_1757908515.jpg?fit=1024%2C1024&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/A_futuristic_personal_AI_assistant_setupglowing_ho_1757908515.jpg?fit=1024%2C1024&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/A_futuristic_personal_AI_assistant_setupglowing_ho_1757908515.jpg?fit=1024%2C1024&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":3784,"url":"https:\/\/reliablesoftwares.com\/blog\/murmure-the-privacy-first-speech-to-text-tool-that-actually-works-offline\/","url_meta":{"origin":3007,"position":2},"title":"Murmure: The Privacy-First Speech-to-Text Tool That Actually Works Offline","author":"saifuddin","date":"April 27, 2026","format":false,"excerpt":"In a world where most AI tools depend on the cloud, constant internet connectivity, and\u2014often\u2014your personal data, Murmure takes a radically different approach. It\u2019s simple: your voice, your data, your machine. What is Murmure? Murmure is a free, open-source speech-to-text application designed to convert spoken words into text\u2014without sending a\u2026","rel":"","context":"In &quot;AI&quot;","block_context":{"text":"AI","link":"https:\/\/reliablesoftwares.com\/blog\/category\/blog\/ai\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2026\/04\/Murmure.png?fit=800%2C533&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2026\/04\/Murmure.png?fit=800%2C533&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2026\/04\/Murmure.png?fit=800%2C533&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2026\/04\/Murmure.png?fit=800%2C533&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":3652,"url":"https:\/\/reliablesoftwares.com\/blog\/real-time-voice-cloning-the-technology-behind-ai-voice-assistants-and-deepfakes\/","url_meta":{"origin":3007,"position":3},"title":"Real-time Voice Cloning: The Technology Behind AI Voice Assistants and Deepfakes","author":"saifuddin","date":"October 2, 2025","format":false,"excerpt":"The ability to replicate a human voice in real time was once the stuff of science fiction. Today, real-time voice cloninghas become a cutting-edge AI capability, driving both exciting innovations in voice assistants and concerning developments in deepfake technology. But how exactly does it work, and what are the implications\u2026","rel":"","context":"In &quot;AI&quot;","block_context":{"text":"AI","link":"https:\/\/reliablesoftwares.com\/blog\/category\/blog\/ai\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/realtime-voice-cloning.png?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/realtime-voice-cloning.png?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/realtime-voice-cloning.png?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/realtime-voice-cloning.png?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/realtime-voice-cloning.png?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3645,"url":"https:\/\/reliablesoftwares.com\/blog\/i-replaced-my-200-month-ai-stack-with-free-open-source-tools-heres-how\/","url_meta":{"origin":3007,"position":4},"title":"I Replaced My $200\/Month AI Stack with Free Open Source Tools \u2013 Here\u2019s How","author":"saifuddin","date":"September 28, 2025","format":false,"excerpt":"Replace Your $200\/Month AI Stack with Free Open Source Tools (Complete Guide) Meta Description: I cut my AI costs from $200\/month to $0 using free tools like Ollama, Stable Diffusion, and Coqui. Full guide, tool mapping, and annual savings of $2,400+.","rel":"","context":"In &quot;AI&quot;","block_context":{"text":"AI","link":"https:\/\/reliablesoftwares.com\/blog\/category\/blog\/ai\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_alax0ealax0ealax.png?fit=1021%2C728&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_alax0ealax0ealax.png?fit=1021%2C728&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_alax0ealax0ealax.png?fit=1021%2C728&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_alax0ealax0ealax.png?fit=1021%2C728&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":3659,"url":"https:\/\/reliablesoftwares.com\/blog\/the-hidden-power-of-dark-mode-not-just-about-looks\/","url_meta":{"origin":3007,"position":5},"title":"The Hidden Power of Dark Mode: Not Just About Looks","author":"saifuddin","date":"November 27, 2025","format":false,"excerpt":"Dark Mode started as a design trend \u2014 a stylish alternative to bright user interfaces. Today, it has become a standard feature on smartphones, operating systems, and apps. Whether you use Android, iOS, macOS, Windows, or ChromeOS, chances are you\u2019ve seen a button somewhere that says \u201cSwitch to Dark Mode.\u201d\u2026","rel":"","context":"In &quot;Article&quot;","block_context":{"text":"Article","link":"https:\/\/reliablesoftwares.com\/blog\/category\/article\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/11\/darkmode.png?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/11\/darkmode.png?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/11\/darkmode.png?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/11\/darkmode.png?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2025\/11\/darkmode.png?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/reliablesoftwares.com\/blog\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-15-at-9.32.13-AM.png?fit=1524%2C1156&ssl=1","_links":{"self":[{"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/3007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/comments?post=3007"}],"version-history":[{"count":1,"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/3007\/revisions"}],"predecessor-version":[{"id":3009,"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/3007\/revisions\/3009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/media\/3008"}],"wp:attachment":[{"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/media?parent=3007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/categories?post=3007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reliablesoftwares.com\/blog\/wp-json\/wp\/v2\/tags?post=3007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}