public marks

PUBLIC MARKS from camel with tag code

December 2008

CSS Text Wrapper

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website

Ressources Python

by 14 others (via)
Ressources Python Vous trouverez ci-dessous : * une version librement téléchargeable de l'ouvrage "Apprendre à programmer avec Python" de Gérard Swinnen, deuxième édition, publié aux éditions O'Reilly (ISBN 2-84177-299-3 ) * le code source des exemples et exercices proposés dans le livre * Les diapositives et le code source des exemples présentés par G.Swinnen au colloque "Libr'East of Paris" (IUT de Marne-la-vallée) les 23 & 24 Avril 2004. * Les diapositives de la conférence sur Python présentée à l'IUT de Vannes (Université de Bretagne Sud), le 15 Avril 2005. * La traduction du livre en hongrois (miroir du site web du traducteur).

Password Strength Indicator and Generator | The Book and the Cover

Sometimes you want to show your user the strength of their password and although there a quite a few jQuery “plugins” that do this there are none - that I’ve found - that let you set the class of an element so that you can do a graphical representation of the strength. What I have put together is some code that I have been using on a few projects and turned it into a rough plugin. I say a rough plugin because it is very basic and not entirely flexible; let’s just call it a proof-of-concept.

Installer un serveur Subversion et USVN (UserFriendly SVN) sur Debian 4.0 Etch — Lone-Wolf Scripts

Subversion (SVN de son petit nom) est un outil de gestion de version concurrentes (et un concurrent à CVS... comprenne qui pourra ;D). Il permet d'historiser les différentes évolutions du code source d'un logiciel, ainsi que de gérer les éventuels conflits entre les modifications effectuées par plusieurs développeurs. Tout seul ou en équipe, un tel outil devient vite indispensable pour gérer les sources. USVN quand à lui est une interface Web d'administration de Subversion. Elle autorise l'administration des utilisateurs, groupes, et projets de votre dépôt sans avoir à utiliser un outil d'administration en ligne de commande. Ce guide vous aide à effectuer une installation complète de Subversion et USVN sur Debian 4.0 Etch Avant de vous lancer dans l'installation Ce guide est beaucoup moins générique que mes guides habituels. Avant de le suivre, vous devez définir 2 nom de domaines: * usvn.domaine.com (par exemple: usvn.landure.fr) : Le nom de domaine utilisé pour accéder à UserFriendly SVN. * svn.domaine.com (par exemple: svn.landure.fr) : Le nom de domaine utilisé pour accéder à votre dépôt subversion. Ceci est du au fait que ce guide n'installe pas USVN de la façon la plus simple. En effet, je trouve qu'il y a plusieurs failles dans l'installation de base de USVN, et j'essaye de les éviter dans ce guide.

November 2008

Drawter, l'éditeur de code HTML, XHTML et CSS en ligne pour réaliser des maquettes complexes en WYSYWYG

(via)
Drawter : dessinez, c’est intégré ! (WYSYWYG Powa!) Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entre elles les propriétés et les attributs. Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs : float: left ou position: absolute. Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options et amusez-vous :) Drawter : dessinez, c’est gagné ? A tester !

Développement efficace avec les frameworks CSS - La Case de l'Oncle Tom

by 3 others (via)
Les frameworks CSS ont été mentionnés la première fois dans la conférence Working in the Now (visualiser la présentation). Au final, on n’était pas loin de faire salle comble avec plus d’une vingtaine de participants à vue de nez. Une petite scéance de rattrapage s’impose ;-) Pourquoi avoir choisi ce sujet ? J’ai lu un article sur l’importance du rythme vertical l’an dernier sur Biologeek et ça m’a sensibilisé au fait qu’on pouvait rendre la lecture d’un site tout simplement en rendant prédictible la position du texte. Entre temps j’ai également lu l’excellent Transcender CSS d’Andy Clarke. J’y ai été sublimé par des présentations de sites totalement en grille. Depuis je suis devenu fan de Blueprint CSS (je crois que ça s’est remarqué lors de mon intervention ;-)). J’ai commencé à l’utiliser sur des projets personnels puis dans un cadre professionnel. J’utilisais déjà symfony comme framework PHP et jQuery comme framework JavaScript alors pourquoi pas Blueprint ? Comme le suggérait très justement Christian Heilmann dans sa présentation, l’utilisation d’outils déjà existants est nécessaire pour réduire les coûts de production. C’était déjà un bon alibi mais je les apprécie aussi parce qu’on gagne un temps fou ! On se concentre sur le code métier, pas le reste.

