background preloader

Outils utiles

Facebook Twitter

Extensions, techniques (pour éditeur de texte ou autres) permettant de créer + rapidement du langage HTML.

Generatedata.com. &what: Discover Unicode & HTML Character Entities. HTML minifier. HTML Minifier (v3.4.0) Treat attributes in case sensitive manner (useful for custom HTML tags) Omit attribute values from boolean attributes Don't leave any spaces between display:inline; elements when collapsing.

HTML minifier

Must be used in conjunction with collapseWhitespace=true Collapse white space that contributes to text nodes in a document tree Always collapse to 1 space (never remove it entirely). Must be used in conjunction with collapseWhitespace=true Use direct Unicode characters whenever possible Parse input according to HTML5 specifications Insert tags generated by HTML parser Keep the trailing slash on singleton elements Specify a maximum line length.

Select: All, None, Reset HTMLMinifier is made by kangax, using tweaked version of HTML parser by John Resig (which, in its turn, is based on work of Erik Arvidsson).   Google Developers. Datalist experiment. By using <datalist>, you can define a list of suggestions you want the user to select from.

datalist experiment

Users can optionally select from your suggestions as well as typing it by themselves. Options can be tagged with datalist and referenced from the input element using list attribute by its id. See examples below. input[type=text] datalist For text type, datalist simply suggests list of words. input[type=range] datalist For range type, datalist suggests recommended value as ticks. Input[type=range] is not available on your browser. Ultra simple Responsive navigation snippets. HTML Compatibility Checker. Smush.it! 8 Best HTML Validation Resources. Having valid code is something that is not only encouraged, but highly recommended when developing a website.

8 Best HTML Validation Resources

Invalid markup doesn’t exactly mean that a website won’t be read or displayed properly by a browser, however, which leaves many people wondering what the point of having valid code is to begin with. There are several answers to this question, like having valid code eases future maintenance that may need to be done. Valid code increases a developer’s chance of their site maintaining a consistent look across multiple browsers and platforms. And valid code not only teaches good practices, but it shows a degree of professionalism. There are several resources available for validating code, so let’s take a look at what some of those options are and see which one works best for you.

W3C Markup Validation Service What better people to have validate your code than the W3C? Mozilla. 10 Best jQuery and HTML5 WYSIWYG Plugins. HTML5 WYSIWYG (What You See Is What You Get) editors are always high in demand.

10 Best jQuery and HTML5 WYSIWYG Plugins

But there are now so many of them around that it’s hard to find the best ones. In this post I’m going to present 10 of the very best jQuery and HTML5 WYSIWYG plugins, saving you time finding the plugin that fits your needs. 1. Froala Froala WYSIWYG HTML Editor is easy to integrate and to use. Highlights 34 KB gzippedInline editingKeyboard shortcuts are availableRequires basic HTML and JavaScript knowledgeDark and light theme (can be customised by editing LESS file)Optimised for mobileMS-Word friendly34 languages are supported including RTL(Right To Left) support.

Schnaps.it. Palettable. HTML Character Escape Codes and Entity References. WAVE Chrome Extension. Pourquoi je préfère Brunch. Ah, vous croyez que vous êtes au top parce que vous utilisez Grunt, Gulp, Broccoli ou même Glou ?

Pourquoi je préfère Brunch

Eh ben non, pas forcément, voire carrément pas. Du tout. Voilà déjà 4 ans que Brunch existe, et sur bien des scenarii courants, il bat tout ce petit monde à plate couture. Envie d’en savoir plus, et de voir plein d’exemples ? C’est par ici. Brunch - ultra-fast HTML5 build tool.   Google Developers. As part of our transition of display ads to HTML5. the Swiffy Flash conversion tool is no longer available.

  Google Developers

We will continue to serve the Swiffy runtimes, so any files you have already converted will continue to play. Today more consumers are using the web in HTML5 compatible environments than Flash-compatible environments. In order to reach as large an audience as possible, we encourage everyone to transition to HTML5 authoring. Developers who currently create Flash SWF files have several ways to switch to HTML5 including Adobe Animate and Google Web Designer.

If you need to play an existing Flash SWF file in your browser alone, you might be able to use Mozilla’s Shumway. Emmet Re:view — fast and easy way to test responsive design in multiple viewports. Brackets HTML Wrapper extension. Whats New 1.0 Check out the newest crafted features.

Brackets HTML Wrapper extension

Added advanced options. Installation Install it directly from the Brackets.io editor or do it manually. Extension Manager Run BracketsSelect _File > Extension Manager...Search for “HTML Wrapper” extension and click “Install” button Manual instalation Under main menu select Help > Show Extensions FolderGit clone this repository inside the "user" folderRestart Brackets How to use Select a list of items encapsulated by the desired parent tag and run the command.

Select a clean list of items separated by a carriage returnRight click on the selection and click on the "HTML Wrapper" optionOr use the shortcut CMD/CTRL+SHIFT+E.