MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

IzzyMenu, Générateur de menu en CSS a la sauce Web 2.0

IzzyMenu est un Web service permettant de créer des menu de navigation pour votre site web à la façon Web 2.0, 100% CSS et sans aucune inscription.

izzymenu

Sur la gauche de l’interface, vous trouverez l’ensemble des options qui vous permettent de paramétrer le design de votre menu tout autant que le comportement de votre menu et la partie droite, vous permet de visualiser le résultat de votre création, parmi les options proposées on peut cité :

» lire la suite de l’article

AddThis Social Bookmark Button

Snipplr, bibliothèque collaborative pour codeur

Snipplr est une bibliothèque collaborative qui regroupe des “snippets“, autrement dit des bouts de code (Javascript, HTML, PHP, CSS, Ruby, Objective C, ColdFusion, Diff, Django, Emacs Lisp, eZ Publish, Fort, Etc..) souvent utilisés.

snipplr

Chacun des membres peut y stocker et partager les siens, et bien sûr commenter celles des autres ou les mettre en favoris. La base est quand même pas mal fournie.

Ca peut être très utile pour optimisé ces code au encore détecter et corriger les buge. sans oublier le manque d’inspiration

Toujours dans la recherche de code en peux trouver aussi.

Voila, il y a déjà de quoi faire avec cette petite liste, si vous en connaiser d’autre n’hésiter pas a nous les faire partage.

AddThis Social Bookmark Button

Panoye, publier et partager vos photos panoramiques

Panoye est un nouveau service web communautaire qui vous permet de partager vos photos panoramiques en les localisant sur une carte mondiale (google earth), la navigation au sein d’une image est particulièrement intuitive et réussie.

Comme pour tout site communautaire vous avez la possibilité de commenter les photos, ou de voter pour vos préférées, vous disposez aussi d’un système de navigation par tage.

Sans oublier que les photos panoramiques peuvent être ajouter sur votre blog ou site grâce a une ligne de codes qui fait appel à cette dernière (voir l’exemple ci-dessus).

» lire la suite de l’article

AddThis Social Bookmark Button

Tester la validité de son site en XHTML et CSS en un seul clic

Vous connaissez sûrement des nombreuses site pour tester la validé de votre site par rapport au normes W3C (XHTML, CSS). Mais très peu permettent de tester le XHTML et le CSS en même temps. Eh bien c’est chose faite avec XHTML-CSS Validator, comme il vous permet de tester XHTML et CSS en un seul clique.

xhtml-css-validator
Il soumet l’URL que vous voulez vérifier à W3C Markup Validator et W3C CSS; les validateurs renvoyer les résultats en format SOAP.

Il vous propose même une extension Firefox appelée BeValid! Pour vérifier la validité Xhtml et CSS de l’url saisie dans la barre d’adresse.

Source : blog.bouctoubou.com

AddThis Social Bookmark Button

pForm, générateur de formulaires en 2 clics

pform
pForm est un web service qui vous permet de créer des formulaires (Ajax/Html/CSS) totalement gratuits avec une simplicité déconcertante. Vous disposez de 25 models que vous pouvez bien sûr personnaliser.

1. Choix de la palette de couleurs

2. Définition les champs

L’interface de définition des champs est tout simplement incroyable. Vous pouvez ajouter et repositionner les champs avec un simple glisser/déposer (drag and drop), vous disposez d’une grande variété de types de champs (textes, paragraphes, boutons, les dates / heures, cases à cocher, etc. …) qui sont complètement paramétrables.

» lire la suite de l’article

AddThis Social Bookmark Button

Tutorial ReflectOMatic, ajouter facilement des effets de réflections

reflectomatic
ReflectOMatic est un site qui permet d’ajouter facilement des effets de réflections à n’importe quelle image. Vous entrez l’Url de l’image, réglez l’opacité et la hauteur du reflet, la taille et la couleur de fond de l’image, une fois le résultat gêner il ne vous reste plus qu’a l’enregistrer.

Mais ce n’est tout, ReflectOMatic nous offre une autre solution basée sur un script JS pour ajouter un reflet de façon automatique sur les images de votre choix, et le fichier JavaScript ne pèse que 5 ko !

» lire la suite de l’article

AddThis Social Bookmark Button

CSSmenuMaker, générateur de menus CSS

cssmenumarker
Vous souhaitez mettre en place un menu design horizontal ou vertical sur votre site ou blog est cela en moins de 10 minutes ? Pour ça rendez-vous sur CSS Menu Maker un Générateur de menu 100% en CSS et 100% valide 3WC.

La création de menu c’est fait en 3 étapes :

  • Tout d’abord, Choisir un modèle parmi la liste de style disponible sur le site (pour l’instant assez réduite).
  • L’adaptez avec vos propres étiquettes et liens.
  • En suite vous télécharger le code XHTML et CSS qui est inclue dans le fichier ZIP (avec un exemple qui vous explique comment ajouter le menu à votre page).

Pour finir, si vous maîtrisez la création de menu CSS, CSS Menu Maker lance une concours avec un iPhone comme trophée.

AddThis Social Bookmark Button

htaccessEditor : créer quasi-automatiquement un fichier htaccess

La mise en place des fichiers .htaccess est d’une grande importance dans la gestion d’un site ou d’un blog.

