background preloader

HTML5-Handbuch - Webkompetenz

HTML5-Handbuch - Webkompetenz
Wenn Sie den Inhalt der Site diskutieren möchten - dies ist der leichteste Weg dies zu tun. Klicken Sie hier um den Inhalt der Seite zu ändern. Klicken Sie hier um auf das Ändern von einzelnen Sektionen hin- und herzuschalten (wenn möglich). Achten Sie auf die Überschriften ob daneben ein "Bearbeiten" Link erscheint. Inhalt hinzufügen ohne den ganzen Seiteninhalt zu editieren Prüfen Sie, wie Sie diese Seite sich in der Vergangenheit entwickelt hat. Betrachten und Verwalten von Datei-Anhängen für diese Seite. Einige nützliche Werkzeuge zum Verwalten Ihrer Site Ändern des Namens der Seite (auch URL Adresse, eventuell die Kategorie). Ansicht des Seiten-Quelltextes ohne Änderung. Ansicht /Einsetzen "Eltern" Seite (benutzt um "Breadcrumbs" und Layout-Struktur zu erstellen). Benachrichtigen Sie die Administratoren, wenn Sie anstößige Inhalte auf dieser Seite finden. Einiges funktioniert nicht wie erwartet? Allgemeine Wikidot.com-Dokumentation und Hilfebereich. Wikdiot.com - Datenschutz

Dictionary Lookups in JavaScript I’ve been working on a browser-based word game, naturally written in JavaScript, and have been encountering some interesting technical challenges along the way. I’ve written up my thought process here for others to learn from (note that most of this happened over the course of a month, or so). I’ve often found that while a final solution to a problem may be rather elegant and “make perfect sense” when looking at it – it’s only through the result of much trial and error that the solution was arrived upon. To start, in my game, the user is frequently re-arranging letters – causing the game to look up words in a dictionary to see if they are valid, or not. I’ve taken multiple passes at implementing a solution to this problem, ranging all the way from “I don’t care about performance, I just want it to work” all the way up to “thousands of people could be playing simultaneously, how do I scale?” Server-Side Solution The first pass was stupid simple. Thus you would call the PHP script like so:

Dive Into HTML5 68 Expert Tips to Create a Website That Builds Your Business | Flyte New Media Need a web design or internet marketing tip? Just reach into the jar. ATTENTION: Join us on 5/30/2013 for a FREE live webinar on Turning Likes Into Sales. Last month at the Social Media FTW conference flyte had a booth promoting our services. At our booth was a tip jar. However, instead of asking attendees to leave loose change behind, we asked them to pull a web design or internet marketing tip out of the jar. Despite the fact that there were over 400 people at the conference, recent population surveys tell us that many more couldn’t make it. So, to share the knowledge, here’s our list of web design and internet marketing tips that appeared in the jar. Web Design Tips: To increase contact form conversion rates keep the number of fields to 5 or less.Good web design is not just about pretty pictures. Web Marketing Tips: Thanks to Ryan Goan for the web design tips, and Joan Crocker and Nicki Hicks for the web marketing tips. Rich BrooksDelegating Photo credit: Tina Burnell

HTML5 sectioning elements, headings, and document outlines A subject I have returned to a couple of times is how to use headings to make good document outlines in HTML documents. See Headings and document structure conclusions for a summary of my reasoning. Recently I’ve been taking a closer look at how HTML5 changes the way document outlines are created. The HTML 4.01 outline To explain what I mean, let’s look at some examples. <body><div id="header">Site title etc. That creates the following document outline (you can use the Web Developer extension to check document outlines): Article title Article sub-heading Article sub-sub-heading Sidebar heading Sidebar sub-heading Footer heading You could argue that the sidebar and footer headings don’t really belong in the outline for the Article title, but let’s leave that aside for now. The HTML5 outline So let’s take the HTML 4.01 structure and change it to make use of the sectioning elements in HTML5. <body><header> Site title etc. Say what? The footer is now the header? First the footer.

