html.json

{
    "html": [
        {
            "url": "http://github.com/necolas/idiomatic-html",
            "title": "Principles of writing consistent, idiomatic HTML",
            "description": "The following document outlines a reasonable style guide for HTML development. These guidelines strongly encourage the use of existing, common, sensible patterns. They should be adapted as needed to create your own style guide.",
            "author": "Nicolas Gallagher",
            "author-link": "http://nicolasgallagher.com",
            "author-mail": "nicolas@nicolasgallagher.com",
            "tags": [
                "html best practises",
                "code style guides",
                "best practises"
            ]
        },
        {
            "url": "http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/",
            "title": "The media object saves hundreds of lines of code",
            "author": "Nicole Sullivan",
            "tags": [
                "performance",
                "css",
                "html5",
                "media"
            ]
        },
        {
            "url": "http://html5doctor.com/the-section-element/",
            "title": "The section element",
            "tags": [
                "tags",
                "html5",
                "semantics",
                "section"
            ]
        },
        {
            "url": "http://svgpocketguide.com/book/",
            "title": "Pocket Guide to Writing SVG",
            "author": "Joni Trythall",
            "author-link": "http://jonibologna.com/",
            "tags": [
                "svg",
                "complete guide"
            ],
            "description": "Mini-book about SVG essentials."
        },
        {
            "url": "http://diveintohtml5.info/forms.html",
            "title": "A FORM OF MADNESS",
            "tags": [
                "forms",
                "html5"
            ]
        },
        {
            "url": "http://www.pencilscoop.com/2014/04/injecting-svg-with-javascript/",
            "title": "Injecting SVG With JavaScript",
            "author": "Joe Howard",
            "tags": [
                "svg",
                "js"
            ],
            "description": "“Injecting SVG” – it sounds kinda complicated I know, but trust me it’s not. It’s actually super-simple! Right now you’re probably thinking “Why would you use JavaScript to inject SVG markup? What is it? And how does it work?” Let me explain."
        },
        {
            "url": "http://www.jonathantneal.com/blog/understand-the-favicon/",
            "title": "Understand the Favicon",
            "author": "Jonathan Neal",
            "tags": [
                "favicon"
            ]
        },
        {
            "url": "http://tympanus.net/codrops/2013/11/27/svg-icons-ftw/",
            "title": "SVG Icons FTW",
            "author": "Oleg Solomka",
            "author-link": "http://legomushroom.com/",
            "tags": [
                "svg",
                "icons",
                "svg icons"
            ],
            "description": "Despite the growing popularity of SVG, its time around and excellent browser support, we have a lack of good vector icon approaches. It's time to fill this gap and use SVG as icons in our web projects."
        },
        {
            "url": "http://coding.smashingmagazine.com/2007/05/04/microformats-what-they-are-and-how-to-use-them/",
            "title": "Microformats: What They Are and How To Use Them",
            "author": "Vitaly Friedman",
            "tags": [
                "microformats"
            ]
        },
        {
            "url": "http://demosthenes.info/blog/593/Introduction-to-Microformats-For-Web-Pages",
            "title": "Introduction to Microformats For Web Pages",
            "author": "Dudley Storey",
            "tags": [
                "microformats"
            ]
        },
        {
            "url": "https://github.com/willianjusten/awesome-svg",
            "title": "Awesome SVG",
            "author": "Willian Justen",
            "author-mail": "willianjustenqui@gmail.com",
            "author-link": "https://github.com/willianjusten",
            "tags": [
                "svg",
                "collection"
            ],
            "description": "A curated list of SVG. The main idea is that everyone can contribute here, so we can center all the informations about SVG and keep up-to-date."
        },
        {
            "url": "http://sarasoueidan.com/blog/structuring-grouping-referencing-in-svg/",
            "title": "Structuring, Grouping, and Referencing in SVG – The <g>, <use>, <defs> and <symbol> Elements",
            "author": "Sara Soueidan",
            "author-mail": "contact@sarasoueidan.com",
            "tags": [
                "svg",
                "symbol",
                "defs",
                "use",
                "g"
            ],
            "description": "SVG comes with its own ways for structuring a document by means of certain SVG elements that allow us to define, group, and reference objects within the document. These elements make reusing elements easy, while maintaining clean and readable code. In this article we'll go over these elements, highlighting the difference between them and the advantages of each one."
        },
        {
            "url": "http://www.iandevlin.com/blog/2012/08/html5/responsive-html5-video",
            "title": "Responsive HTML5 video",
            "author": "Ian Devlin",
            "tags": [
                "video",
                "responsive"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2012/10/23/road-reusable-html-components/",
            "title": "The Road To Reusable HTML Components",
            "author": "Niels Matthijs",
            "tags": [
                "best practises",
                "methodology"
            ]
        },
        {
            "url": "http://net.tutsplus.com/tutorials/html-css-techniques/using-inline-svgs-with-html5/",
            "title": "Using Inline SVGs With HTML5",
            "author": "Sue Smith",
            "tags": [
                "svg"
            ]
        },
        {
            "url": "http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/the-best-way-to-learn-html-2/",
            "title": "The Best Way to Learn HTML",
            "author": "Ian Yates",
            "tags": [
                "tutorial"
            ]
        },
        {
            "url": "http://nicolasgallagher.com/about-html-semantics-front-end-architecture/",
            "title": "About HTML semantics and front-end architecture",
            "author": "Nicolas Gallagher",
            "tags": [
                "semantics"
            ]
        },
        {
            "url": "https://www.dashingd3js.com/svg-text-element",
            "title": "SVG Text Element",
            "author": "Dashingd3js",
            "author-mail": "sebastian@dashingd3js.com",
            "author-link": "https://www.dashingd3js.com/d3-data-visualization-freelancer-and-consultant",
            "tags": [
                "svg",
                "svg text"
            ],
            "description": "In this section, we will cover the SVG Text Element, why it is important and how we use it within our D3.js Data Visualizations."
        },
        {
            "url": "http://philipwalton.com/articles/introducing-html-inspector/",
            "title": "HTML Inspector",
            "author": "Philip Walton",
            "tags": [
                "tools"
            ]
        },
        {
            "url": "http://blog.javierusobiaga.com/stop-using-the-viewport-tag-until-you-know-ho",
            "title": "Stop Using the Viewport Meta Tag (until You Know How to Use It)",
            "author": "Javier Usobiaga",
            "tags": [
                "meta",
                "viewport"
            ]
        },
        {
            "url": "http://heydonworks.com/practical_aria_examples/",
            "title": "ARIA examples",
            "author": "@heydonworks",
            "author-link": "http://twitter.com/heydonworks",
            "tags": [
                "aria",
                "accessibility"
            ],
            "description": "Some practical ARIA examples to enhance your application accessibility (by @heydonworks)."
        },
        {
            "url": "http://www.mobilexweb.com/blog/ipad-mini-detection-for-html5-user-agent",
            "title": "Mission: Impossible – iPad mini detection for HTML5",
            "author": "Max Firtman",
            "tags": [
                "mobile",
                "ipad"
            ]
        },
        {
            "url": "http://demosthenes.info/blog/744/Make-SVG-Responsive",
            "title": "Make SVG Responsive",
            "author": "Dudley Storey",
            "author-link": "http://demosthenes.info/about.php",
            "tags": [
                "svg",
                "responsive"
            ],
            "description": "For an image format that features infinite scalability, SVG can be a surprisingly difficult format to make responsive: vector images do not adjust themselves to the size of the viewport by default."
        },
        {
            "url": "http://coding.smashingmagazine.com/2013/03/26/goodbye-zen-coding-hello-emmet/",
            "title": "Goodbye, Zen Coding. Hello, Emmet!",
            "author": "Zeno Rocha",
            "tags": [
                "tools",
                "productivity",
                "emmet"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2012/03/13/techniques-overcome-poor-css-support-email/",
            "title": "Techniques For Overcoming Poor CSS Support In Email",
            "author": "Lynda Elliott",
            "tags": [
                "e-mail",
                "mailing"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/11/18/html5-semantics/",
            "title": "HTML5 Semantics",
            "author": "Bruce Lawson",
            "tags": [
                "HTML5",
                "Semantics"
            ]
        },
        {
            "url": "http://davidwalsh.name/svg-animation",
            "title": "The Simple Intro to SVG Animation",
            "author": "David Walsh",
            "author-link": "http://davidwalsh.name/about-david-walsh",
            "tags": [
                "svg",
                "animation"
            ],
            "description": "This article serves as a first step toward mastering SVG element animation. Included within are links to key resources for diving deeper, so bookmark this page and refer back to it throughout your journey toward SVG mastery."
        },
        {
            "url": "http://coding.smashingmagazine.com/2010/11/10/learning-to-love-html5/",
            "title": "Learning to Love HTML5",
            "author": "Louis Lazaris",
            "tags": [
                "HTML5"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2010/09/23/html5-the-facts-and-the-myths/",
            "title": "HTML5: The Facts And The Myths",
            "author": "Bruce Lawson",
            "tags": [
                "HTML5"
            ]
        },
        {
            "url": "http://css-tricks.com/look-svg-light-source-filters/",
            "title": "A Look at SVG Light Source Filters",
            "author": "Joni Trythall",
            "tags": [
                "svg",
                "light source"
            ],
            "description": "SVG has its own set of filter effects that, when writing SVG, allow the author to combine several of these effects and apply the filter to the graphic."
        },
        {
            "url": "http://coding.smashingmagazine.com/2010/07/14/when-one-word-is-more-meaningful-than-a-thousand/",
            "title": "When One Word Is More Meaningful Than A Thousand",
            "author": "Niels Matthijs",
            "tags": [
                "HTML5",
                "semantics"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/",
            "title": "Coding An HTML 5 Layout From Scratch",
            "author": "Enrique Ramirez",
            "tags": [
                "HTML5",
                "Layouts"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comic-strip/",
            "title": "Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip",
            "author": "Brad Colbow",
            "tags": [
                "HTML5",
                "XHTML "
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/",
            "title": "HTML5 and The Future of the Web",
            "author": "Tim Wright",
            "tags": [
                "HTML5",
                "semantics"
            ]
        },
        {
            "url": "http://designmodo.com/svg-patterns/",
            "title": "How to Use SVG Patterns",
            "author": "Joni Trythall",
            "author-link": "http://www.sitepoint.com/author/jtrythall/",
            "tags": [
                "svg",
                "svg patterns"
            ],
            "description": "SVG patterns are one of several paint options that we have for coloring the fills and strokes of shapes and text. While generally regarded as one of the more complex options, establishing a foundation and understanding the basic syntax can make more seemingly complex patterns much more obtainable."
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/03/11/syncing-content-with-html5-video/",
            "title": "Syncing Content With HTML5 Video",
            "author": "Christian Heilmann",
            "tags": [
                "HTML5",
                "Techniques ",
                "video"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/01/21/falling-for-html5-finding-love-in-the-little-things/",
            "title": "Falling for HTML5: Finding Love in the Little Things",
            "author": "Felicity Evans",
            "tags": [
                "HTML5",
                "semantics"
            ]
        },
        {
            "url": "http://coding.smashingmagazine.com/2013/01/18/the-importance-of-sections/",
            "title": "Structural SemanticsThe Importance Of HTML5 Sectioning Elements",
            "author": "Heydon Pickering",
            "tags": [
                "HTML5",
                "Semantics"
            ]
        },
        {
            "url": "http://css-tricks.com/svg-filters-on-text/",
            "title": "SVG Filters on Text",
            "author": "Chris Scott",
            "author-link": "http://chrisscott.org/",
            "tags": [
                "svg",
                "svg filters",
                "filters"
            ],
            "description": "There has been a general trend in Web development, for some years now, away from using images in designs. Only a few years ago software companies would favour using an image of a rounded corner as the best \"cross-browser\" solution"
        },
        {
            "url": "http://css-tricks.com/svg-artboard-sizing/",
            "title": "SVG Artboard Sizing",
            "author": "Chris Coyier",
            "author-link": "http://chriscoyier.net",
            "tags": [
                "svg",
                "artboard"
            ],
            "description": "The term \"Artboard\" here is referring to that concept in Illustrator, basically the white drawing area you have for the document. Ultimately it refers to the viewBox in the actual SVG output. It matters very much for front end developers, because if there is no consistency, the positioning of the SVGs will always be a little one-off battle and really hurt the idea of SVG being a useful system."
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/11/12/pursuing-semantic-value/",
            "title": "Pursuing Semantic Value",
            "author": "Jeremy Keith",
            "tags": [
                "HTML5",
                "Semantics"
            ]
        },
        {
            "url": "http://jonibologna.com/svg-viewbox-and-viewport/",
            "title": "A Look At SVG viewBox and viewport",
            "author": "Joni Trythall",
            "author-link": "https://twitter.com/JoniTrythall",
            "tags": [
                "svg",
                "viewbox",
                "viewport"
            ],
            "description": "In using the <svg> element we are establishing a fragment consisting of nested details in our document. This fragment has its own viewport and coordinate system which can seem very complex and intimidating when first getting started."
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/11/11/our-pointless-pursuit-of-semantic-value/",
            "title": "Our Pointless Pursuit Of Semantic Value",
            "author": "Divya Manian",
            "tags": [
                "HTML5",
                "Semantics "
            ]
        },
        {
            "url": "http://www.smashingmagazine.com/2014/03/05/rethinking-responsive-svg/",
            "title": "Rethinking Responsive SVG",
            "author": "Ilya Pukhalski",
            "author-link": "http://www.smashingmagazine.com/author/ilya-pukhalski",
            "tags": [
                "responsive",
                "svg"
            ],
            "description": "If you haven’t seen Joe Harrison1’s responsive icons2 technique yet, you’ll most probably be impressed as much as I was when I first discovered it. In this article, I’d like to explore what we can do with SVG beyond “traditional” scalable vector graphics that are used to replace bitmap PNGs. In fact, we can see SVG as an independent module that encapsulates CSS for the customization of views as well as the responsive behavior that also encapsulates JavaScript for the interaction logic."
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/08/30/optimize-images-with-html5-canvas/",
            "title": "Optimize Images With HTML5 Canvas",
            "author": "Sergey Chikuyonok",
            "tags": [
                "Canvas",
                "HTML5"
            ]
        },
        {
            "url": "http://www.smashingmagazine.com/2012/01/16/resolution-independence-with-svg/",
            "title": "Resolution Independence With SVG",
            "author": "David Bushell",
            "author-link": "http://www.smashingmagazine.com/author/david-bushell/?rel=author",
            "tags": [
                "svg"
            ],
            "description": "In this article, we’ll look at Scalable Vector Graphics (SVG), one of the most underused technologies in website development today."
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/08/16/html5-and-the-document-outlining-algorithm/",
            "title": "HTML5 And The Document Outlining Algorithm",
            "author": "Derek Johnson",
            "tags": [
                "semantics"
            ]
        },
        {
            "url": "http://www.sitepoint.com/getting-started-svg-gradients/",
            "title": "Getting Started with SVG Gradients",
            "author": "Joni Trythall",
            "author-link": "http://www.sitepoint.com/author/jtrythall/",
            "tags": [
                "svg",
                "gradients",
                "rookie"
            ],
            "description": "While there are many arguments for and against using SVG gradients over CSS gradients, for this article we will focus on how to get started with SVG gradients if this happens to best suit your needs."
        },
        {
            "url": "http://www.sitepoint.com/tips-accessible-svg/",
            "title": "Tips for Creating Accessible SVG",
            "author": "Léonie Watson",
            "author-link": "http://www.sitepoint.com/author/leoniewatson/",
            "tags": [
                "svg",
                "accessibility"
            ],
            "description": "Scalable Vector Graphics (SVG) exists in a quantum state of accessibility. Which is to say that SVG is both accessible and inaccessible at the same time."
        },
        {
            "url": "http://inspirationalpixels.com/articles/modular-maintainable-reusable-htmlcss",
            "title": "Modular, Maintainable &amp; Reusable HTML/CSS",
            "author": "Seb Kay",
            "tags": [
                "architecture",
                "css"
            ]
        },
        {
            "url": "https://github.com/svg/svgo",
            "title": "SVG Optimizer",
            "author": "Kir Belevich",
            "author-mail": "kir@soulshine.in",
            "author-link": "https://github.com/deepsweet",
            "tags": [
                "svg",
                "tools",
                "performance"
            ],
            "description": " Code\r\n Issues 76\r\n Pull Requests 6\r\n Wiki\r\n Pulse\r\n Graphs\r\nHTTPS clone URL\r\n\t\r\nYou can clone with HTTPS, SSH, or Subversion. \r\n\r\n Clone in Desktop  Download ZIP\r\nSVGO is a Nodejs-based tool for optimizing SVG vector graphics files."
        },
        {
            "url": "http://coding.smashingmagazine.com/2011/07/05/how-to-modify-a-default-joomla-1-5-template/",
            "title": "How To Modify A Default Joomla 1.5 Template",
            "author": "Kristoffer Sandven",
            "tags": [
                "PHP ",
                "css"
            ]
        },
        {
            "url": "http://css-tricks.com/using-svg/",
            "title": "Using SVG",
            "author": "Chris Coyier",
            "author-link": "http://chriscoyier.net",
            "tags": [
                "svg",
                "svg basics",
                "basics"
            ],
            "description": "SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know."
        },
        {
            "url": "http://webtypography.net/",
            "title": "The Elements of Typographic StyleApplied to the Web",
            "author": "Richard Rutter",
            "author-link": "https://github.com/clagnut",
            "tags": [
                "typography"
            ],
            "description": "A practical guide to web typography"
        },
        {
            "url": "http://bigbitecreative.com/introduction-svg-animation/",
            "title": "An introduction to SVG animation",
            "author": "Jon McPartland",
            "tags": [
                "svg",
                "css",
                "animation"
            ]
        },
        {
            "url": "http://webdesign.tutsplus.com/tutorials/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824",
            "title": "The Truth About Multiple H1 Tags in the HTML5 Era",
            "author": "Kezz Bracey",
            "author-link": "https://twitter.com/kezzbracey",
            "tags": [
                "semantics"
            ],
            "description": "Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, \"How many <h1> tags can I use per page, and how exactly should I implement them?\""
        },
        {
            "url": "https://github.com/audreyr/favicon-cheat-sheet/blob/master/README.rst",
            "title": "Favicon cheat sheet",
            "author": "Audrey Roy",
            "author-mail": "aroy@alum.mit.edu",
            "tags": [
                "favicon"
            ],
            "description": "A painfully obsessive cheat sheet to favicon sizes/types."
        },
        {
            "url": "http://www.skilledup.com/learn/programming/free-beginner-html-tutorials/",
            "title": "The 20 Best Free Beginner HTML Tutorials For Students Of Web Development",
            "author": "Brad Zomick",
            "tags": [
                "css",
                "javascript",
                "web development"
            ]
        },
        {
            "url": "http://css-tricks.com/svg-text-typographic-designs/",
            "title": "SVG `text` and Small, Scalable, Accessible Typographic Designs",
            "author": "Chris Coyier",
            "author-link": "http://chriscoyier.net",
            "tags": [
                "svg",
                "svg text"
            ],
            "description": "Let's say you designed something with custom fonts that was a little bit fancy. Perhaps a certain word is positioned between the ascenders of another word below it. Some text is kerned out below to match the width of that same word."
        },
        {
            "url": "http://hop.ie/blog/particles/",
            "title": "Particles in Canvas",
            "author": "Donovan Hutchinson",
            "author-mail": "d@hop.ie",
            "author-link": "http://hop.ie/about/",
            "tags": [
                "html5 ",
                "javascript",
                "canvas"
            ],
            "description": "Using HTML5 Canvas to create particle effects"
        },
        {
            "url": "http://www.adamkaplan.me/grid/",
            "title": "GRID - A simple guide to responsive design.",
            "author": "Adam Kaplan",
            "author-link": "http://www.adamkaplan.me/",
            "tags": [
                "fast learning",
                "responsive",
                "tutorial",
                "media queries",
                "mobile"
            ]
        },
        {
            "url": "http://blog.templatemonster.com/2014/06/23/responsive-sliding-drawer-menu-lightbox-effect/",
            "title": "Responsive Sliding Drawer Menu with Lightbox Effect",
            "author": " Jake Rocheleau",
            "tags": [
                "css",
                "css3",
                "js",
                "tutorial",
                "html5"
            ]
        },
        {
            "url": "http://blog.templatemonster.com/2014/07/07/webpage-scrolling-animation-effects-css3-jquery/",
            "title": "Webpage Scrolling Animation Effects with CSS3 & jQuery",
            "author": " Jake Rocheleau",
            "author-link": "http://byjakewithlove.com/",
            "tags": [
                "css",
                "techniques",
                "tutorial",
                "scroll"
            ]
        },
        {
            "url": "http://stylecampaign.com/blog/2014/02/svg-animation/",
            "title": "SVG animation",
            "tags": [
                "svg",
                "animation"
            ],
            "description": "Going from a static SVG to an animated SVG is a big jump, unless you want to float a balloon up the screen (even that takes a bijillion lines of code). There’s three ways to animate an SVG: CSS, native SVG animation and JavaScript. As email devs we can’t use  JavaScript, so we started with the more familiar CSS."
        },
        {
            "url": "http://javascript-html5-tutorial.com/html5-canvas-and-javascript-introduction.html",
            "title": "HTML5 Canvas and JavaScript. Introduction.",
            "author": "javascript-html5-tutorial.com",
            "author-mail": "office@directcode.eu",
            "author-link": "http://javascript-html5-tutorial.com",
            "tags": [
                "javascript",
                "html5",
                "canvas"
            ],
            "description": "An introduction to HTML5 Canvas in the context of JavaScript."
        },
        {
            "url": "http://javascript-html5-tutorial.com/html5-short-course-part-1.html",
            "title": "HTML5 short course – part 1",
            "author": "DirectCode",
            "author-mail": "office@directcode.eu",
            "author-link": "http://directcode.eu/",
            "tags": [
                "javascript",
                "html5",
                "course",
                "fast learning"
            ],
            "description": "Welcome to HTML5 short course – in a nutshell. We tried to prepare a quick course about HTML5 (and the use of JavaScript in its context), containing key information in one place."
        }
    ]
}