public marks

PUBLIC MARKS from decembre with tags outil & dev

This year

DEV - Modernizr - Alsacreations

Modernizr est voué à la détection des fonctionnalités navigateurs via JavaScript. Il permet de prévoir des alternatives (basées sur d'autres bibliothèques) pour les moteurs ne supportant pas l'une ou l'autre des propriétés CSS, HTML, etc.

FIREFOX - DEV - BROWSER TOOLBOX - change color of firefox bookmarks menu - forum.userstyles.org

you can use Firefox menu->Developer->BrowserToolbox to examine UI elements and play with CSS. After you open it, click OK in the main browser window, wait a few seconds for the toolbox to initiliaze, then use the first button in its toolbar to pick an element (bookmarks button in your case).

2014

PIN BUTTON : Bookmarklet Builder

by 8 others (via)
To compress your code into a single-line as is required by bookmarklets, you could use this tool:

2013

LOG - Web Designer (Google) outil pour concevoir ses pubs HTML5 « Korben Korben

Google vient de rendre public pour Mac et Windows un outil baptisé Web Designer qui va permettre à chacun de créer ses propres publicités en HTML5. Animations, interactivité avec l'internaute et surtout compatibilité avec tous les navigateurs, même mobiles, voilà les promesses faites par cet outil qui peut très bien être utilisé à d'autres fins que la pub. Par exemple, vous pouvez détourner son usage pour réaliser une présentation animée afin d'illustrer l'un de vos articles. Bon, il faut un peu de temps pour prendre en main l'outil, mais si vous connaissez un peu le JS et les CSS, vous pourrez vraiment concevoir à l'identique ce que vous avez en tête puisque le code est éditable directement.

CSS - Super useful tools for CSS coding | CatsWhoCode.com

by 3 others (via)
Lorsque vous développez un site Web ou une application Web, avoir les bons outils peut certainement vous aider à économiser beaucoup de temps. Dans cet article, j'ai compilé une liste d'outils utiles et super pour le codage CSS

2010

Créer un favicon: 8 sites pour les créer et mode d'emploi

Un favicon, c’est une photo iconisée avec une extension en .ico que vous trouvez la plupart du temps devant un url. Tous les blogs ne possèdent pas de favicon et c’est bien dommage car quand on a une bonne dizaine d’onglets ouverts, on aime bien se repérer grâce au favicon. xiconeditor.com neditor.com (De loin le plus complet ) cursorwiz.com Favigen.com Iconverticons.com Dagondesign.com Favicon-generator.de Degraeve.com/favicon Ngin.de/icon-editor

JSMin (Online Javascript version of this Tool) - A filter which removes comments and unnecessary whitespace from JavaScript files

by 1 other
JSMin is a filter which removes comments and unnecessary whitespace from JavaScript files. It typically reduces filesize by half, resulting in faster downloads. It also encourages a more expressive programming style because it eliminates the download cost of clean, literate self-documentation.You can automate this process with a minimizing application which you can find here and an on-line javascript version here ______ You should note that while comments are useful for maintaining the code, they are a liability itself in Javascript since they will be transmitted along with the code to each and every page load, which can create substantial bandwidth penalties and increase the load time of your page for users. This doesn't mean you shouldn't comment your code, just that once your code is "finished" you should make a backup copy with the comments, then strip out all the comments in the file which is actually sent to the user.

Icon Generator Pro – Pour faire de jolies icônes façon Adobe - Korben

Créer des jolies icônes façon Adobe (Photoshop, Dreamweaver, Indesign..etc.) : petite application Air (donc fonctionnant sous Windows, Linux et Mac) baptisée Icon Generator Pro. Grâce à cette appli, vous pourrez générer des icônes façon CS5 : Sans oublier le mythique macaron « en promo », « beta » ou « 2.0″. L’application est même capable d’uploader directement cette icône sur votre compte twitter pour en faire votre image de profil (le truc trop inutile). Icon Generator Pro est téléchargeable ici gratuitement.

Notepad++ Liste des Expressions Régulières– TextFX Quick -

Note: Dans le cas ou vous avez installé les plugins, essayez CONTROL+R ou dans le Menu Plugins – TextFX Quick - Find/Replace pour faire apparaître une boite de dialogue avancée incluant une liste déroulante d'expressions régulières ainsi qu'un Recherche/Remplace multi-ligne.

Online-HTML-Editor.org - Un puissant editeur en ligne WYSIWYG - (InnovaStudio WYSIWYG Editor)

Pour faciliter l' intégration dans vos applications Web personnalisées ou de gestion de contenu web (prend en charge: ASP, PHP, ASP.NET). * Chargement rapide * Mode plein écran * Barre d'outils Entièrement configurable * Advanced table editing * Stylesheet-formatage * Facile de choisir entre deux formats / tous les éléments HTML * Features a new tabbed toolbar - familiar to Office 2007 users. - providing convenient access to your most-used tools. * It's easy to select any HTML elements (text, paragraphs, images, etc) with a built-in Tag Selector. * Fullscreen editing mode (doesn't open a new window). * Floating dialogs for special editing (changes can be seen immediately). * Realtime toolbar status. * Dropdowns with formatting preview. * View HTML source with code formatting & coloring. It is a cross-browser, requires only a few lines of code to include in your web page

