Elements that have a set width become wider when they have padding and/or border-width. To avoid these problems, make use of the now common box-sizing: border-box; reset.
A number of simple utilities for manipulating HTML and XML files. See INSTALL for generic installation instructions. Get the source at: http://www.w3.org/Tools/HTML-XML-utils/
The element in HTML is used for displaying tabular data. You can think of it as a way to describe and display data that would make sense in spreadsheet sof
A very nice collection of checkboxes made purely in CSS3 by me. The checkboxes you see above are nothing but the labels for their respective inputs while the
Ample SDK is a standard-based cross-browser JavaScript UI Framework for building Rich Internet Applications. It employs XML technologies (such as XUL, SVG or HTML5) for UI layout, CSS for UI style and JavaScript with standard DOM/jQuery APIs for application logic. It equalizes browsers and brings technologies support to those missing any.
We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.
Socrates is a simple static site generator. It’s geared towards blogs. You write your posts in your favorite plain text to HTML language (e.g. Markdown, textile) and save them as text files on your harddrive. Socrates then takes them, and creates a full HTML site for you. For free, you will get a home page which lists latest posts, single post pages, category pages, archive pages, an about page and an atom feed.
I take a lot of screen shots of the various device breakpoints for responsive design and it takes a while to prepare them. This tools allows me to get what I need quickly, and hopefully it can be helpful for showing your more visual clients what you mean by responsive design when a suite of products isn't at the ready.
YOURLS stands for Your Own URL Shortener. It is a small set of PHP scripts that will allow you to run your own URL shortening service (a la TinyURL or bitly).
File-based + database-free site generators are an increasingly popular approach to building websites and blogs. On this list, most light grey are static site generators, which maintain flat, ready-to-serve html. Others dark grey use a similar file-based cms concept, but output dynamic php.
Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free! Just put the custom url in your code like this:<img src="http://lorempixel.com/400/200" />
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
HTML5 has been around for a while now, it introduces lots of new and exciting new JavaScript and HTML APIs for both mobile and desktop, so in this post you will discover some HTML5 features that will enhance your web apps and will save you a lot of time.
Webby is a fantastic little website management system. It would be called a content management system if it were a bigger kid. But, it’s just a runt with a special knack for transforming text. And that’s really all it does – manages the legwork of turning text into something else, an ASCII Alchemist if you will.
elcome to the Clank demos. Use the controls on the top of the page to control the device you are looking at. For instance, try changing the value of Device to "iPhone 5".
MIT-licensed HTML5 template and CSS framework built for responsive design based on a 12-column grid. The boilerplate contains no JavaScript, just HTML, CSS and example site icons (favicon & iOS).
A MIT-licensed template for HTML5 websites that includes a lot of CSS and JS tweaks and optimizations. It provides support for JQuery, Google Analytics, old browsers, etc.
Wer von den Lesern des Webkrauts-Adventskalenders kann sich noch an S5 von Eric Meyer erinnern? Dieses HTML/CSS basierte Prsentations-Werkzeug war vor ein paar Jahren mal sehr angesagt, momentan ist es etwas ruhiger darum geworden, obwohl dessen Vorteile immer noch auf der Hand liegen. (tags: prsentation html)
Some characters (e.g. the less than and greater than signs) are reserved for HTML markup. In order to display these characters as text, you must enter the HTML entities in the source code. (tags: webdesign html symbol)
Accessing the Internet through devices such as picture frames, netbooks, cell phones and tvs, the benefits of Web standards outweigh those of Flash, esp. when delivering content to various devices. (tags: webdesign html)
Das SELFHTML-Wiki ist eine Dokumentation mit dem Ziel, die essentiellen Webtechnologien zum Webpublishing zu dokumentieren, die bestehende SELFHTML-Dokumentation 8.1.2 zu überarbeiten und zu ergänzen und wichtige Neuerungen aufzunehmen.
SELFHTML 8.1.2 – Die bekannte Dokumentation zu HTML, JavaScript und CGI/Perl – Tutorial und Referenz, mit etlichen Zusatztips zu Design, Grafik, Projektverwaltung usw.
a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented and micro coherent API.
Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too