Developer's Guide - AJAX Libraries API - Google Code

The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the google.load() method, your application has high speed, globally available access to a growing list of the most popular JavaScript open source libraries.

Sur la Route des Bâtisseurs: Accessibilité en maisons individuelles : un guide technique et réglementaire

(via)
Conçu et édité par Cequami (Certification Qualité en Maisons Individuelles), ce guide a pour but d’informer le constructeur des dispositions prises pour l’application des articles R111-18 à R111-18-7 du Code de la construction et de l’habitation relatives à l’accessibilité aux personnes handicapées des bâtiments collectifs et des maisons individuelles lors de leur construction. L’obligation d’accessibilité concerne trois domaines faisant l'objet de développements spécifiques sur l'ensemble des normes techniques en vigueur : - place de stationnement automobile ; - aménagements extérieurs : cheminements extérieurs, équipements et aux dispositifs de commande et de service, portes et portails ; - aménagement intérieur au logement : caractéristiques de base des maisons, dispositions relatives aux pièces de l’unité de vie, aux escaliers intérieurs des maisons, aux accès aux balcons, terrasses et loggias, à l’adaptabilité de la salle d’eau.

htmlwrapper - Google Code

by 2 others (via)
Wrapper is a cross-browser compliant HTML/CSS rendering engine written in ActionScript that sits on top of your standards compliant HTML page. Wrapper eliminates cross-browser issues and makes integrating ActionScript and HTML/CSS projects possible without needing to compile. Wrappers strives to answer the most common problems web designers face without forcing them to learn too many new things. Most web sites can be created in HTML or CSS, then when you need to extend Wrapper's capabilities you can either use JSON to call functions within ActionScript or you can load compiled plug-ins. Wrapper also has built in methods within CSS to load custom fonts, display elements as any shape, and fill them with linear or radial gradient background colors. ActionScript's event model is also implemented within Wrapper's HTML. Wrapper's best features are the ones that you get for free because of how it is set up. It's like getting all the great features of the Flash Player without needing to deal with compiling and being able to create your content the same way any HTML page would be created. Wrapper is fully accessible to the search engines and integrates well with any back-end technology. Wrapper is currently released as a fully functional open source beta for Flash Player 9. Wrapper is set up as a pre-compiled plug-in but can easily be integrated into any Flex or AIR applications or even as an ActionScript framework for creation of compiled projects.

TYPOlight.fr - gestion de contenu génération de pages accessibles conformes W3C

by 2 others
TYPOlight webCMS TYPOlight webCMS est un puissant système de gestion de contenu web spécialisé dans l'accessibilité (back office et front office) et utilise XHTML et CSS conforme W3C/WAI pour générer les pages. Il a été mis au point par Leo Feyer en 2004 et a été publié sous la Lesser General Public License (LGPL). Principales fonctionnalités de TYPOlight Voici quelques-unes des caractéristiques qui permettent à TYPOlight de se démarquer de la variété des systèmes de gestion de contenu. Si vous voulez en savoir plus, consultez la liste complète des fonctionnalités. TYPOlight * Dispositif de mise à jour automatique * Documentation multilingue * Génération de code XHTML strict et accessible * Utilisation des technologies du Web 2.0 et Ajax * Support de contenu multilingue (jeu de caractères UTF-8) * Générateur de CSS compatible multi-navigateur (compatible IE7) * Gestionnaire de fichiers intégré * Moteur de recherche avancé * Générateur de formulaire * Langages et thèmes multiples dans le back office * Front office basé à 100% sur des modèles personnalisables * Gestion de versions et d’annulation (défaire / refaire)

TYPOlight - CMS - Logiciels Libres - Framasoft

