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.
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é :
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.
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.
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).
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.
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.
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.
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, ReflectOMaticnous 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 !
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.
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
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.
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> :
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.
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 https://www.4d.fr/products/4dweb20pack.html
4D Ajax for Dreamweaver s’utilise à partir de la version 1.1 de 4D Web 2.0 Pack.