background preloader


Facebook Twitter

HTML5 Animation Tool (Build Interactive CSS3 / HTML5 Animations Without Writing Code) HTML5 und CSS3 mit Hilfe von Modernizr verwenden. Modernizr ist eine praktische Open Source JavaScript-Library, um schon heute HTML5 und CSS3 Elemente für Webseiten-Projekte nutzen zu können.

HTML5 und CSS3 mit Hilfe von Modernizr verwenden

Das Script funktioniert eigentlich recht einfach. Es stellt fest, welche HTML5 und CSS3-Funktionen der jeweils verwendete Browser unterstützt und welche nicht, und fügt dann automatisch entsprechende CSS-Klassen in den html-Tag der Webseite ein. Mit Hilfe dieser CSS-Klassen kannst du dann in deinem Stylesheet arbeiten, und entsprechende Styles für moderne Browser, sowie Fallback-Lösungen für ältere Browser definieren. Modernizr ist also besonders hilfreich, um moderne Features wie @font-face, Multiple Backgrounds oder HTML5-Video zu verwenden, und dennoch alternative CSS-Styles für Browser anbieten zu können, die diese Features noch nicht unterstützen. 1. Um Modernizr verwenden zu können, musst du dir als erstes das aktuelle Script (derzeit 1.6, letztes Update am 25.10.2010) auf der Webseite von Modernizr herunterladen. 2. 3. 4.

CSS Beautifier.

Grid Design

Tools. X-Ray Goggles allow you to see the building blocks that make up websites on the internet.


Activate the goggles to inspect the code behind any webpage, then remix elements with a single click, swapping in your own text, images and more. You can build: a custom homepage for the New York Times an alternate version of a controversial webpage a funny remix of your best friend's favorite site and more! Thimble makes it ridiculously simple to create and share your own web pages. Write and edit HTML and CSS right in your browser, then instantly preview your work. A personalized greeting card an online poster for your favorite movie a hilarious meme and more! Popcorn Maker helps you easily remix web video, audio and images into cool mashups that you can embed on other websites. An animated gif with sound a documentary with dynamic links a video profile to introduce yourself to the world and more! Pocket Full of Canvas.


OnePage Design. Web Design Tools & Inspiration. Create your Google Sitemap Online - XML Sitemaps Generator. Free Website Content - Webmaster tools. Option 1 - Dictionary Lookup Box Option 2 - free content for your website Option 2.1 - for most users Preview: Word of the Day Article of the Day This Day in History Today's Birthday Today's Holiday In the News Quote of the Day Option 2.2 - image format feed In some cases it is impossible to use active scripting on the web page.

Free Website Content - Webmaster tools

Option 2.3 - for advanced users If you need a full control over the layout please place on your page the following code: <! An attribution link as shown in the example above is required.


CSS list-style-type property. The ultimate CSS tools for web designers. Fixed positioning. This post will hopefully be updated when I have done a little more (like explaining stuff and publishing combinations of three, maybe four columns), for now: [...]

Fixed positioning

Anne van Kesteren provides a great CSS positioning resource on his (yes, his) site, simply titled Fixed positioning. If you are a Web designer/developer working with, or learning CSS [...] Posted by Alex Jones » Fixed Positioning [No, not that Alex Jones... Really, I\'m not the Alex Jones you think I am.] at I've encountered a problem with fixed headers: if you jump to an anchor in the middle of the main text, that anchor will be scrolled under the header. Top 10 Best HTML5 Websites of 2012. Here are our editor's picks for the Top 10 Best HTML5 Websites of 2015 based on visual artistry, integrated sound, ease of use, and uniqueness. 1 | The Wilderness Downtown The Wilderness Downtown is an interactive music video for Arcade Fire's song ''We Used to Wait''.

Top 10 Best HTML5 Websites of 2012

Visitors are asked to input the address of the home they grew up in and then the site uses Google Earth and HTML5 to create a personalized music video that takes the user on a journey back home. 2 | Heart of The Artic Heart of The Arctic takes users on an Arctic expedition/scavenger hunt through four distinct environments designed to show users the steps that would be needed to restore climate balance to the arctic region. This site perfectly showcases how Html5 can be used to create fun and educational websites. 3 | Three Dreams of Black 3 Dreams of Black uses HTML5 to promote Danger Mouse and Daniele Luppi's album Rome. The Single Lane Superhighway.