February 12, 2013

Fast & Super easy Web hosting & editing with Google Drive & Notepad++

@reicek
Google Drive Developer Expert




Anyone else likes Coding on Notepad++? It's my personal favourite! (yeah, I'm kinda oldschool) anyway, just found out that opening the files on my Google Drive Desktop with Notepad++ to edit my public HTML/CSS/Javascript on the cloud allows me to update my pages super easy.

It's a super lightweight approach that runs smoothly even on a netbook... and the changes gets reflected on your pages almost instantly! I just click on "Save All", wait a few seconds until the Drive icon stops blinking... and voila! You can even check the behavior of your code very quickly just by refreshing the page on different browsers, which is really fast even on a netbook... Priceless (Literally, because it's all free!).

Kudos for the Google people for making this possible... Publishing/editing html code have never been so easy...

It works with most SDK´s (E.g.Netbeans), but Notepad++ its lightweight, free, and doesn't require setup... Using this approach, even from scratch you can get all you need to make/administer some nice sites, for free in less than 10 minutes and still have some nice features beyond simple Notepad editing...

To create a folder on Google Drive to host your code, create a folder from Google Drive and right click on it, click on "Share" and then make it "Public to the web". If you put a index.html file, it will open it by default, if not, it will open a page with a list of the files (links included) inside the folder.

To access the folder as a web site first you need the folder's id , to find it go to the public folder you created on Google Drive and check the URL at the top of your browser in the following part:

https://drive.google.com/#folders/folderId

Now replace it on this new URL, this will be the public URL of your new html site/app

https://googledrive.com/host/folderId

But the URL it's too long and hard to remember right? Well, don't worry since the guys from gweb.io created a very easy way to add (for Free!) a custom URL for your gDrive hosted apps/sites, you can even use your own domain if you want to!

To get a custom URL for your public gDrive folders, go to gweb.io, find the folder you just made public and write the URL that you wish for it and click add, if you don't have your own domain you can use for free URLs like this one:

customUrl.gweb.io

Done, it's THAT easy! Remember this works for any kind of files hosted on Drive, you can take advantage of the collaborative nature of Google Docs and use a gDrive public folder for you next homework, business project or even photos and videos.

Here you can check a nice example of a webpage that uses Google Drive HTML hosting and gweb.io custom URL service:

http://alpezlanding.gweb.io/

This approach it's awesome for Fast and Collaborative HTML Project Development, it makes it so easy to work with the designer and the client for all changes gets reflected instantly on the published prototype, both designers and programmers can test for changes (big and subtle) on the site itself and do all the necessary fine tuning.

So the next time a client tells something like "and would the title look in red?", it will only take you seconds to update it and you can say, "ok, click "Refresh" on your browser and you can see for yourself", everyone will be so happy.

Looking to get even more juice out of Google Drive HTML hosting service? Check out this article about how enable Offline functionality to your gDrive hosted sites and apps.

Happy coding!

52 comments:

  1. thank you a great fast way to show a proptotype :)

    ReplyDelete
  2. What were the most important criteria that I needed to take into account before clicking onto the pay here button. Media Temple

    ReplyDelete
  3. Going to graduate school was a positive decision for me. I enjoyed the coursework, the presentations, the fellow students, and the professors. And since my company reimbursed 100% of the tuition, the only cost that I had to pay on my own was for books and supplies. Otherwise, I received a free master’s degree. All that I had to invest was my time. Driving instructor

    ReplyDelete
  4. Hello, this weekend is good for me, since this time i am reading this enormous informative article here at my home. To-do Tasks List Extension

    ReplyDelete
  5. Web Hosting Pakistan Disk.pk provide next generation web hosting solutions, vps deditcated servers & ssl certificates at affoardable prices.

    ReplyDelete
  6. Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. Godaddy Coupon For Renewal

    ReplyDelete
  7. I think Hosting is main thing to make a blog healthy or running in a good condition. So whenever any one starts a new blog the first work which is concerned very important is choosing a right web host.

    Generally hostgator and bluehost are the major affordable and awesome hosting services from which we can also avail discounts. For indians Bigrock is also reliable and cheapest too.domain registration australia

    ReplyDelete
  8. Profit primarily prime quality items -- you can understand them all within: webspace

    ReplyDelete
  9. I am impressed by the information that you have on this blog. It shows how well you understand this subject. domains for sale

    ReplyDelete
  10. I have express a few of the articles on your website now, and I really like your style of blogging. I added it to my favorite’s blog site list and will be checking back soon… Dissertation Writing

    ReplyDelete
  11. Best CV Maker Available Online. Creating a CV is a Confusing & time-consuming job. Our CV creator is quick & has free Visual CV templates in Word and PDF. ShriResume

    ReplyDelete
  12. So you're looking to learn about web hosting and what it has to offer or you may not know much about web hosting? There is no shame in not knowing this information. web hosting

    ReplyDelete
  13. You might have observed really interesting details ! ps decent web site.
    https://zenradius.com/bluehost-reviews

    ReplyDelete
  14. Try not to neglect the force of the triumphant mix gave the simple site building apparatus and ease web facilitating of Expert Soft IT.https://zenradius.com

    ReplyDelete
  15. That'sthe justification selling you ought to correct home work in advance of composing. It is practical to jot down greater offer this particular. Graphics Design

    ReplyDelete
  16. Nice to be visiting your blog again, it has been months for me. Well this article that i've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share. hire freelance web designer

    ReplyDelete
  17. The information you have posted is very useful. The sites you have referred was good. Thanks for sharing this:web hosting, free hosting

    ReplyDelete
  18. Positive site, where did u come up with the information on this posting? I'm pleased I discovered it though, ill be checking back soon to find out what additional posts you include. seo expert

    ReplyDelete
  19. An fascinating discussion is value comment. I think that it is best to write extra on this matter, it won’t be a taboo topic however generally people are not enough to talk on such topics. To the next. Cheers What Is A Domain Name

    ReplyDelete
  20. I liked your article and I hope you will have many entries or more What Is Dedicated Server Hosting

    ReplyDelete
  21. To expand a business in the global market the first thing business owner should do is to have a website of the business. More and more people spend much time online these days. So, to draw attention of the potential customers the strongest asset a business owner could have is a website of the business he owns. To create your own business website, you need to contact the best web designing company. Here I will present you 13 essential tips to follow while selecting a web designing company. Internet and Website Marketing Company

    ReplyDelete
  22. You understand your projects stand out of the crowd. There is something unique about them. It seems to me all of them are brilliant. VPS

    ReplyDelete
  23. This website and I conceive this internet site is really informative ! Keep on putting up! anonymous hosting

    ReplyDelete
  24. This is exciting, nevertheless it is vital for you to visit this specific url: consultant

    ReplyDelete
  25. Nice post. I was checking constantly this blog and I’m impressed! Extremely useful info specially the last part I care for such information a lot. I was seeking this certain info for a long time. Thank you and good luck. click here

    ReplyDelete
  26. It’s appropriate time to make some plans for the future and it is time to be happy. I have read this post and if I could I wish to suggest you few interesting things or advice. Perhaps you could write next articles referring to this article. I desire to read even more things about it! buy google reviews

    ReplyDelete
  27. I’m going to read this. I’ll be sure to come back. thanks for sharing. and also This article gives the light in which we can observe the reality. this is very nice one and gives indepth information. thanks for this nice article... Web Design Bangkok

    ReplyDelete
  28. Hey, great blog, but I don’t understand how to add your site in my reader. Can you Help me please?
    see it here

    ReplyDelete

  29. This is amazing,Readable and valueable. keep up the good stuff like this.
    Thank You.
    If any one need Reliable Web Hosting Services
    then contact us

    ReplyDelete

  30. Nice post. I used to be checking constantly this blog and I am impressed! Extremely useful info particularly the ultimate section 🙂 I take care of such information a lot. I was seeking this certain information for a long time. Thank you and best of luck.
    a thing of beauty is a joy forever

    ReplyDelete
  31. Thanks for a very interesting blog. What else may I get that kind of info written in such a perfect approach? I’ve a undertaking that I am simply now operating on, and I have been at the look out for such info. Website Hosting

    ReplyDelete
  32. Some truly wonderful work on behalf of the owner of this internet site , perfectly great articles . onohosting

    ReplyDelete
  33. I recently found many useful information in your website especially this blog page. Among the lots of comments on your articles. Thanks for sharing. serie-master.com

    ReplyDelete
  34. Thanks For sharing this Superb article.I use this Article to show my assignment in college.it is useful For me Great Work. google ads tips

    ReplyDelete
  35. GrayCyan is your best choice for web design and SEO services in the Mississauga & Toronto area. Call for a Free quote and start getting found online. web development agency mississauga

    ReplyDelete
  36. Wow, cool post. I’d like to write like this too – taking time and real hard work to make a great article… but I put things off too much and never seem to get started. Thanks though. small business website designers

    ReplyDelete
  37. Today, I was just browsing along and came upon your blog. Just wanted to say good blog and this article helped me a lot, due to which I have found exactly I was looking. small business website designers

    ReplyDelete
  38. The biggest question when it comes to selecting a web host has always been which one is better between free web hosting and cheap web domain hosting. The word FREE is always enticing but not to every body. If you are serious about making money with your website, it will be to your advantage to have your site independently hosted in a paid platform. https://onohosting.com/

    ReplyDelete
  39. This is a wonderful article, Given so much info in it, These type of articles keeps the users interest in the website, and keep on sharing more ... good luck. diseñador web en méxico

    ReplyDelete
  40. This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here keep up the good work Cheap websites

    ReplyDelete
  41. Various local business listings provide customers the ability to leave reviews about their experiences with a business. Reviews can often affect not only your buy google reviews ​reputation, but also influence a potential new customer's likelihood of choosing to do business with you. Generally, the best way to make sure your online reputation is positive is to actively solicit reviews from all customers. If your business is good, then the number of good reviews will greatly outnumber the bad. However, if you're in business long enough you will get a bad review from time to time. Human nature dictates as much.

    ReplyDelete
  42. I have a similar interest this is my page read everything carefully and let me know what you think. help with data analysis

    ReplyDelete
  43. Thanks for providing recent updates regarding the concern, I look forward to read more. webdesign portugal

    ReplyDelete
  44. Great content, amazing post altogether! keep posting such quality posts would be delighted to be updated with the latest on your blog,
    Regards
    Best Cheap Web Hosting

    ReplyDelete
  45. Everyone has to start at the beginning at some point. On that note, lets begin learning about web hosting. Top Hosting Company in Bangladesh

    ReplyDelete
  46. I have read all the comments and suggestions posted by the visitors for this article are very fine,We will wait for your next article so only.Thanks! Digital Agency Melbourne

    ReplyDelete
  47. This comment has been removed by the author.

    ReplyDelete
  48. All hosting suppliers are isolated into two major gatherings: free web hosts and shared ones. https://onohosting.com/

    ReplyDelete
  49. This comment has been removed by the author.

    ReplyDelete
  50. This comment has been removed by the author.

    ReplyDelete
  51. I wanted to thank you for this great read!! I enjoyed every little bit of it I have you bookmarked to check out new stuff you post.Best Web Designing Company in India

    ReplyDelete

Do your have any questions or suggestions about this blog? Let me know! I'm always happy to receive feedback.