Suivez le flux RSS | (4799 abonnés)

 

Actualité Informatique

Google offre ses outils de compression JS

Javascript et Css   Une réaction »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...Loading...

closure-toolsGoogle est le plus gros consommateur de JavaScript de par sa popularité et ses nombreux services en ligne. Chaque optimisation de code est source d'économies en terme de bande passante, de temps et biensûr de coût.

Il suffit de regarder le code source de Google.com pour se rendre compte à quel point tout est optimisé. Google compresse en réalité toutes les parties de code JavaScript de façon très efficace. De nombreux services seraient pratiquement inutilisables sans ses optimisations (Gmail, Maps, etc.). On se souvient par exemple que Gmail prenait parfois plus de 60 secondes sur une connexion bas débit pour afficher la boite de réception...

compression-javascript

Un contenu web en Java-Script peut réagir  différemment suivant le navigateur utilisé. L'unification des affichages et du comportement des applications fait parti des objectifs de la firme américaine. Pour y parvenir Google vient de sortir une suite d'outils baptisée Closure Tools, tout droit issue du Labs et via le Google App Engine. » Lire la suite

Proposer l’ajout d’un site en favoris pour Firefox en JS

Javascript et Css   2 réactions »
A ce point ?PassableIntéressantYeahExcellent! (2 vote(s), moy. : 3,00 sur 5)
Loading...Loading...

favorisHistoriquement, il a toujours été possible avec Internet Explorer de proposer un lien permettant d'ajouter l'adresse de votre site/blog en favoris (marques-pages).

De nombreux sites ont utilisé cette technique qui se révèle aujourd'hui complètement obsolète.

Vous vous doutez bien que ce code est propre à Microsoft et ne respecte en rien ce que l'on trouve dans les standards :

<a onMouseOver="window.external.AddFavorite(location.href, document.title);">
Blogmotion</a>

Résultat : qu'aucun autre navigateur ne le prend en charge, exceptés ceux fonctionnant un moteur IE ! Il suffit d'utiliser Mozilla Firefox pour se rendre compte que le code est toalement inactif...

Voici un équivalent pour Firefox (fonctionne également sur IE). » Lire la suite

HTML-ipsum : générer du faux texte mis en forme

Javascript et Css   5 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...Loading...

HTML-ipsum est un générateur de faux texte (Lorem Ipsum) destiné à remplir de texte vos designs pour obtenir un rendu lorsque vous n'avez pas encore de contenu.

html-ipsum » Lire la suite

Une technique simple de lien distant en CSS

Javascript et Css   3 réactions »
A ce point ?PassableIntéressantYeahExcellent! (2 vote(s), moy. : 4,50 sur 5)
Loading...Loading...

Voici une technique en CSS pur de sélection de lien distant ("remote link") :

» Lire la suite

Suivez les standards avec le framework SenCSs

Javascript et Css   6 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...Loading...

SenCSs est un framework CSS Open-Source (MIT) qui ne vous fournit pas de support de mise en page mais qui vise à prendre en charge tout le reste :

  • polices et tailles de polices
  • paddings
  • margins
  • couleurs
  • tableaux
  • listes
  • blockquotes
  • etc.

Le framework est en fait composé d'un seul et unique fichier CSS que vous pouvez utilisé comme base lors de l'élaboration d'un site web. Il permet d'effectuer un reset de certaines proprietés CSS permettant d'obtenir un rendu identique (ou presque) sous tous les navigateurs.

Oubliez les galères d'alignement et le décallages CSS » Lire la suite

Testeur d’expressions régulières Javascript en ligne

Javascript et Css   2 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...Loading...

Pas facile d'écrire les bonnes expressions régulières lorsqu'on ne les manipule pas régulièrement.

Pour valider vos expressions régulières sans avoir à bidouiller votre code, je vous propose de les essayer directement en ligne via le testeur d'expressions régulières de QuentinC :

» Lire la suite

Validation instantannée d’un formulaire en AJAX

Javascript et Css   4 réactions »
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), moy. : 4,33 sur 5)
Loading...Loading...

Les formulaires sont à mon avis un des aspects le plus frustrants que l'on peut rencontrer sur un site web, cela pour plusieurs raisons :

  • Trop d'informations vous sont généralement demandées
  • Absence d'information concernant le type de donnée à entrer au clavier
  • En cas d'erreur il vous faut généralement tout retaper (sauf si le webmaster a pris soin d'utiliser des sessions, ce qui lui complique la tâche)

Les formulaires mal pensés sont source de perte de visiteurs, surtout lorsque la concurrence est rude... Bien que cela puisse être également un bon frein si votre service rencontre trop de succès, mais ce cas est bien assez rare ;)

La meilleure façon pour rendre ces formulaires un peu moins rebuttants est d'implanter un système de validation en temps réel. Pour cela, le méthode la plus appropriée est ne validation gérée par de l'AJAX. De cette façon un formulaire ne pourra être envoyé qu'une fois toutes les conditions satisfaites.

Pour ce faire je vous propose d'utiliser le script LiveValidation. Son utilisation est simple, propre et fonctionnelle et vous évite à recoder la roue, alors pourquoi s'en priver ?

Le script s'adapte très bien à vos exigences de part ses nombreuses possibilités. Vous pouvez par exemple contrôler les champs à l'envoie du formulaire ou à la frappe, combiner plusieurs méthodes de vérification (inclusion, exclusion, type de données, etc.).

C'est un script très complet qui vous fera gagner en temps mais également en notoriété ;)

Télécharger LiveValidation

[Javascript] Auto-focus sur formulaire de dates

Javascript et Css   Réagir »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...Loading...

But : changer automatiquement le focus sur un formulaire de saisie de date

Si vous développez des sites internet/intranet ou bien des applications web vous demandez peut-être à vos visiteurs de saisir une date (de naissance, de rendez-vous, de début, etc.).

Personnellement, je trouve assez lourd de proposer un champ découpé en trois entrées sur lesquelles il faut appuyer sur TAB ou bien cliquez dans celle que l'on souhaite pour passer à la case suivante.

A cela vous avez deux solutions :

  • n'utiliser qu'un seul champ de type : "jj/mm/aaaa" ou "jjmmaaaa"
  • réaliser un changement de case automatique dès que l'un est remplie

C'est la deuxième solution que je vous propose de découvrir :) » Lire la suite

Highslide JS (librairie javascript)

Développement, Javascript et Css   9 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 5,00 sur 5)
Loading...Loading...

Description : Highslide JS est une librairie écrite en Javascript qui améliore l'utilisation les aperçus (thumbnail) d'images.

Licence : Elle est gratuite pour une utilisation non commerciale (site perso, éducation et tout autre site non commercial). Pour une utilisation commerciale (au sein d'une entreprise par exemple) il vous en coûtera 30 dollars. » Lire la suite