Category Archives: Non classé

Taayoush City

#COP22 Une ville écologique et autosuffisante prendra place à 55 Km au sud de Marrakech, dans la région d’Amizmiz. Baptisé Taayoush City, le projet a fait l’objet d’une présentation, vendredi dernier, à Marrakech, lors d’une conférence axée sur le thème l’habitat durable.

L’esprit COP22 continue de faire fleurir des projets écoresponsables dont Taayoush City, ville de la coexistence en arabe. En effet, le vendredi 14 octobre, experts, membres de la région et entrepreneurs spécialisés en construction et en aménagement des villes écologiques se sont donnés rendez-vous à Marrakech pour échanger autour de l’environnement et assister au lancement du projet Taayoush City.

S’étendant sur une superficie de 44 hectares dans la région d’Amizmiz, la ville s’inscrit dans une démarche verte en utilisant uniquement l’énergie solaire et des matières 100% locales et écologiques pour la construction des maisons. De surcroît, “Tout est pensé dans les moindres détails pour en faire une ville verte, notamment l’emplacement des fenêtres pour instaurer un système d’aération ingénieux et naturel pour faire abstraction des climatiseurs.”, souligne Mohamed Moussa, l’initiateur du projet.

Optimiser votre code JavaScript avec la fonction « Debounce »

debounce

Une des plus grandes erreurs dans les code javascript est l’absence de la fonction anti-rebond (Debounce).

Si votre application web utilise JavaScript pour accomplir des tâches une fonction Debounce est essentiel pour s’assurer qu’une tâche ne se déclenche pas si souvent et met en péril la performance du navigateur.

Pour ceux qui ne savent pas ce que c’est une fonction Debounce

la fonction anti-rebond (Debounce) limite la vitesse à laquelle une fonction peut s’exécuter.

Un exemple rapide: vous avez un auditeur de redimensionnement de la fenêtre qui fait des calculs de dimension des éléments et (éventuellement) repositionne quelques éléments. Ce n’est pas une lourde tâche en elle-même, mais étant tiré à plusieurs reprises après de nombreuses redimensionne va vraiment ralentir votre site vers le bas. Pourquoi ne pas limiter la vitesse à laquelle la fonction peut tirer?

// Voici une fonction debounce
// (extraite du framwork Underscore.js)
function debounce(func, wait, immediate) {
	var timeout;
	return function() {
		var context = this, args = arguments;
		var later = function() {
			timeout = null;
			if (!immediate) func.apply(context, args);
		};
		var callNow = immediate && !timeout;
		clearTimeout(timeout);
		timeout = setTimeout(later, wait);
		if (callNow) func.apply(context, args);
	};
};

Voici un Exemple pratique d’utilisation de la fonction debounce:

var onResize = debounce(function() {
   // le code a executer
}, 250);
window.addEventListener('resize', onResize);

PageRank officiellement Mort

Google Arrête officiellement le PageRank

PageRank-officiellement-Mort

Google a officiellement désactiver la barre d’outils PageRank pour le grand public.
Ce qui veux dire que en interne Google utiliseront toujours les données, mais il ne sera plus visible pour le public.

Ce changement à été appliqué le vendredi 15 avril 2016 sur tous les sites, coupant l’accès à partir de sa barre d’outils officielle, ainsi que tout autre outil tiers qui accède aux données.

Google a averti les utilisateurs le mois dernier , que ce jour viendrait, chose qui a été confirmer  vendredi par un porte-parole de Google.

Validation des Formulaires: Les 5 meilleurs plugin jQuery

Un plugin jquery qui supporte la validation d’une variable input tableau

Les-5-meilleurs-plugin-jQuery

1. validator

Un plugin jQuery de validation simple et conviviale pour Bootstrap 3

Bootstrap Validator

 

2. Valida

Valida est un plugin jQuery léger (environ 12 Kb en version minified) qui offre un moyen rapide pour faire formulaire validations.

Valida

 

3. Guardian

Guardian est un un plugin jQuery validation coté client, flexible et facile à installer & à étendre code clair est lisible.

Guardian

 

4. Progression JS

Un plugin qui affiche en temps réel sur tooltips la validation et progression des champs remplis offrant une validation et aide visuel.

Progression

 

5. QuickValidation JS

plugin pour validation formulaire en jQuery, rapide et conviviale.

QuickValidation

 

Pub Maroc

(Exploitation Nouvelle publicité de Bikhir.ma avec Hassan Lfed par Avito )

Bannière avito dans adword

Vidéo pub de Bikhir

Développer des applications pour mobiles avec JO

Jo HTML5 Mobile App Framework est nouvelle framwork Open Source écrite en javascript  pour développer des applications web pour les mobiles , il se distingue par :

  1. modèle d’objet JavaScript Embraqué et faiblement typé
  2. profite pleinement des nouvelle fonctionnalités  de  la CSS3
  3. Fournit un modèle d’événement cohérent et modulaire entre les objets
  4. Joue le rôle d’un Wraper pour le  DOM
  5. S’integre parfaitement avec des  bibliothèques comme PhoneGap

Site officiel : http://joapp.com/

Arrivée de MooTools 1.3

Après presque un an de développement, l’équipe MooTools nous annonce la sortie de la version 1.3 de la framwork JavaScript avec de grandes améliorations visilbes.

Mootools Core

L’équipe de MooTools à porté des l’améliorations dans  l’API pour preparé le terain à MooTools 2.0 ainsi la prefixe $ à été déprécie en faveur de leurs name spaces .

We have revised the whole base of our library to speed up MooTools, to provide an even more beautiful API and to make our library future-proof. In order to reduce the amount of global variables we have moved all $-prefixed functions into their according namespace ($splat » Array.from, …). In short we think that with 1.3 you are getting the best MooTools experience ever

Slick Selector Engine

La plus grande mise à jour est l’inclusion du nouveau moteur de selecteur  » Slick  » .
Le moteur a été développé par Thomas Aylott, Fabio Costa et Valerio Proietti avec une précision et une portabilité à l’esprit, connu pour sa excellente performance et parcours des puissant des tags mais aussi pour sa capacité à être inclus dans d’autres projets. L’équipe de MooTools créé plus de 3.000 tests afin de s’assurer que même les scénarios les plus obscurs ont été pris en considération. L’inclusion de Slick également permis à l’équipe d’étendre la méthode des éléments pour permettre la création d’éléments DOM à l’aide des expressions complexes sélecteur CSS. Très cool!

Nouveau Generateur De Fichier

Construire une nouvelle version de MooTools a toujours été facile en utilisant le constructeur et maintenant il a été amélioré par l’intergration du nouveau  préprocesseur « Packager » qui vous permet de créer une version personnalisé de MooTools .
Il gère les dépendances de code et fournit déjà un soutien pour plusieurs plugins MooTools .
Le nouveau préprocesseur est une bibliothèque PHP 5.2 +

Téléchargement De MooTools

vous pouvez récupérer la dernière version de MooTools sur http://mootools.net/download

La sortie de Firefox 4 Beta

Une nouvelle version bêta de Firefox pour les mobiles,certains d’entre vous vous se poser la question par rapport au lacunes de Firefox ( consommation de mémoire) , bonne nouvelle  dans cette version la gestion de mémoire à été amélioré ainsi que le  rendu texte.