Html shell w kilku słowach

Dłuższą chwilę zastanawiałem się co o tym można napisać i… czy w ogóle pisać, bo narzędzie jest tak proste, że nie bardzo jest co. Ale może komuś akurat się przyda…

Html shell to prosta webaplikacja, w której można wygenerować sobie szablon (szkielet) strony w HTML5. Opcji jest dosłownie kilka i ograniczają się do sekcji „body”. Dołączyć do szkieletu można:

  • Metatagi (author, description, keywords)
  • Faviconę
  • Google Web Fonts
  • CSS (Zalinkowany, osadzony, lub oba na raz)
  • jQuery
  • Dojo Toolkit
  • MooTools
  • Prototype
  • Modernizr
  • Autorun Javascript (po zakończeniu ładowania się strony lub gdy gotowy jest DOM)

I to w zasadzie tyle. :) Do kogo kierowany jest serwis? Chyba najmniej do webdeveloperów – każdy webdeveloper raczej posiada swój własny szkielet strony w HTML-u, jeśli ma za sobą wykonanie niejednego projektu. Ale i im czasami może się przydać, aby szybko mieć dostęp do gotowego szkieletu. A poza nimi? Zapewne w większości dla osób które zaczynają przygodę z tworzeniem stron internetowych, lub na co dzień zajmują się czymś innym, a strona internetowa jest dodatkiem lub potrzebą. Z drugiej strony jeśli popatrzymy na narzędzia, które można dołączyć do szkieletu strony – większość z nich dla początkujących raczej nie jest :) W każdym bądź razie html shell jest ciekawą webaplikacją i z pewnością może być przydatna.

Przykładowy kod który można uzyskać z html shell:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>TITLE</title>
  <meta name="author" content="NAME">
  <meta name="description" content="DESCRIPTION">
  <meta name="keywords" content="KEYWORDS,HERE">
  <link rel="shortcut icon" href="FAVICON.ico" type="image/vnd.microsoft.icon">
  <link rel='stylesheet' href='//fonts.googleapis.com/css?family=FONT1|FONT2ETC' type='text/css'>
  <link rel="stylesheet" href="STYLESHEET.css" type="text/css">
 </head>
 <body>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
  <script src="//ajax.googleapis.com/ajax/libs/dojo/1.7.0/dojo/dojo.js" type="text/javascript"></script>
  <script src="//ajax.googleapis.com/ajax/libs/mootools/1.4/mootools-yui-compressed.js" type="text/javascript"></script>
  <script src="//ajax.googleapis.com/ajax/libs/prototype/1/prototype.js" type="text/javascript"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js" type="text/javascript"></script>
  <script type="text/javascript">
   function autorun()
   {

   }
   if (window.addEventListener) window.addEventListener("load", autorun, false);
   else if (window.attachEvent) window.attachEvent("onload", autorun);
   else window.onload = autorun;
  </script>
 </body>
</html>

Źródło: html shell

Ten wpis został opublikowany w kategorii Internet, Programowanie, WWW i oznaczony tagami , , . Dodaj zakładkę do bezpośredniego odnośnika.

Dodaj komentarz

Musisz się zalogować (także Facebook, Google+, Twitter), aby móc dodać komentarz.