Faut pas décoder !

Utiliser un programme d’animation flash n’est pas toujours facile pour qui s’initie.

The Effect Generator est un petit logiciel gratuit en ligne qui va vous permettre, sans connaissance préalable si ce n’est votre imagination, d’en créer par simple glisser-déposer.

The Effect Generator vous offre la possibilité de choisir différents outils de transformation et d’animations. Vous avez également la possibilité de démarrer via des modèles proposés classés par thème et de les transformer à votre guise, ce qui pourrait être une base afin d’en comprendre ces outils.

Une fois terminé, vous pouvez l’enregistrer et vous l’envoyer par mail. Seul inconvénient, c’est que le champs mail ne semble pas reconnaitre l’arobase et le point, procédez donc au simple copier/coller.

Une fois votre fichier envoyé, vérifiez votre messagerie. Dans le mail que vous recevrez, vous trouverez un lien vers votre animation un lien pour l’éditer le code qui va vous permettre d’insérer directement l’animation sur votre page le code javascript à insérer directement sur votre page le code javascript à insérer dans votre html

via

Marre des interface de recherche textuel et sans âme ?
Un nouveau moteur de recherche verra bientôt le jour. Son nom ? searchMe
http://www.searchme.com/

SearchMe présente depuis quelques semaines une version de test de son moteur, comptant déjà plus d'un milliard de pages.
Ce moteur de recherche est basé sur une présentation visuel des résultats, rappelant le très à la mode Cover Flow d'Apple.

Le rendu du moteur est basé sur la technologie en plein essor : Flex.

Pour se faire un idée, le plus simple est encore d'aller voir la vidéo de présentation directement sur le site, ou de s'inscrire pour recevoir les codes d'accès à la version Béta de l'outil.