(via)
TYPOlight est un système de gestion de contenu web créé en 2004 par Leo Feyer, et soutenu aujourd’hui par une équipe d’une vingtaine de développeurs. L’objectif était dès le départ de proposer un CMS : * 100% accessible qu’il s’agisse de l’interface d’administration fondée sur AJAX mais fonctionnant aussi sans javascript (suffisamment rare pour être noté) ou du code généré côté utilisateur (tous deux conformes WAI) ; * moderne avec dès le départ une base de code en PHP5 orienté objet, un système de mise à jour automatique (payant, dégressif pour plusieurs domaines), un outil d’installation des extensions simple et sûr et un code généré valide XHTML strict ; * flexible du point de vue de la personnalisation des modèles de page (en s’appuyant sur un solide framework CSS) ou nativement du point de vue des types de contenus (pas de contrainte de structure de type titre - sous-titre - contenu).

October 2008

ID Selector

by 1 other
ID Selector: Quick Guide It's all about getting users signed into your website as quickly and efficiently as possible. It achieves this by providing a simple, consistent, provider neutral interface, and by educating the user about OpenID during the sign in process. In short, it makes OpenID easier for the end user and benefits both the relying parties and OpenID providers. What is the Selector? It's a widget that you add to the existing OpenID login form on your website. You embed a snippet of javascript code into your page, and it writes in an HTML button tag styled to match your CSS.

modconcat - Google Code

by 2 others
This emulates a feature in danga's perlbal. the ability to join multiple files together in a single request. This is a performance optimization. instead of requesting 5 seperate CSS or javascript files from your server, you can do it one request.

Jiffy Firefox Extension - Documentation

The Jiffy Firefox Extension is written Bill Scott of Netflix. It adds an additional panel to Firebug that provides a visual view of the Javascript time measurements captured by Jiffy-Web. The extension is available under Creative Commons license. Jiffy-Web is a fine-grained and flexible website performance tracking and analysis suite written by Scott Ruthfield and the team at Whitepages.com. The library provides a simple way to insert and capture time measurements in your Javascript code and save them to a backend service for later analysis.

Speeqe – Trac

Speeqe is a web based, group chat client that works with the XMPP/MUC protocol. It is chat made simple. The goal is to give the user the best and easiest experience in creating chat rooms. It is a combination of javascript and python code using a collection of open source software and software tools. This collection is nginx or apache for a frontend. The frontend serves the webclient which is javascript using Strophe and JQuery. It also proxies to Punjab for the BOSH connection to connect to XMPP based servers. To tie it all together there is a small amount of django. Features ¶ HTML/javascript client Themable (all UI is in one html file) Inline images. Inline youtube videos. Kick,ban,unban support. Room configuration. DNS named rooms (ie http://speeqers.speeqe.com will go to the room speeqers@…) Ability to connect to federated XMPP servers and chat rooms.

September 2008

catalogue open source Open Catalogue

Notre catalogue open source "Open Catalogue" est un projet pour réaliser un site internet de vente en ligne. Il est destiné aux PME PMI et répond à leurs besoins !! . Open Catalogue c'est : * - Présenter son catalogue produits, * - Pouvoir faire des devis ou vendre ses produits par CB, * - Présenter son enreprise avec un CMS adapté, * - Gérer les commandes, les livraisons, * - Editer les factures en PDF, * - Communiquer et établir une relation clients, * - Et bien d'autre choses encore :). Un projet centré sur l'utilisateur !. * - l'utilisateur est au centre des décisions, * - Nous intégrons se dont vous avez besoin, * - Nous respectons les standards, * - Nous nous efforcons de vous proposer un code de qualité, Open Catalogue répondre aux attentes d'un site internet traditionnel de vente en ligne. OpenCatalogue ce veut d'être simple. Testez le et faites nous part de vos remarques pour AMELIORER ce projet.TELECHARGER

Wordpress Themed Categories Plugin | Mike’s Downloads Page

I had to create my first wordpress plugin due to necessity. One of my clients require that he be able to assign different themes for each category. I have seen this feature in the Wordpress Subdomain Plugin but I can’t use it as is since my client doesn’t want his categories to be subdomains. I looked at the code of said plugin and said to myself, “heck, this is easy.”

XEN Cluster HowTo

I have tried to run both Debian Etch and Ubuntu 8.04 Server on the cluster nodes, in Dom0. I started my tests with Debian, but I had some issues with slow samba performance in one VM that I couldn't fix so I decided to try Ubuntu Server, for the first time. Both installation went OK, the main difference was that I used mainly source code in Debian, but only packages in Ubuntu. I actually ran into more problems with Ubuntu due to some early bugs in the 8.04 release, will describe them below as I go along. And I have still to prove that running this setup in Ubuntu is stable.

August 2008

IE WebDeveloper - DOM Inspector, Script Console, Logging messages and HTTP Monitor

IE WebDeveloper is an add-on for Microsoft Internet Explorer. The rich web debugging toolset allows you to inspect and edit the live HTML DOM and current cascaded styles, evaluate expressions and display error messages, log messages, explore source code of webpage and monitor DHTML Event and HTTP Traffic.

July 2008

ratproxy - Google Code

by 6 others (via)
Google vient d’annoncer qu’il proposait son outil Ratproxy, permettant de dénicher les failles de sécurité dans les sites web, sous licence Open Source Apache. Chaque webmaster digne de ce nom pourra ainsi utiliser le logiciel, disponible sous FreeBSD, Linux, Mac OS X ou Windows, pour savoir si son site présente des dangers d’intrusion ou de piratage. Google indique que pour l’instant, le système est en version bêta et qu’il n’est pas infaillible, l’utilisation de solutions plus complète et l’analyse humaine d’un professionnel restant encore aujourd’hui indispensable.

June 2008

Un plugin jQuery pour générer des plans automatiquement - Prendre un Café

by 1 other
Quelques heures de boulot plus tard, jqplanize[1] est né et permet de générer automatiquement une table des matières extraite de la hiérarchie induite de la séquence des titres d'un document HTML[2]. La doc est sur la page d'accueil du projet (hébergée chez Google), ou plus exhaustivement sur cette page dédiée du présent site, avec quelques exemples live. Le code semble fonctionner sous Firefox 3 RC2 et Safari 3.1, mais ça ne marche curieusement pas sous Opera 9, et j'ai pas testé sous IE donc attendez vous à des updates[3].

May 2008

April 2008

Google Website Optimizer

by 2 others
Google Website Optimizer est un service proposé par Google pour comparer différentes versions de votre site et ainsi choisir les meilleurs options compte tenu des expériences utilisateurs de vos visiteurs. L’installation est a priori simple, il suffit de paramétrer une expérience et puis d’installer un petit code javascript pour tracker les informations. Et puis de tester des variations de design, de logo, d’image, de navigation, bref tout ce que vous voulez tester…

klauskomenda.com » Collection of Web Developer Tools, per Browser

by 1 other (via)
With so many browser out there in the wild, working as a Web Developer certainly is not an easy job these days. Thankfully, over the last years, decent tools have been developed by bright people that make developing and debugging of code easier for the developer. But sometimes, it is not easy to keep track which tools are at a Developer’s disposal (and which are actually usable). The following article seeks to list the best tools available and quickly describing how to activate/install/use them.

Setting Up A Modular Subversion Repository For PHP-Driven Websites | HowtoForge - Linux Howtos and Tutorials

Sharing code between projects is still not a trivial matter with subversion. Especially if you are familiar with SourceSafe, you will find that subversion makes it hard to share code. Subversion seems to be really great in creating a version mess and good in solving one, but the reason I need source code control is to prevent such a mess. This is where subversion can be greatly improved, but it is not impossible. This howto will demonstrate a directory setup that takes the subversion sharing mechanism into account, as well as other issues that repositories bring.

camel's TAGS related to tag code

accessibilité +   ajax +   apache +   application +   applications +   browser +   cache +   chat +   class +   cluster +   cms +   color +   combine +   configuration +   css +   curves +   debian +   design +   dev +   doc +   documentation +   dom +   editor +   effets +   enomalism +   environment +   extension +   faille +   firefox +   flash +   form +   framework +   free +   generator +   gestion +   google +   guide +   highlight +   hosting +   howto +   html +   http +   identites +   ie +   image +   images +   interface +   internet +   javascript +   jQuery +   lightbox +   list +   livre +   load balancer +   log +   mail +   management +   map +   menu +   mozilla +   mysql +   network +   openid +   password +   performance +   php +   php5 +   picture +   plugin +   programming +   project +   projet +   proxy +   python +   remote +   ressources +   screencast +   script +   server +   setup +   site +   software +   subversion +   svn +   table +   test +   tutoriel +   typo +   upload +   usvn +   virtualisation +   vmware +   web +   webdesign +   wiki +   windows +   wrapper +   xen +   xhtml +   xml +