jEdit - Programmer's Text Editor -- présentation

by 15 others
Editeur de texte, un programmeur d'âge mûr... Bat de nombreux outils de développement coûteux pour les fonctionnalités et la facilité d'utilisation, logiciel libre, avec une large collection de plugins . Quelques caractéristiques de jEdit: * Ecrit en Java, il fonctionne sur Mac OS X, OS / 2, Unix, VMS et Windows. * Intégre le langage de macro, l'architecture de plugin extensible. Des dizaines de macros et les plugins disponibles. * Gestionnaire de "plugin" . * Auto-indentation, et la coloration syntaxique pour plus de 130 langues. * Supporte un grand nombre de codages de caractères UTF8 et dont l'Unicode. * Cacher de manière sélective les régions du texte. * Word Wrap. * Hautement configurable et personnalisable. * Tout autre élément, à la fois de base et avancée, vous pouvez vous attendre à trouver dans un éditeur de texte. Voir la Fonctions Page Pour une liste complète.

Jetpack : les extensions de Firefox simplifées - Permet à n'importe qui capable de coder une page web

Nouvelle interface de programmation afin de faciliter davantage le développement de nouvelles extensions. Baptisé Jetpack, permet à n'importe qui capable de coder une page web de moduler le navigateur. Oubliez les redémarrages du logiciel, il suffira de cliquer sur un simple lien pour installer l'addon de son choix et de recharger la page en cours de consultation. « Nous voulons permettre à plus de gens de participer à la création des fonctionnalités du navigateur », explique Aza Raskin, en charge du département de l'expérience utilisateur chez Mozilla. Il précise que n'importe quel développeur web familier avec le HTML, le CSS ou le JavaScript peut se lancer dans l'aventure.

2009

MODI: Mouseover DOM Inspector - Recherche Google

Bookmarklet permettant de voir et de manipuler le DOM d'une page Web simplement en déplaçant le pointeur de la souris dans le document.

BIB - JabRef - Filtres d'importation personnalisés

Partager votre travail..... Avec des fichiers de filtres d'importation personnalisés, il est vraiment simple de partager des formats d'importation personnalisés entre utilisateurs. Si vous écrivez un filtre d'importation pour un format non supporté par JabRef, ou l'amélioration d'un filtre existant, nous vous encourageons à soumettre votre travail sur notre page SourceForge.net. ........ JabRef est un programme permettant l'exploitation des bases de données BibTeX............. JabRef possède des fonctionnalités de tri et de recherche afin de vous donner une vue d'ensemble du contenu de vos bases de données............... JabRef sera surtout utile aux utilisateurs de BibTeX ou CiteMaker, mais il peut aussi être utile à ceux qui se servent d'autres systèmes de référencements ou qui veulent simplement organiser leurs sources bibliographiques.

Web-scraping (parfois appelé Harvesting) - Recherche Google

Web-scraping : le Web vu comme un service Les techniques de Web-scraping permettent de récupérer, de "piocher", de traiter et d'archiver le contenu ou une partie d'une page web. Le plus souvent pour se tenir au courant des modifications survenues en son sein, mais de nombreuses autres utilisations sont possibles. Ces différents outils sont indispensables à une veille au quotidien. Il en existe beaucoup sur le Web et nous avons décidé de vous en présenter trois, au travers d'exemples détaillés. Lorsqu'elles sont bien utilisées, ces différentes applications s'avèrent redoutables, et constitueront vite une aide précieuse, pour vous tenir au courant du moindre changement sur les sites web que vous surveillez...

Web Developer fr-FR - Traduction française

by 1 other
Traduction française de l'extension Web Developer de Chris Pederick (http://chrispederick.com/work/web-developer/). Cette magnifique extension propose plein d'outils facilitant le développement de site web.

Xulfr.org - Découvrez et apprenez à développer des applications XUL, des extensions pour Firefox ou tout autre logiciels basés sur Firefox !

Ce site est consacré à toutes les technologies disponibles sur la plate-forme Mozilla®, utilisée par le navigateur Mozilla Firefox™, le client mail Mozilla Thunderbird™ et les autres produits de la fondation Mozilla®. La plate-forme Mozilla® permet de développer des applications desktop ou web, fonctionnant nativement sur la plupart des systèmes d'exploitations. C'est aussi la première plate-forme vous permettant de réaliser des clients riches ou d'utiliser Firefox en tant que client riche. En effet, de l'interface graphique utilisateur reposant sur un format XML, XUL™, aux composants XPCOM réutilisables et multi plate-forme, Mozilla offre tout un ensemble de technologies, pour la plupart standardisées et relativement aisé à mettre en oeuvre : XBL, EcmaScript (Javascript 1.8), CSS, XHTML/HTML 5, SVG, XForms, MATHML, RDF, DOM, XML-RPC ... Vous pouvez commencer par une présentation de XUL.

DOM Inspector (also known as DOMi) - developer tool - MDC

The DOM Inspector (also known as DOMi) is a developer tool used to inspect, browse, and edit the Document Object Model of documents - usually web pages or XUL windows. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.