Markdown. Download Markdown 1.0.1 (18 KB) — 17 Dec 2004 Introduction Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML). Thus, “Markdown” is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML. The overriding design goal for Markdown’s formatting syntax is to make it as readable as possible. The best way to get a feel for Markdown’s formatting syntax is simply to look at a Markdown-formatted document.
(You can use this ‘.text’ suffix trick to view the Markdown source for the content of each of the pages in this section, e.g. the Syntax and License pages.) Markdown is free software, available under a BSD-style open source license. Discussion List I’ve set up a public mailing list for discussion about Markdown. Installation and Requirements Movable Type Blosxom BBEdit.
HTML5test - How well does your browser support HTML5? Reading local files in JavaScript. Introduction HTML5 finally provides a standard way to interact with local files, via the File API specification. As example of its capabilities, the File API could be used to create a thumbnail preview of images as they're being sent to the server, or allow an app to save a file reference while the user is offline. Additionally, you could use client-side logic to verify an upload's mimetype matches its file extension or restrict the size of an upload.
The spec provides several interfaces for accessing files from a 'local' filesystem: File - an individual file; provides readonly information such as name, file size, mimetype, and a reference to the file handle. When used in conjunction with the above data structures, the FileReader interface can be used to asynchronously read a file through familiar JavaScript event handling. Selecting files The first thing to do is check that your browser fully supports the File API: Using form input for selecting Example: Using form input for selecting. Terry Young on CodePen. Code Sniper - Terry Young.
Plunker. Plunker. JS Bin - Collaborative JavaScript Debugging. Create a new fiddle - JSFiddle. David Walsh - MooTools, Dojo Consultant. CodePen - Front End Developer Playground & Code Editor in the Browser. 12 superbes ressources HTML / CSS / JS réalisées sur CodePen. CodePen est un formidable outil qui regroupe de nombreuses ressources pour développeurs, intégrateurs et webdesigners qui sont en quête d’inspiration. À l’image des vagues du web, Megaptery vous propose une sélection de 12 superbes ressources réalisées sur CodePen.
CodePen, c’est quoi ? Conçu par Chris Coyier (créateur de CSS-Tricks), CodePen est un éditeur de code en ligne (tout comme jsFiddle et CSSDeck) composée de 4 vues distinctes : le HTML, le CSS, le JavaScript, et une zone de prévisualisation « en live » permettant de partager facilement des travaux avec d’autres développeurs, qui peuvent à leur tour les éditer et les améliorer. Vous l’aurez compris, CodePen est une véritable mine d’or de ressources front-end.
Voici une sélection de 12 réalisations HTML / CSS / JS de qualité accompagnées d’une brêve description. CSS circular reveal Description : un effet original d’apparition d’une image au rollover de façon circulaire. Color Wheel Manette NES 3D. Web. Après plusieurs mois de travail intense, la plateforme technique qui supporte MDN vient de changer. Originellement basée sur la solution DekiWiki de la société MindTouch, la documentation de Mozilla vient de passer sous une solution 100% maison : Kuma. Kuma est un projet codé à l’aide de Python/Django et est directement inspiré de la plateforme qui supporte déjà SUMO (le support utilisateur de Firefox) connu sous le nom de Kitsune. Comme tous les projets Mozilla, Kuma est 100% open source. Le code est disponible sur GitHub et vous êtes largement invité à proposer patches et fixes si vous en avez envie Le principal intérêt pour MDN de passer sur une plateforme ouverte et développée par Mozilla est simple : Pouvoir maîtriser les évolutions à apporter à la plateforme pour garantir la meilleure expérience utilisateur possible sur MDN.
Quoi de neuf ? Si la plateforme, très jeune, souffre encore de quelques bugs en cours de résolution, les premières améliorations sont déjà visibles. Et après ? Tavmjong Bah's Blog | A blog about Inkscape, SVG, and other worldly matters… The SVG Working Group had a four day face-to-face meeting in Sydney this month. Like last year, the first day was a joint meeting with the CSS Working Group. I would like to thank all the people that donated to Inkscape’s SVG Standards Work fund as well as to the Inkscape general fund that made my attendance possible. Joint CSS and SVG Meeting Minutes CSS Stroke and Fill Specification The CSS working group would like to allow the use of the SVG ‘stroke’ and ‘fill’ properties on CSS text as well as other places in CSS (e.g. box border). Text Issues Next we covered a whole slew of text issues I raised dealing with flowed text in SVG. Strategy for using CSS in SVG for wrapping The first issue was to agree on how SVG and CSS are related.
The CSS/HTML code: The result: Wrapped text in HTML. The CSS/SVG code: Wrapped text in SVG 2. It was pointed out at a discussion on Day 2, that the use of ‘shape-outside’ in SVG was not consistent with the CSS model. How is the first line placed in a wrapped shape? Des applications ultra-rapides avec Node.js. Lihaoyi/scala.rx.
React | A JavaScript library for building user interfaces. JavaScript is Sexy | Learn modern web application development with JavaScript. ProgrammableWeb: Mashups and the Web as Platform. Css. Javascript.