background preloader

HTML Tags / Codes / Web Page Design

HTML Tags / Codes / Web Page Design
Related:  HTML5

HTML XHTML Entities Character Entity References in HTML 4 and XHTML 1.0 Here is a set of tables containing the 252 allowed entities in HTML 4 and XHTML 1.0, as described in section 24 of the official HTML 4 specifications, published by the W3C. I have divided them into my own, hopefully logical, categories: Each table has five columns. The first column contains the entity reference, in the form &entity_name;, that is, an ampersand, the entity name, and then a semi colon. The second column displays how that entity appears in your browser. The fifth column contains a description of the character, and an occasional note. There are many ways to order character entities. For more information on how to use these entities in your Web pages, see HTML, XHTML, and CSS, Sixth Edition by Elizabeth Castro. Entities for characters with special meaning in HTML and XHTML Entities for accented characters, accents, and other diacritics from Western European Languages Entities for punctuation characters

RGB-to-Hex Color Converter RGB-to-Hex Conversion Question: How do I convert RGB values of a color to a hexadecimal string? Answer: The RGB-to-hexadecimal converter algorithm is simple: make sure that your values are in the range 0...255, convert R, G, B to hex strings, and then concatenate the three hex strings together. Convert RGB to Hex color values here: function rgbToHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)} function toHex(n) { n = parseInt(n,10); if (isNaN(n)) return "00"; n = Math.max(0,Math.min(n,255)); return "0123456789ABCDEF".charAt((n-n%16)/16) + "0123456789ABCDEF".charAt(n%16); } Notes: The script parses the input R, G, B values as integers using the standard function parseInt(string,10); the second, optional argument 10 specifies that the value must be parsed as a decimal number. RGB/hex codes for named colors supported in most browsers are listed below: See also:

Resources for HTML5 game developers Today we released Firefox 31 and it offers a couple of new features that help HTML5 game developers to code and debug sophisticated games. In addition Mozilla blogged about the first commercial games leveraging asm.js, Dungeon Defenders Eternity and Cloud Raiders both of which were cross-compiled in to JavaScript using the Emscripten compiler. Games like these show that HTML5 is ready as a game platform. If you are interested in working with Emscripten you can get more information at the main Emscripten wiki or grab the code on the github page. In this post we’ll introduce you to some of the resources built by Mozillians that allow you to code and debug HTML5 based games. Where To Start When developing an HTML5 based game, you have a lot of choices to make. One of the key resources available for game developers on MDN is the Games Zone. In the meantime here are a few posts and MDN articles that help game developers getting started. Tools Canvas Debugger Shader Editor Web Audio Editor Web IDE

Learn to Code: Programming Tutorials and Resources Getting started with HTML5 Everybody's talking about HTML5, understand how to use some of it's best features. Learning jQuery with Street Fighter Gain a basic understanding of jQuery and how to use it on your own projects. Make a Valentine's Day E-Card Share the love with that special someone: Build a holiday card and learn HTML & CSS. A Guide to GitHub Pages Follow this step-by-step guide and launch your own GitHub page. Javascript Best Practices Part 1 Master JavaScript's best practices — with code samples and examples. Javascript Best Practices Part 2 Learn more best practices and start writing readable & efficient code. Adding Sound (HTML5) Learn to use the HTML5 audio tag to embed music in your webpages. Want More? Receive our latests guides and learning resources via email

Learn HTML5 and CSS3 Latest Discussions 7 mins ago by Rakesh Devare Forum: tip/trick "Captcha Code Implemantation In MVC" by Member 10315646 I used Log4Net in my project (It's a Windows Service) for logging, i want to know is there any way to schedule Log4Net to log automatically ? by hasbina hI I want to set the background image to jquery ui-icon-triangle-1-s 'ui-icon-triangle-1-s'the below css not workg.:-( .styled-select { width: 240px; height: 34px; overflow: hidden; background: ui-icon-triangle-1-s no-repeat right #ddd; border: 1px solid #ccc;... by RCWL Hi,I'm currently building an add-in for Project 2013 and need to capture the file print event.As far as I know, the only available event handlers are Application.ProjectBeforePrint and Project.BeforePrint, but both seems to get invoked when:1. by Kriti Sharma 10400841

Myths About XForms and HTML 5 Myths About XForms and HTML 5 XForms, Not Ex-Forms With all the buzz about HTML 5, there are many who think that XForms is no longer relevant or necessary. After all, no browser supports it, so how can anyone use it? MVC: The XForms-XML-HTML Connection One of the key benefits of using XML is that it provides the ability to separate the appearance of the data from the meaning of the data. XForms and HTML are both W3C standards, and both can present a form to the user. The Model-View-Controller (MVC) architecture is a popular design pattern that is used in many software systems to separate the business logic and application data from the user interface. XForms implements the three components of the MVC architecture by using the XForm form and model components combined with server-side code. Stop Me if You’ve Heard This One: There are two myths that seem to persist around the XForms technology. Myth #1: XForms is a client side technology that requires special browser support.

Top 10 Best HTML5 Websites of 2014 Here are our editor's picks for the Top 10 Best HTML5 Websites of 2016 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''. 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. 3 | Three Dreams of Black 3 Dreams of Black uses HTML5 to promote Danger Mouse and Daniele Luppi's album Rome. 4 | Enjoy Your Privacy The website was created to warn consumers about the dangers of not using password protection on their mobile devices.

Fabio Biondi blog » HTML5 Chrome Packaged Apps and Arduino: bidirectional communication via serial In this article I provide you all the code you need to create a Chrome Packaged App built in HTML/JQuery to send and get data (in JSON format) from Arduino using the chrome.serial API, enabling a bidirectional communication between them. A Chrome Packaged App allows developers to write an HTML/JS/CSS web application that look and behave like desktop native apps (just like Phonegap does for HTML5 mobile hybrid apps). The advantage of using this technology is that you can use many special API to access filesystem, usb, bluetooth, serial (used in this article) and a lot of other interesting features of your OS. If you have never used them you should read the Getting Started guide and try to create an Hello World application. We need to enable a bidirectional communication among Arduino and an HTML app via Serial: 1) The HTML/Chrome App should turn ON / OFF a led by clicking a < button > See it in action in the following video: This time I have not created the example from scratch. manifest.json:

