Archives pour ‘ Code

Editeur CSS gratuit 23 May 2008 à 2:11 am par myrmex

Vous développez des sites internet… un petit éditeur wysiwyg certes classique mais qui permet de visualiser, simultanément l’aspect de votre site internet sous Firefox et sous Internet Explorer pourrait vous intéressez ?

Alors CSSVista est pour vous. Son fonctionnement est très simple : il suffit de taper l’url de la page à éditer (url, fichier local) et vous aurez l’affichage de la page avec dans la partie supérieure le rendu sous IE, dans la partie inferieure, le rendu sous Firefox.

editeur css

Vous pourrez bien évidemment éditer la (ou les, s’il y a plusieurs feuilles de style) feuille de style associée à la page et effectuer les changements qui seront visualisables instantanément dans les deux navigateurs et ce, en temps réel.

Toutefois, il faut savoir que CSSVista n’est disponible que pour Windows et requière le Framework .Net.

Si vous utilisez le systeme d’exploitation Windows et si vous êtes amené a souvent développer des interfaces HTML/CSS, CSSVista vous simplifiera la vie et vous fera gagner beaucoup de temps.

Site Internet : CSSVista
Licence : Gratuit

> Utililser le tag “canvas” avec Internet Explorer par myrmex 19 May 2008 a 12:10 am et a 2 Commentaires

Les navigateurs Firefox, Safari et Opéra 9 savent gérer le tag “canvas” pour permettre le dessin en 2D sur une page web. ExplorerCanvas apporte la même fonctionnalité à Internet Explorer.

Pour l’utiliser, les développeurs de site Web doivent simplement inclure le fichier “excanvas.js” avec un petit test pour verifier si le navigateur de l’internaute est Internet Explorer dans leurs pages Web existantes. Les fichiers d’exemple montrent et expliquent très bien quelle est la procédure.

Pour se familiariser avec le tag “canvas” (documentation en français) : Centre de développement Mozilla

Site Internet : ExplorerCanvas
Licence : Apache License 2.0

> xAjax, pour programmer des applications Ajax en Php par myrmex 16 May 2008 a 1:56 am et a Aucun commentaire

xAjax est une librairie Open Source qui permet de développer très facilement des applications AJAX avec PHP.

L’Ajax (Asyncronous Javascript and XML) est un “ensemble” de langages (javascript, PHP, XML). La coordination de tous ces langages autorise de créer des interactions dynamiques asynchrones entre l’utilisateur et le serveur. Le site Gmail est un excellent exemple !

Coté pile, la puissance… coté face, la mise en oeuvre est tout sauf evidente (ne serait-ce que l’obligation de connaitre plusieurs langages de programation). C’est la qu’intervient la librairie xAjax car elle permet de programmer des applications AJAX en PHP avec des connaissances de base en javascript. La librairie xAjax transforme les fonctions PHP en fonctions javascript. Il est ainsi possible d’envoyer des requettes HTTP ou MySQL au serveur sans recharger la page.

Pour decouvrir xAjax, je vous renvoie a l’excellent tutoriel de MansonMan.

Site Internet : Librairie xAjax
Site Internet en Français : xAjax Français
Licence : BSD

> Une petite icône pour vos liens par myrmex 17 April 2008 a 3:24 am et a 1 Commentaire

Iconize est une ressource qui apportera un peu de « fun » à vos liens dans vos pages web. En effet, Iconize ne fait qu’agrémenter vos liens d’une petite icône… mais cette icône est celle de l’extension du fichier.

iconize, une icone pour vos liens

L’idée est assez simple, si un lien dirige vers un fichier pdf, ce lien se verra pourvu d’une icône.pdf.

Site Internet : Iconize
Licence : Creative Commons 2.5

> Hartija, framework CSS pour l’impression de vos pages internet par myrmex 16 April 2008 a 3:22 am et a 5 Commentaires

Vladimir Carrer a eu récemment besoin d’un “système” pour imprimer une page web. Il a fait une petite analyse des solutions existantes mais ces dernières ne répondaient pas exactement à ces attentes. Il a donc programmé son propre framework !

Le framework Hartija est un fichier CSS universel rassemblant le meilleur de chaque solution auditée.

Son implémentation est enfantine. Il suffit d’ajouter la ligne link rel=”stylesheet” href=”print.css” type=”text/css” media=”print” est à ajouter dans la partie HEAD de votre page.

Site Internet : Hartija
Licence : GPL