Servit Open Source Solutions - Web Technologies http://www.servit.ch/taxonomy/term/1/0 en HTML 5 http://www.servit.ch/blogpost/blog/html-5 <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="200" height="217" alt="" src="http://www.servit.ch/sites/default/files/http.png?1265895201" /> </div> </div> </div> <p>Hyper Text Markup Language (HTML) is the core language of the World Wide Web. During the early nineties it evolved from Standard Generalized Mark-Up Language (SGML), an internationally agreed upon method for marking up text into structural units such as paragraphs, headings, list items and so on, . However development of HTML stopped in 1999 with HTML 4. During the last decade W3C, the group that is responsible for maintaining HTML standard, focused its efforts mainly on changing the underlying syntax of HTML from SGML to XML (XHTML 1.0).</p> <p><a href="http://www.servit.ch/blogpost/blog/html-5" target="_blank">read more</a></p> http://www.servit.ch/blogpost/blog/html-5#comments Web Technologies Mon, 06 Jul 2009 07:10:21 +0000 root 46 at http://www.servit.ch Layout & Interaction with CSS & Javascript - Tech Newsletter 002 http://www.servit.ch/blogpost/blog/layout-interaction-css-javascript-tech-newsletter-002 <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="160" height="120" alt="" src="http://www.servit.ch/sites/default/files/css.jpg?1275554547" /> </div> </div> </div> <p class="western">After covering the basic principles of the World Wide Web and HTML in the last issue of Servit Tech Newsletter we will have a look this time at two technologies which make all the fancy designs and the fast and interactive websites possible: Cascading Style Sheets and Javascript. Enjoy learning and dive deeper into the mysteries of the web.</p> <p class="western">&nbsp;</p> <p class="western"><em><strong>Find the complete article as PDF file at the end.</strong></em></p> <p class="western">&nbsp;</p> <div class="field field-type-filefield field-field-blog-file"> <div class="field-label">attachments:&nbsp;</div> <div class="field-items"> <div class="filefield-file"><img class="filefield-icon field-icon-application-pdf" alt="application/pdf icon" src="http://www.servit.ch/sites/all/modules/filefield/icons/application-pdf.png" /><a href="http://www.servit.ch/sites/default/files/Servit_Tech_Newsletter_002_-_Layout_and_Interaction.pdf" type="application/pdf; length=127967">Servit_Tech_Newsletter_002_-_Layout_and_Interaction.pdf</a></div> </div> </div> <p><a href="http://www.servit.ch/blogpost/blog/layout-interaction-css-javascript-tech-newsletter-002" target="_blank">read more</a></p> http://www.servit.ch/blogpost/blog/layout-interaction-css-javascript-tech-newsletter-002#comments Web Technologies Sun, 08 Feb 2009 17:45:59 +0000 root 14 at http://www.servit.ch Ajax http://www.servit.ch/blogpost/blog/ajax <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="164" height="145" alt="" src="http://www.servit.ch/sites/default/files/ajax.jpg?1265892721" /> </div> </div> </div> <p>AJAX stands for Asynchronous Javascript and XML. It is a group of interrelated web development techniques used to create interactive web applications.</p> <p>The mostly on Javascript based techniques allow to have web pages which load data in the background and update their content accordingly. Without Ajax this would require a page reload.</p> <div class="field field-type-link field-field-blog-link"> <div class="field-label">related articles:&nbsp;</div> <div class="field-items"> <span class="field-item"><a href="http://wikipedia.org/wiki/AJAX">Wikipedia about Ajax</a></span> <span class="field-item"><a href="http://www.w3schools.com/Ajax">Ajax Tutorial at w3schools</a></span> <span class="field-item"><a href="http://www.ajaxdaddy.com/demo-ajax-tabs.html">Ajax demo</a></span> </div> </div> <p><a href="http://www.servit.ch/blogpost/blog/ajax" target="_blank">read more</a></p> http://www.servit.ch/blogpost/blog/ajax#comments Web Technologies Mon, 02 Feb 2009 10:21:18 +0000 root 22 at http://www.servit.ch Javascript http://www.servit.ch/blogpost/blog/javascript <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="200" height="150" alt="" src="http://www.servit.ch/sites/default/files/javascript1.png?1269524053" /> </div> </div> </div> <p>Javascript brings life to websites!</p> <p>Javascript is a programming language, or more precisely a scripting language, which is executed in the browser.</p> <p>That means if you load a web page with your Firefox browser, the browser will run the Javascript code embedded in the web page. This allows to implement some program logic on a web page itself instead of having all the logic on the server.</p> <div class="field field-type-link field-field-blog-link"> <div class="field-label">related articles:&nbsp;</div> <div class="field-items"> <span class="field-item"><a href="http://wikipedia.org/wiki/JavaScript">Wikipedia about JavaScript</a></span> </div> </div> <p><a href="http://www.servit.ch/blogpost/blog/javascript" target="_blank">read more</a></p> http://www.servit.ch/blogpost/blog/javascript#comments Web Technologies Mon, 02 Feb 2009 10:13:30 +0000 root 24 at http://www.servit.ch PHP http://www.servit.ch/blogpost/blog/php <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="300" height="193" alt="" src="http://www.servit.ch/sites/default/files/php-logo.jpg?1265892341" /> </div> </div> </div> <p>PHP is a widely-used general-purpose scripting language that is especially suited for web development and can be embedded into HTML code. It generally runs on a web server, taking PHP code as its input and creating web pages as output. It can be deployed on most web servers and on almost every operating system and platform free of charge.</p> <p>A bit less technicaly speaking, most of the dynamic websites you open are generated by a program that was written in PHP.</p> <div class="field field-type-link field-field-blog-link"> <div class="field-label">related articles:&nbsp;</div> <div class="field-items"> <span class="field-item"><a href="http://www.php.net/">http://www.php.net/</a></span> <span class="field-item"><a href="http://wikipedia.org/wiki/PHP">Wikipedia about PHP</a></span> <span class="field-item"><a href="https://www.ohloh.net/p/php">Facts &amp; Figures by ohloh</a></span> </div> </div> <p><a href="http://www.servit.ch/blogpost/blog/php" target="_blank">read more</a></p> http://www.servit.ch/blogpost/blog/php#comments Web Technologies Mon, 02 Feb 2009 10:10:02 +0000 root 16 at http://www.servit.ch Prototype http://www.servit.ch/blogpost/blog/prototype <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="164" height="145" alt="" src="http://www.servit.ch/sites/default/files/prototype.jpg?1265892584" /> </div> </div> </div> <p>Prototype is a Javascript framework similar to <a href="/blogpost/blog/jquery">jQuery</a>. It aims to ease development of dynamic web applications. Prototype is open source and available under MIT licence.</p> <div class="field field-type-link field-field-blog-link"> <div class="field-label">related articles:&nbsp;</div> <div class="field-items"> <span class="field-item"><a href="http://www.prototypejs.org/">http://www.prototypejs.org</a></span> <span class="field-item"><a href="http://en.wikipedia.org/wiki/Prototype_JavaScript_Framework">Wikipedia about Prototype</a></span> <span class="field-item"><a href="https://www.ohloh.net/p/prototype">Facts &amp; Figures by ohloh</a></span> </div> </div> <p><a href="http://www.servit.ch/blogpost/blog/prototype" target="_blank">read more</a></p> http://www.servit.ch/blogpost/blog/prototype#comments Web Technologies Mon, 02 Feb 2009 10:03:27 +0000 root 20 at http://www.servit.ch Scriptaculous http://www.servit.ch/blogpost/blog/scriptaculous <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="400" height="123" alt="" src="http://www.servit.ch/sites/default/files/scriptaculous_logo.png?1269523841" /> </div> </div> </div> <p>Scriptaculous is the Javascript show off. It is a Javascript library built on the <a href="http://www.servit.ch/blogpost/blog/prototype">Prototype Javascript Framework</a> and provides dynamic visual effects and user interface elements.</p> <p>&nbsp;</p> <p>With Scriptaculous a Javascript developer can create animations and user interfaces fast and without worrying about browser incompatibilities.</p> <div class="field field-type-link field-field-blog-link"> <div class="field-label">related articles:&nbsp;</div> <div class="field-items"> <span class="field-item"><a href="http://script.aculo.us/">http://script.aculo.us</a></span> <span class="field-item"><a href="http://en.wikipedia.org/wiki/Scriptaculous">Wikipedia about script.aculo.us</a></span> <span class="field-item"><a href="https://www.ohloh.net/p/scriptaculous">Facts &amp; Figures by ohloh</a></span> </div> </div> http://www.servit.ch/blogpost/blog/scriptaculous#comments Web Technologies Mon, 02 Feb 2009 09:58:01 +0000 root 30 at http://www.servit.ch jQuery http://www.servit.ch/blogpost/blog/jquery <div class="field field-type-filefield field-field-image-blog"> <div class="field-label">Image:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image_blog" width="268" height="268" alt="" src="http://www.servit.ch/sites/default/files/jquery-logo.png?1269523668" /> </div> </div> </div> <p>jQuery is a Javascript framework, similar to Prototype. It is open source and available under MIT and GPL Licenses.</p> <p>Compared to Prototype jQuery, it is more lightweight and concise but has lacks of object oriented concepts like classes and inheritance. <br />Lightweight is a big advantage of jQuery considering big file size and page load time.</p> <p>&nbsp;</p> <p>Do you want to know more?</p> <p>Please refer to the <a href="http://www.servit.ch/blogpost/blog/prototype">Prototype article</a>.</p> <div class="field field-type-link field-field-blog-link"> <div class="field-label">related articles:&nbsp;</div> <div class="field-items"> <span class="field-item"><a href="http://www.jquery.com/">http://www.jquery.com/</a></span> <span class="field-item"><a href="http://en.wikipedia.org/wiki/Jquery">Wikipedia about jQuery</a></span> <span class="field-item"><a href="https://www.ohloh.net/p/jQuery">Facts &amp; Figures by ohloh</a></span> </div> </div> http://www.servit.ch/blogpost/blog/jquery#comments Web Technologies Mon, 02 Feb 2009 09:41:48 +0000 root 32 at http://www.servit.ch