background preloader

Brunch - ultra-fast HTML5 build tool

Brunch - ultra-fast HTML5 build tool
Related:  Outils utiles

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 ? 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. UPDATE: This article has been translated to English and adapted to become the official Brunch Guide (EN/FR). Brunch ?! Brunch est un builder. Ce type de besoin est extrêmement fréquent chez les devs front et les designers front, qui ont souvent besoin de faire un peu les mêmes choses : partir d’une arborescence de fichiers LESS ou SASS pour produire un ou plusieurs CSS minifiés, pareil pour du JS, des images et leurs sprites, etc. Brunch face aux autres L’immense majorité des personnes qui automatisent ce type de tâches utilisent soit Grunt, soit Gulp (et parfois Broccoli ou Glou). Exécuteurs de tâches vs. outils de build Brunch est un outil de build. Watcher

sindresorhus/gulp-rev Brackets HTML Wrapper extension Whats New 1.0 Check out the newest crafted features. Added advanced options. Installation Install it directly from the 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

Cross Browser Testing. Real mobile devices & browsers! Swiffy  |  Google Developers As part of our transition of display ads to HTML5. the Swiffy Flash conversion tool is no longer available. 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.

smysnk/gulp-rev-all 10 Best jQuery and HTML5 WYSIWYG Plugins HTML5 WYSIWYG (What You See Is What You Get) editors are always high in demand. 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 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 2. ContentTools is a small and beautiful content editor. 49 KB gzippedInline editingResizing images and videossupports undo/redo 3. Raptor Editor is an open source JavaScript WYSIWYG HTML editor designed to be user-friendly and easy to integrate and customise. Highlights Inline editing supportFlexible docking optionsCustomisable themeWell documented 4. 5. 7. 8.

Server-side assets: File revisioning Asset managment is mostly associated with client-side resources, like stylesheets, scripts, graphics and the like. But if you have a decent build process to manage your assets, you might benefit from utilizing these assets also server-side. I’ve been doing this for some time on some of my projects, and have found at least two very promising use cases for this, one of which we’ll take a closer look at today. To keep stuff snappy on the net these days, the best way to go is usually to minimize the number of requests necessary to finish loading. This is easily said, but often a bit harder to implement. To keep requests to the minimum, you let the client cache static assets for months or longer, to avoid having to fetch them again. If you use tools like grunt or gulp, getting them to the filename rewriting is fairly trivial, thanks to plugins like grunt-filerev and gulp-rev. Let’s take a look at how to perform this, for Flask first, and then we’ll look at Django later. Flask location ~* \.(?