Starter for the new HTML5 game developers Below you'll find useful links to resources that will help youfind your way into HTML5 game development. This list is maintained by Andrzej Mazur from Enclave Games, creator of the js13kGames competition. Contact him directly if you want to buy HTML5 games. You can also subscribe to the Gamedev.js Weekly newsletterfor HTML5 gamedev updates every Friday. Engines and frameworks#frameworks Building a game from scratch is not always a good idea, so better look around and find yourself the framework you'll be comfortable with which will speed up development time. Tutorials and articles#tutorials Read tutorials, learn from others, avoid their mistakes and use what you know to build top-class HTML5 game. Gamedev Tuts+ - the best place to find game development tutorials Mobile Tuts+ - nice collection of mobile HTML5 related tutorials Build New Games - initiative to deliver top quality tutorials on the web Doctor HTML5 Games - useful tips and tricks for your problems News#news APIs and Ads#api

The HTML5 Family: Microdata Overview | Blog | Sencha The Web is, and has always been, about sharing data. When data can be processed, organized, structured or presented in a given context so as to make them useful, they become powerful information. Microdata, a part of the HTML5 Family, is a way of embedding information in your web page that provides machine-readable context to your existing plain data. Give your web app more context by adding Microdata. Here are a few examples: All of this is possible with a few extra attributes and the evolution of Microformats as standardized in Microdata. How To Implement Microdata The Microdata DOM API is incredibly straightforward and requires only two attributes: itemscope and itemprop. Each "item", designated on the container element with itemscope acts as a wrapper for the child elements marked with named properties, or itemprop. If itemprop appears on a: <a>, <area>, <audio>, <embed>, <iframe>, <img>, <link>, <object>, <source>, or <video> element <time> element <meta> element anything else Conclusion

The HTML5 Family: Microdata Overview | Blog | Sencha The Web is, and has always been, about sharing data. When data can be processed, organized, structured or presented in a given context so as to make them useful, they become powerful information. Microdata, a part of the HTML5 Family, is a way of embedding information in your web page that provides machine-readable context to your existing plain data. Give your web app more context by adding Microdata. Here are a few examples: All of this is possible with a few extra attributes and the evolution of Microformats as standardized in Microdata. How To Implement Microdata The Microdata DOM API is incredibly straightforward and requires only two attributes: itemscope and itemprop. Each "item", designated on the container element with itemscope acts as a wrapper for the child elements marked with named properties, or itemprop. If itemprop appears on a: <a>, <area>, <audio>, <embed>, <iframe>, <img>, <link>, <object>, <source>, or <video> element <time> element <meta> element anything else Conclusion

HTML5 Microdata and Schema.org By Jason Ronallo Foundation HTML elements have semantics. For example, an ol element is an ordered list, and by default gets rendered with numbers for the list items. HTML5 provides new semantic elements like header, nav, article, aside, section and footer that allow more expressiveness for page authors. A bunch of div elements with various class names is no longer the only way to markup this content. These new HTML5 elements enable new tools and better services for the Web ecosystem. While these new elements provide extremely useful extra information about the sections of content, they do not really describe what the HTML document is about. Fortunately HTML5 includes a syntax called Microdata, that allows web publishers to layer richly structured metadata directly into their Web presentations. To Embed Or Not To Embed One way to communicate structured metadata in HTML is to link your HTML presentation to an alternate representation of your data. A Short History of Structured Data in HTML

Related: