Skip to main content

Home/ Tools for web developers/ Group items tagged html

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Microdata - Dive Into HTML5 - 0 views

diveintohtml5.info/extensibility.html

HTML5 microdata schema structure metadata content data model

shared by Vernon Fowler on 20 Jan 13 - No Cached
  • a third option developed using lessons learned from microformats and RDFa, and designed to be integrated into HTML5 itself: microdata.
  • “Adding microdata” to your page is a matter of adding a few attributes to the HTML elements you already have.
  • So where is the real information? It’s in the <dd> element, so that’s where we need to put the itemprop attribute. Which property is it? It’s the name property. Where is the property value? It’s the text within the <dd> element. Does that need to be marked up? the HTML5 microdata data model says no, <dd> elements have no special processing, so the property value is just the text within the element.
  • ...7 more annotations...
  • This technique is also useful for microdata. There are two distinct pieces of information here: a title and an affiliation. If you wrap each piece in a dummy <span> element, you can declare that each <span> is a separate microdata property.
  • There are two major classes of applications that consume HTML, and by extension, HTML5 microdata: Web browsers Search engines
  • Google supports microdata as part of their Rich Snippets program.
  • a handy tool to see how Google “sees” your microdata properties
  • Just like associating a URL with a Person, you can associate a URL with an Organization. This could be the company’s home page, a contact page, product page, or anything else. If it’s a URL about, from, or belonging to the Organization, mark it up with an itemprop="url" attribute.
  • To handle edge cases like this, HTML5 provides a way to annotate invisible data. This technique should only be used as a last resort. If there is a way to display or render the data you care about, you should do so. Invisible data that only machines can read tends to “go stale” quickly. That is, someone will come along later and update the visible text but forget to update the invisible data. This happens more often than you think, and it will happen to you too.
  • itemscope says that this element is the enclosing element for a microdata item with its own vocabulary (given in the itemtype attribute). All the properties within this element are properties of http://data-vocabulary.org/Geo, not the surrounding http://data-vocabulary.org/Organization.
Sarah HL

Is Your Product's Documentation Good Enough? - 0 views

www.sitepoint.com/ucts-documentation-good-enough

documentation

shared by Sarah HL on 28 Apr 14 - No Cached
  • Tutorials
    • Sarah HL
      Sarah HL on 28 Apr 14
       
      And I can link more tutoriels from share to the doc
Vernon Fowler

Website Error Checker: Accessibility & Link Checker - SortSite - 0 views

www.powermapper.com/...sortsite

accessibility usability tools tool

shared by Vernon Fowler on 24 Oct 16 - No Cached
  • Vernon Fowler on 24 Oct 16
     
    "Checkpoints Accessibility - check WCAG and Section 508 guidelines against many file types: find flashing GIFs, untagged PDFs Broken Links - check for broken links and spelling errors Compatibility - check for HTML, script and image formats that don't work in common browsers Search Engine Optimization - check Google and Bing webmaster guidelines Privacy - check for compliance with EU and US law Web Standards - validate HTML and CSS Usability - check against Usability.gov guidelines"
Vernon Fowler

HTML Table Validator - Table Usability - Working examples - Web Experience To... - 0 views

wet-boew.github.io/...validator-htmltable.html

table markup validator html HTML5 accessibility WCAG tool

shared by Vernon Fowler on 15 Jan 14 - No Cached
  • Vernon Fowler on 15 Jan 14
     
    This validator would help you find any relationship error defined in your complex table.
Vernon Fowler

META SEO inspector v1.8.3 - 0 views

www.omiod.com/meta-inspector.php

metadata LIM225 meta seo inspector chrome extensions html microformats canonical tools

shared by Vernon Fowler on 24 Mar 13 - No Cached
  • Vernon Fowler on 24 Mar 13
     
    A Google Chrome extension useful to inspect the meta data found inside web pages, usually not visible while browsing. Meta data is not just the usual HTML meta tags, but the XFN tags, various microformats, the recently introduced canonical attribute, the no-follow links and so on.
Vernon Fowler

Sea Quail SQL Writing Library - Home - 0 views

seaquail.codeplex.com

LIM225 sql database diagram tool chrome HTML5 generator schema design mysql data

shared by Vernon Fowler on 24 Mar 13 - No Cached
  • Vernon Fowler on 24 Mar 13
     
    Check out the database diagram tool written for Chrome and the HTML 5 canvas. It generates scripts for a database schema based on the diagrams you set up. It's only a proof of concept, but it's fun to play with. http://diagrams.seaquail.net/
Vernon Fowler

Pens picked by the Editors of CodePen - 0 views

codepen.io

javascript css code html webdesign development webdev tools tool

shared by Vernon Fowler on 11 Jun 13 - No Cached
  • Vernon Fowler on 11 Jun 13
     
    CodePen is an HTML, CSS, and JavaScript code editor right in your browser with instant previews of the code you see and write. It's great for showing off your work and seeing what amazing things other people are doing with the web. It's also great for troubleshooting problems and getting critique.
de Villamil Frédéric

Multiple File Upload Support in Safari 4 Public Beta - Observation Point - 0 views

observationpoint.org/...upport-in-safari-4-public-beta

safari upload html5 webstandards webdev

shared by de Villamil Frédéric on 09 Mar 09 - Cached
  • de Villamil Frédéric on 09 Mar 09
     
    Introduced in the HTML 5 specification, the multiple attribute on file inputs (i.e. ) will allow for multiple files to be selected for upload. I had been using the WebKit nightlies and watching for this feature to be enabled in the default builds, but the Safari 4 beta is the first version of Safari that I've seen support this. The original commit to WebKit that added this support was 37863.
Vernon Fowler

The Heads-Up Grid - 0 views

bohemianalps.com/grid

grid responsive css web javascript development html webdesign tools

shared by Vernon Fowler on 13 Sep 11 - No Cached
  • Vernon Fowler on 13 Sep 11
     
    Now Responsive!The Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript.
limle lee

Seo companies philippines - 1 views

started by limle lee on 22 Nov 12 no follow-up yet
Vernon Fowler

Twitter Cards | Twitter Developers - 0 views

dev.twitter.com/cards

metadata twitter developers html socialmedia social content sharing documentation validator

shared by Vernon Fowler on 04 Apr 13 - No Cached
  • Twitter cards make it possible for you to attach media experiences to Tweets that link to your content. Simply add a few lines of HTML to your webpages, and users who Tweet links to your content will have a "card" added to the Tweet that’s visible to all of their followers.
Vernon Fowler

Grumpicon. A Web app for the Grunticon workflow. - 0 views

www.grumpicon.com

svg generator png tools image icons css icon font vector webdesign tool

shared by Vernon Fowler on 17 Jan 14 - No Cached
  • To start, export SVG files for each of your images, drop those files onto the grumpy animal above, then click the 'Downlode it!" button to grab the files.
  • Once downloaded, check out preview.html to see a preview of your icons and their class names. To integrate in your site, you can drop the exported files into a folder on your site and paste the contents of grunticon.loader.txt into the head section of your HTML templates. Note: Be sure to replace the 4 [YOUR PATH HERE] parts of that text with the path to your own grunticon files (a root-relative path often works best across a whole site).
  • Vernon Fowler on 17 Jan 14
     
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
  • Vernon Fowler on 17 Jan 14
     
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
Sarah HL

Welcome - 2 views

I put the tag tools in my bookmarks for all tools. You find interesting stuff ? Bookmark & send it to us ! HTML, XHTML CSS Javascript, Ajax XML JSON Performance Graphic tools Extensions for brow...

lang:fr lang:en tools html css javascript

started by Sarah HL on 13 Feb 09 no follow-up yet
1 - 20 of 46 Next › Last »
Showing 20▼ items per page