Free Meta Tag Generator List of XML and HTML character entity references - Wikipedia, th Although in popular usage character references are often called "entity references" or even "entities", this usage is wrong.[citation needed] A character reference is a reference to a character, not to an entity. Entity reference refers to the content of a named entity. An entity declaration is created by using the <!ENTITY name "value"> syntax in a document type definition (DTD) or XML schema. Then, the name defined in the entity declaration is subsequently used in the XML. Character reference overview[edit] A numeric character reference refers to a character by its Universal Character Set/Unicode code point, and uses the format &#nnnn; or &#xhhhh; where nnnn is the code point in decimal form, and hhhh is the code point in hexadecimal form. In contrast, a character entity reference refers to a character by the name of an entity which has the desired character as its replacement text. &name; where name is the case-sensitive name of the entity. Standard public entity sets for characters[edit]
How to Make a Smooth Animated Menu with jQuery Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we’ll aim to do just that by building a menu and animate it with some smooth effects. The Goal – One Smooth Menu Here’s a demo of what we’ll end up with by the end. Introduction – An explanation of easing The menu has such a smooth animation because of a thing called “easing”. “The term easing refers to gradual acceleration or deceleration during an animation, which helps your animations appear more realistic. Thanks to the magic of the jQuery Easing plugin, we can now use easing outside of Flash and Actionscript environments. Step 1 – Set up the Structure Before starting with any jQuery, we’ve got to build a quick menu structure with XHTML and load in the required project files. Nothing out of the ordinary here. Then copy in this menu structure into the body: Menu items have a class assigned to it that will designate the color of the block. Step 3 – Style with CSS Step 4 – Animate with jQuery
untitled Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo → Built on d3.js It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Open Source Rickshaw is free and open source, available under the MIT license. Getting Started Here's a minimal but complete working example. Area Graphs Lines Bars Scatterplot Interactive Legend Add a basic legend: Add functionality to toggle series' visibility on and off: Highlight each series on hover within the legend: Add drag-and-drop functionality to re-order the stack (requires jQueryUI): Interactive Hover Details Show the series value and formatted date and time on hover: Specify formatting callbacks to customize output: See the custom formatter and subclass examples for more. Annotations Add toggleable annotations: annotator.add(timestamp, message);annotator.update(); Range Slider Graphs & Data via AJAX / JSONP Tutorial
Position y Float El valor predeterminado para todos los elementos es position:static, que posiciona al elemento según el lugar donde fue definido en el HTML. Por lo general no hay necesidad de definir position:static, a menos que querramos caerle encima a alguna regla anterior que haya modificado el posicionamiento. Si le definimos position:relative a un elemento, entonces podemos utilizar top, bottom, left y right para mover el elemento con relación a la posición en la que aparecería normalmente en el documento. Movamos el div-1 20 pixeles hacia abajo y 40 pixeles hacia la izquierda: Fíjate que en el lugar donde hubiese aparecido el div-1 ahora hay un espacio en blanco. El elemento siguiente (div-2) no cambió de posición porque ese espacio en blanco le sigue perteneciendo al div-1, aunque lo hayamos movido. Parecería que position:relative no es muy útil, pero tendrá una tarea muy importante más adelante. Movamos el div-1a a la esquina superior derecha de la página:
SELFHTML 8.0 (réaliser soi-même des fichiers HTML) SELFHTML stellt seit 1995 eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung. Wir möchten dabei besonders … Anfängern die Grundlagen vermitteln und Kurse in deutscher Sprache anbieten Fortgeschrittenen ein Nachschlagewerk bereitstellen Discord SELFHTML hat einen Discord-Kanal, bei dem Sie Fragen rund um HTML und Programmierung stellen können. Everyone’s a publisher SELFHTML gehört seit vielen Jahren zu den bekanntesten Dokumentationen über das Erstellen von Web-Seiten. Fertige Content Management Systeme, soziale Netzwerke und andere Plattformen bieten dafür ebenfalls Mittel an. Wollen Sie aber eine individuelle Webseite gestalten, müssen Sie sich mit den grundlegenden Werkzeugen vertraut machen. Für Fragen zum Inhalt und Diskussionen steht das SELFHTML-Forum zur Verfügung.
Sexy Drop Down Menu w/ jQuery & CSS Jun 02 2009 Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. View Demo of Sexy Drop Down Menu Step1. First create an unordered list for your base top navigation. <ul class="topnav"><li><a href="#">Home</a></li><li><a href="#">Tutorials</a><ul class="subnav"><li><a href="#">Sub Nav Link</a></li><li><a href="#">Sub Nav Link</a></li></ul></li><li><a href="#">Resources</a><ul class="subnav"><li><a href="#">Sub Nav Link</a></li><li><a href="#">Sub Nav Link</a></li></ul></li><li><a href="#">About Us</a></li><li><a href="#">Advertise</a></li><li><a href="#">Submit</a></li><li><a href="#">Contact Us</a></li></ul> Step2. Next, it’s time to style the navigation wireframe with CSS. Step3. jQuery For those who are new to jQuery, you can learn about it here. Conclusion Homepage
Firefox – tons of tools for web developers! One of the goals of Firefox have always been to make the lives of web developers as easy and productive as possible, by providing tools and a very extensible web browser to enable people to create amazing things. The idea here is to list a lot of the tools and options available to you as web developers using Firefox. Native developer tools in Firefox We are working on building a great set of developer tools for you included in Firefox. We are evaluating and experimenting with a number of user interfaces and code approaches to try and find the most optimal ways to work with code in a page. Also stay tuned to this blog, since we will post updates on progress and features for the native Developer Tools. Firebug By far, the most well-known web developer tool in a web browser is the Firebug extension, and without a doubt, for a long time it set the bar for how web developing and debugging should be. Firefox extensions for web developers All in One Sidebar CacheToggle Colorzilla Console² CSS Reloader
Initializr - HTML5 Boilerplates Web Browser Standards Support This document will summarize the level of support for web standards and maturing technologies in popular web browsers. It covers the Internet Explorer, Firefox, and Opera web browsers, with focus on the HTML, CSS, DOM, and ECMAScript technologies. How to interpret these tables Up Each row corresponds to a feature of the particular web standard or maturing specification. Some features are listed as a summary of another group of features on the tables. Some summary features summarize a feature breakdown that is not written out on these tables but is obvious in the standard's specification, such as a predefined set of possible values for an attribute in HTML. The tables on this page and the summary page are in summarized form. Some feature ratings have explanations associated with them, particularly for those with an “I” rating. There are three families of web browsers shown here by default: IE, Firefox, and Opera. How features are rated Specification maturity levels About other browsers
jQuery: The Write Less, Do More, JavaScript Library CSS Reference Style rule syntax style-rule ::= selectors-list { properties-list } Where: selectors-list ::= selector[:pseudo-class] [::pseudo-element] [, selectors-list] properties-list ::= [property : value] [; properties-list] See the index of selectors, pseudo-classes, and pseudo-elements below. Style rule examples css For a beginner-level introduction to the syntax of selectors, see our guide on CSS Selectors. At-rule syntax As the structure of at-rules varies widely, please see At-rule to find the syntax of the specific one you want. The following are the various selectors, which allow styles to be conditional based on various features of elements within the DOM. Basic selectors Basic selectors are fundamental selectors; these are the most basic selectors that are frequently combined to create other, more complex selectors. Combinators Next-sibling combinator A + B Subsequent-sibling combinator A ~ B Child combinator A > B Descendant combinator A B Column combinator A || B Experimental Pseudo Pseudo classes :
Initializr: With Great Templates Comes Great Responsivity! | @verekia's blog Today I'm proud to announce that a "Responsive template" is now available on Initializr! It will help you dealing with all the various devices used to display your site. Mobiles, tablets, netbooks, laptops, desktop monitors, HUGE desktop monitors... Making your site work correctly on all these devices is a real nightmare. About responsive web design For those who have been living in a cave for the last few months (understand: for those who have a life and don’t spend days reading tweets and blogs) you probably need a short update about what a "responsive" design is. To design a responsive layout, we have to forget about the usual static 960px width layouts and go fluid with percentage widths and media queries. A fluid layout with percentage widths The first thing our page needs is a "fluid" layout. Mobile-first approach media queries Media queries are a cool way to specify different styles depending on the device used (by aiming particular screen resolutions or orientations for example).
Character entity references in HTML 4 24.1 Introduction to character entity references A character entity reference is an SGML construct that references a character of the document character set. This version of HTML supports several sets of character entity references: ISO 8859-1 (Latin-1) characters In accordance with section 14 of [RFC1866], the set of Latin-1 entities has been extended by this specification to cover the whole right part of ISO-8859-1 (all code positions with the high-order bit set), including the already commonly used , © and ®. The names of the entities are taken from the appendices of SGML (defined in [ISO8879]). symbols, mathematical symbols, and Greek letters. The following sections present the complete lists of character entity references. 24.2 Character entity references for ISO 8859-1 characters The character entity references in this section produce characters whose numeric equivalents should already be supported by conforming HTML 2.0 user agents. 24.2.1 The list of characters <!