Gageons que ce moteur, après avoir levé 31 millions de dollars à des sociétés comme Sequoia Capital (qui en son temps injecta de l'argent dans des projets prometteur comme Google ou Yahoo!), saura nous surprendre.

Depuis ces dernières années, de nombreuses évolutions ont vu le jour, techniquement, ergonomiquement, avec l'arrivée de sites plus dynamiques, plus interactifs, la prise de conscience de l'importance du respect des normes.

Malheureusement, les différentes versions de navigateurs, notamment les plus répendues, celles de Microsoft Internet Explorer, n'ont jusqu'à présent pas fait preuve d'efforts suffisants pour se mettre en conformité avec ces normes, pourtant essentielles à un Web propre, facilitant l'accès à l'information pour les moteurs de recherche, les personnes handicapées, réduisant les bandes passantes nécessaires, ...

En ce moment même, la version Bêta 1 d'IE 8 est en test par les développeurs en technologie Microsoft.
Cette version intègrera deux moteurs de rendu, celui d'IE 6 et 7, et un nouveau, qui a passé avec succès le test Acid 2 du Web Standards Project (WASP). Cette nouvelle version devrait notamment prendre en charge intégralement les CSS 2.1.

Nous devrions dans les toutes prochaines années pouvoir enfin dire adieu aux "hack IE" tant appréciés !

Affaire à suivre...

Face à Internet Explorer, Firefox, gagne du terrain. Très apprécié pour ses fonctionnalités avancées et ses nombreux plugins, celui-ci a atteint récemment les 500 millions de téléchargement, avec une croissance toujours plus rapide.
La prochaine version prévue pour le premier semestre 2008 apportera son lot d'améliorations, visibles ou invisibles pour l'utilisateur, en plus de son actuelle excellente compatibilité avec les normes en vigueur du Web.

Devenu incontournable, le navigateur internet Firefox n'est plus simplement cet outil qui vous permet d'aller surfer sur les sites.
En effet, grâce à de nombreux modules, vous pouvez enrichir son interface et même vous en servir comme un outil de développement.

Petit aperçu des plugins qui peuvent vous être utiles dans vos développements !

Web Developer
Un des plugins de référence, une fois installé une nouvelle barre d'outils se met en place.
A votre disposition, de nombreuses fonctionnalités s'organisent en catégories : gestion des scripts, des cookies, du css, des images ou bien encore l'accès direct à la validation accessibilité.

Firebug
Tout autant utile, Firebug vous permet de visualiser et même d'intervenir directement dans le code de vos pages générées.
Au rendez-vous, possibilité d'appliquer et de debuger vos codes javascript, de visualiser le HTML de vos pages sous forme d'arborescence en y incluant directement l'accès au styles CSS.
A découvrir impérativement pour pouvoir se rendre compte de toutes possibilités.

IE Tab
Beaucoup plus simple que les deux plugins précédents, IE Tab vous permet d'alterner entre le moteur du navigateur Firefox et celui de Internet Explorer.
Ce module peut se révéler très utile pour tester les compatibilités d'affichages.

ColorZilla et MeasureIt
Je regroupe ces deux plugins étant donnée leur complémentarité lors de l'intervention sur la feuille de style.
En effet, ColorZilla vous permet de capturer n'importe quelle couleur sur une page internet et MeasureIt va vous permettre simplement d'obtenir, en pixel, la taille d'une zone à l'écran.

FireShot
Très pratique lors de la création de document (spéciation, formation, etc), Fireshot met à votre disposition un outil complet de capture d'écran.
Sa particularité est de pouvoir sélectionner une partie ou la totalité de la page web et la possibilité d'éditer et d'annoter directement ses images.

PicLens
Pour terminer, même si Piclens ne rentre pas dans la catégorie "développement", c'est une très bonne expérience à mettre en place.
L'extension transforme votre navigateur en galerie d'images 3 dimensions.
La présentation très fluide vous permet de visualiser les images issues de Flickr, Smugmug, DeviantArt, Photobucket, Picasa, Facebook, MySpace, Bebo, Hi5, Friendster, Google, Yahoo, Ask, Live, AOL et certains flux rss dans une interface d'une efficacité surprenante.
A découvrir !

Il est important lors de la réalisation d'un site de prendre en compte l'e-accessiblité, pour permettre au plus grand nombre d'utiliser le site, y compris sur différentes configurations d'ordinateurs.
Prenons le cas de Javascript. Celui-ci permet d'offrir une grande interaction avec l'internaute (le Web 2.0 comme beaucoup disent, en partie à tord). Toutefois, une personne n'ayant pas javascript d'activé doit pouvoir naviguer librement sur le site et bénéficier des mêmes services, mêmes si ceux-ci peuvent parfois être moins ergonomiques, attrayants, ...
Voyez ces deux visuels, issus du site www.spit.fr, le premier sur une configuration avec Javascript, le deuxième sans Javascript.

Visuel 1 :


Visuel 2:


Le principe est simple. Le premier formulaire à créer est le formulaire "normal". On vient ensuite greffer du Javascript, qui, s'il est activé, masquera les listes déroulantes, affichera à la place de belles listes graphiques, scrollables, ... et sélectionnera le bon élément dans la liste déroulante masquée lors du clic sur l'image.
Les fonctionnalités sont donc strictement identique. Seule l'ergonomie et le graphisme de la page change.
Résultat : une interface agréable, des utilisateurs "classiques" satisfaits, les autres utilisateurs ... satisfaits également !

Une info importante concernant l’outil PSpad, très utilisé par les développeurs pour éditer les pages PHP. Il est NECESSAIRE de configurer ce dernier pour ne pas engendrer de problème. Un fichier php doit normalement commencer par « <?php » et finir par « ?> » sans aucun caractère à l’extérieur de ces balises.
Le problème est que pspad rajoute par défaut un retour chariot en fin de fichier (donc après le « ?> »).
Ceci peut engendrer des problèmes si l’on souhaite utiliser la fonction « header » de php car un caractère aura déjà été envoyé au navigateur (le retour chariot !), d’où une erreur « headers already sent ».

Pour empêcher ça, aller dans le menu Options -> Options du programme, onglet « Editeur – fonctionnement » et décocher la case « Ajouter CR+LF ».


Regardez également les autres options, il y en a des sympa, notamment dans l’onglet « Integration au système » (visualiseur du code source de IE), ça permet au moins d’avoir un peu de couleur !

Bon à savoir aussi, lorsque l'on utilise le miniword (tinymce) dans des onglets de jquery, il faut initialiser les onglets à la fin du chargement du code pour que le miniword puisse s'initialiser avant. Sinon, le miniword ne sera bizarrement pas chargé.

$(window).load(function(){
    $("#container-1 > ul").tabs();
});

et non pas la fonction habituelle :

$(document).ready(function(){
    $("#container-1 > ul").tabs();
});

Lorsque l'on utilise les onglets JQuery et des Google maps dans la même page, il faut impérativement charger la map AVANT les onglets. Dans le cas contraire, la carte sera bizarrement tronquée...

Il est parfois nécessaire de rajouter du javascript dans le miniword de SPIP.
Si vous essayez directement, cela ne marche pas, il faut bien penser à mettre des commentaires html.
Par exemple (avec jQuery)

<script type="text/javascript">
<!--
$(document).ready(function() {
       $('div.details2').click(function() {
        var answer = $(this).next();
});
// -->
</script>

Vous ne connaissez pas SPIP, jQuery ou TinyMCE ?

• SPIP
• JQuery (Javascript : Write Less, Do More)
• TinyMCE Javascript Content Editor

Un blog de teckos, c'est bien, mais faut pas décoder non plus !

Vous trouverez ici nos truc et astuces, ceux que nous utilisons tous les jours et qui nous simplifient la vie. Vous trouverez donc des actualités concernant SPIP, PHP, jQuery...

Bon surf à tous !