Définition Wikipedia : “Les fichiers .htaccess sont des fichiers de configuration des serveurs web Apache. […] On peut les utiliser pour modifier les droits d’accès, créer des redirections, écrire des messages d’erreur personnalisés..”

Par contre, leur création peut se révéler délicate, voir même périlleuse. Vous avez la possibilité de trouver de très bons tutoriels sur le Web. Néanmoins, il existe une solution beaucoup plus simple dans le service htaccessEditor.com

htaccesseditor

» lire la suite de l’article

AddThis Social Bookmark Button

Feedjit : en savoir plus sur vos visiteurs et à tout moment

feedjit Feedjit est un widget édité par la même société qui nous a déjà offert LineBuzz. Cette fois si il nous propose de d’en savoir plus sur nos visiteurs avec l’aide Feedjit qui va nous permet d’afficher le trafic de nous site en temps réel via un widget. Il est gratuit et ne nécessite aucune inscription.

Aprés avoir configuré l’aspect visuel du widget en quelques clics, il vous suffit de copier-coller le code javascript à l’endroit désiré pour pouvoir regarder facilement le trafic entrant (Localisation du visiteur + url de provenance des visiteurs + url de la page visitée) mais aussi le trafic sortant (où cliquent vos visiteurs pour quitter votre site) de votre site ou blog.

En bas du widget, vous pouvez facilement avoir accés aux pages les plus populaires (les plus visitées), la carte du trafic par provenance sur une Google map ainsi que la répartition des visiteurs par pays. mais la mise à jour des informations de widget nécessite un rafraîchissement de la page.

» lire la suite de l’article

AddThis Social Bookmark Button

ModalBox & ThickBox : Popup à la sauce Web 2.0

Popup a la sauce Web 2.0
Dans ce billet en va voir deux technique (Ajax) pour crée des popup à la sauce Web 2.0 qui sont ModalBox et ThickBox

ModalBox, basé sur prototype et script.aculo.us., qui vous permet à la même manière que le très connu script lightbox pour les image, d’afficher n’importe quel contenu dans une boîte de dialogue.

Premier partie :
Téléchargez et placez les fichiers prototype.js, scriptaculous.js, modalbox.css, modalbox.js dans votre répertoire racine par exemple, ensuite ajoutez la balise qui va faire appel à ce script entre <head> et </head> :

» lire la suite de l’article

AddThis Social Bookmark Button

jQuery User Interface Library

jquery ui
jQuery UI est un ensemble de widgets interactions, construit avec la bibliothèque jQuery comme son nom l’indique, vous pouvez employez ces widgets pour établir des applications Web fortement interactives. l’avantage de cette nouvelle bibliothèque c’est sa simplicité d’utilisation sans oublier qu’elle est facilement customisable pour une intégrations plus homogène à votre site.

Le noyau de la bibliothèque tourne autour de différentes interactions de souris, à savoir drag et dropping, sorting, selecting, et resizing.

Sur le noyau les interactions sont établies avec un certain nombre de gadgets réutilisables, comprennant accordions, date pickers, dialogs, sliders, table sorters, et tabs.

Pour plus d’information je vous conseil de visiter le site jQuery UI dédié à cette nouvelle bibliothèque ou le blog de jQuery

AddThis Social Bookmark Button

4D Ajax for Dreamweaver

4D Ajax for Dreamweaver
4D Web 2.0 Pack permet aux développeurs de solutions professionnelles de tirer pleinement parti de la puissance d’AJAX pour concevoir et publier des applications Web au contenu plus dynamique.

4D Ajax for Dreamweaver est un nouvel outil de développement Web 2.0. Ce plug-in est une extension qui s’intègre à Adobe DreamweaverTM CS3 (outil professionnel de création de pages web).
4D Ajax for Dreamweaver permet aux designers de pages HTML d’ajouter directement et simplement des objets issus de 4D Ajax Framework dans leurs documents HTML.

Les Web Designers et les développeurs 4D vont désormais concevoir des sites Web en profitant de la puissance d’AJAX sans ligne de code supplémentaire !
« En effet, un simple clic sur une icône dans le plug-in 4D Ajax for Dreamweaver suffit pour ajouter dynamiquement des fonctionnalités du framework AJAX de 4D dans un document HTML Adobe DreamweaverTM CS3 » déclare Laurent Ribardière, Président de 4D SAS.

Comme annoncé lors de la sortie de 4D Web 2.0 Pack et dans le cadre du suivi de versions, 4D Ajax for Dreamweaver est disponible en tant que mise à jour gratuite pour tous les détenteurs du pack.

Disponibilité :
4D Ajax Framework est disponible en quatre langues (Français, Anglais, Allemand et Espagnol) sur les plates-formes Mac OS X ou Windows XP/Vista par téléchargement sur http://www.4d.fr/products/4dweb20pack.html
4D Ajax for Dreamweaver s’utilise à partir de la version 1.1 de 4D Web 2.0 Pack.

AddThis Social Bookmark Button

Recevez les derniers articles par mail :

 

Recent Comments

Par Albert Einstein

“La connaissance s'acquiert par l'expérience. Tout le reste n'est que de l'information.”

Feedburner RSS
Ajoute a Technorati Favoris