HTML 5.1 Nightly This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at The management and production of this document follows a relatively complex setup. This document was published by the HTML Working Group as a Working Draft. Publication as a Working Draft does not imply endorsement by the W3C Membership. This document was produced by a group operating under the 5 February 2004 W3C Patent Policy. Basic Drupal SEO Tutorial: On-site Optimization Summary Enable Clean URLsEnable Path Module and install and enable Pathauto, Global Redirect and Token Modules.Configure the Pathauto ModuleInstall and enable the Meta Tags Module.Install enable the Page Title ModuleDo NOT install the Drupal Sitemap Module.Fix .htaccess to redirect to "www" or remove the "www" subdomain.Fix your theme's HTML headers if they aren't rightRecommended: create a custom front pageModify your robots.txt file. Enable clean URLs Search engines prefer clean URLs. In Drupal 6, clean URLs should be automatically enabled if your server allows it. In Drupal 5 you can enable clean URLs under administer —> settings —> Clean URLs. Install the pathauto module and enable it The pathauto module is highly recommended. Think carefully about how you want your URLs to look. At the very least, enable the path module and install the pathauto module. Caution: The above advice is directed towards new Drupal sites. Here are some pathauto settings to watch out for: Drupal Rewrite Rules

Semantics You are here: Home Dive Into HTML5 Diving In This chapter will take an HTML page that has absolutely nothing wrong with it, and improve it. Parts of it will become shorter. Parts will become longer. Here is the page in question. The Doctype From the top: This is called the “doctype.” Microsoft came up with a novel solution. This idea spread like wildfire, and soon all major browsers had two modes: “quirks mode” and “standards mode.” In his seminal work, Activating Browser Modes with Doctype, Henri Sivonen summarizes the different modes: Quirks Mode In the Quirks mode, browsers violate contemporary Web format specifications in order to avoid “breaking” pages authored according to practices that were prevalent in the late 1990s. (You should read the rest of Henri’s article, because I’m simplifying immensely here. Now then. That happens to be one of the 15 doctypes that trigger “standards mode” in all modern browsers. This is the HTML5 doctype: That’s it. The Root Element The <head> Element <!

HTML5 This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at This document was published by the Web Platform Working Group as a W3C Recommendation for HTML 5.2 that would obsolete the HTML 5.1 Recommendation. This document was produced by a group operating under the W3C Patent Policy.

Top 10 Joomla Extensions When it comes to website creation, Joomla represents a great option for beginning and advanced webmasters alike. Combining the ease-of-use of WordPress with the functionality of the Drupal CMS, Joomla makes it easy to create and manage professional-looking websites. However, “out of the box” Joomla is missing many of the features deemed essential by today’s business owners. To expand your Joomla site, you’ll need to add extensions. For a few of our favorite options, check out the following popular Joomla add-ons: Extension #1 – K2 Although Joomla has plenty of different advantages, ease of content editing isn’t one of them – at least, not without the K2 extension. Extension #2 – SH404SEF Though its title may look nonsensical, the SH404SEF extension is a powerful solution for turning your Joomla site into an SEO powerhouse. Extension #3 – JCE Editor Not a technically-minded developer? Extension #4 – Mobile Joomla Extension #5 – SwMenu Extension #6 – FrontPage Slideshow Extension #7 – XMAP

HTML5 Canvas Demos and Applications To Make You Say WOW Our today’s post is on HTML5 Canvas Applications and Demos. Being the last day of this calender year, we were bit skeptical on topic to choose. After thinking for quite a while we chose HTML5 Canvas Applications over others as we wanted to portray a different subject. In this post, you will be able to check the power of HTML5. The Most astonishing facet of HTML5 is the HTML5 canvas. The canvas element is a drawable region defined in HTML code with height and width attributes. Advertisement DeviantART muro The tool can be used as a stand-alone web application as well as a lightweight drawing tool for adding pictures to forum comments. More Info on DeviantART muro Super Mario Kart Play JavaScript Super Mario Kart Online. More Info on Super Mario Kart Canvas Cartoon Animation that’s as good as Flash This short animation is as good as Flash, this is surely to amaze you. More Info on Canvas Cartoon Animation that’s as good as Flash Asteroid Belt sample More Info on Asteroid Belt sample Bert’s Breakdown

HTML5 Please - Use the new and shiny responsibly Build a Neat HTML5 Powered Contact Form In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser's built-in form validation. We will use jQuery and Modernizr to help out with the older browsers, and PHP on the server side to validate the input. Step 1: Getting Started To begin, we need to setup our directory and files. For more information on the HTML5 boilerplate check out this guide on Nettuts+. Once downloaded and unpacked, delete everything but index.html and the css and js folders. That's all we need to get started! Step 2: The Form Open index.html, and remove everything within the #container element. This is all the HTML we will need for our form. ul#errors and p#success will be holders for our error and success messages. In HTML5, we do this by adding the 'required' attribute. Enquiry is a standard select element, and message is a typical textarea -- nothing new here.

dygraphs JavaScript Visualization Library

Related: