Il va être nécessaire de définir sa propre méthode afin de récupérer les différents paramètres.

Cette méthode récupère l’URL en cours, applique une Regex et stocke toutes les valeurs obtenues dans le tableau vars[].

Ensuite, en fonction du paramètre demandé la bonne valeur sera retournée.

La méthode :

function getParam(param) {

       var varsp = {};

   window.location.href.replace(/[?&]+([^=&]+)=?([^&]*)?/gi, // regexp

             function( m, key, value ) { // callback

                     varsp[key] = value !== undefined ? value :  »;

              }
       );

      if ( param ) {

             return varsp[param] ? varsp[param] : null;

       }

      return varsp ;

}

Par exemple, avec l’URL suivante : http://www.test.html?p1=3&p2=testp2 pour récupérer les deux paramètres p1 et p3, il suffit d’appeler la méthode getParam !

Exemple : function test(){

                     var strp1 = getParam(‘p1′);

                     var strp2 = getParam(‘p2′);

                     var strp3 = getParam(‘p3′);

                     alert(strp1); //Affichera 3

                     alert(strp2); //Affichera testp2

                     alert(strp3); //Affichera  »

                }

En espérant que cela vous soit utile !

Cet article Récupérer avec JavaScript les paramètres GET d’une URL est apparu en premier sur Blog - VISKALI.

Un grand merci à Matart Groupe pour cette ressource gratuite!

Accéder à la ressource (un simple tweet permet de la télécharger)

Format: PSD

Formes vectorielles: Oui

Taille: 45,2 Mo

Cet article Gratuit : 280 UI Elements !! est apparu en premier sur Blog - VISKALI.

Dimensions Chrome Browser Extension

L’extension Dimensions est sortie la semaine dernière et est réalisée uniquement pour Chrome à l’heure actuelle, cet outil vous permet de connaître les dimensions des éléments ou marges d’un site très rapidement. Un vrai plus si vous devez réaliser des intégrations ou vérifier les espaces entre vos différentes boîtes.

L’utilisation se fait ensuite en activant l’icône dans la barre de Google et vous pouvez ensuite positionner votre souris sur les différents endroits à inspecter. L’outil détecte également les images et peut connaître la distance entre différentes formes graphiques qui composent l’image.

Installer Dimensions

L’installation est très simple et passe par le webstore de Google, si vous réalisez régulièrement des intégrations ou simplement pour connaître les dimensions d’un élément web, cette extension vous sera très utile et elle s’installe en quelques secondes.

Le projet

Le projet est réalisé par Felix Niklas et a mis l’ensemble de son code en open source sur Github.
Découvre le site sur : http://felixniklas.com/dimensions/

Source : http://www.blogduwebdesign.com/ressources/dimensions-extension-pratique-web-designers/1550

Cet article Dimensions une extension très pratique pour les web designers est apparu en premier sur Blog - VISKALI.

Se pose alors la question : comment partager ses calendriers ?

Pour cela, Outlook permet de synchroniser ses calendriers en temps réel via un serveur WebDav.

WebDAV (Web-based Distributed Authoring and Versioning) est un protocole (plus précisément, une extension du protocole HTTP) défini par le groupe de travail IETF du même nom. Il permet de simplifier la gestion de fichiers avec des serveurs distants. Il permet de récupérer, déposer, synchroniser et publier des fichiers (et dossiers) rapidement et facilement. L’objectif principal de WebDAV est de rendre possible l’écriture à travers le web et pas seulement la lecture de données. WebDAV permet à plusieurs utilisateurs d’éditer le contenu d’un dossier web simultanément.

Vous allez me dire c’est bien, mais comment faire si l’on n’a pas de serveur WebDav ?!

En réponse, je vous redirige vers le site http://www.icalx.com/ (Screenshot en fin d’article) qui permet de créer gratuitement, par utilisateur, un accès WebDav.

La procédure de mise en place est très simple:

1) Création du compte utilisateur via le lien ‘create‘.

2) Connectez-vous via l’interface du site web avec les identifiants précédemment saisis.

3) Icalx vous transmet alors deux adresses :

- Une adresse publique (Exemple: http://icalx.com/public/*******/)

- Une adresse privée (Exemple : http://icalx.com/private/*******/)

Je vous conseille d’utiliser l’adresse publique, sinon les utilisateurs abonnés à votre calendrier devront ressaisir à chaque mise à jour de ce dernier le login et le mot de passe.

4) Il ne vous reste plus qu’à paramétrer votre Outlook : Voir le tutoriel

Cet article Publier un calendrier sur un serveur WebDAV (Icalx) est apparu en premier sur Blog - VISKALI.

L’état de session a créé un ID de session, mais il ne peut pas l’enregistrer, car la réponse a déjà été vidée par l’application.

———————————————————————-

2014/03/28 15:16:00 UNKNOWN
Message: [System.Web.HttpException]L’état de session a créé un ID de session, mais il ne peut pas l’enregistrer, car la réponse a déjà été vidée par l’application.
Trace: à System.Web.SessionState.SessionIDManager.SaveSessionID(HttpContext context, String id, Boolean& redirected, Boolean& cookieAdded)
à System.Web.SessionState.SessionStateModule.CreateSessionId()
à System.Web.SessionState.SessionStateModule.DelayedGetSessionId()
à System.Web.SessionState.SessionStateModule.ReleaseStateGetSessionID()
à System.Web.SessionState.SessionStateModule.OnReleaseState(Object source, EventArgs eventArgs)
à System.Web.SessionState.SessionStateModule.OnEndRequest(Object source, EventArgs eventArgs)
à System.Web.HttpApplication.SyncEventExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
à System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)
Target: Void SaveSessionID(System.Web.HttpContext, System.String, Boolean ByRef, Boolean ByRef)
Source: System.Web
Data:
——-
=======

Quand l’erreur apparaît-elle ?

Dans notre cas, l’erreur apparaît au premier chargement de l’application et plus particulièrement lors de la création d’une nouvelle session via la méthode « Session_Start » du Global.asax.

Cependant, l’erreur peut apparaître dans d’autres situations :

• Dans le cas de l’utilisation d’un fichier Global.asax (même si Session_Start et Session_End sont vides)
• L’application Flush la réponse, trop tôt…
• Vous n’utilisez pas la session avant le Flush

Qu’est-ce que cela signifie ?

La session n’est pas réellement créée tant que l’on ne stocke rien dedans, donc le cookie avec l’ID de session n’est pas envoyé au navigateur. En effet, tant que l’on ajoute rien dans la session pour la première fois, ASP.NET essaie d’envoyer le cookie, mais comme les en-têtes sont déjà partis, cela est impossible… d‘où l’erreur.

Comment résoudre ce problème ? 

Dans notre situation stocker la « SessionID » dans une variable a suffi à la résolution de ce problème :

void Session_Start(object sender, EventArgs e){

      // Code qui s’exécute lorsqu’une nouvelle session démarre

      string sessionId = Session.SessionID;

      //Le code …
}

Si cette solution ne corrige pas le problème, il suffit d’accéder à une variable session lorsque l’on n’est pas dans un AsyncPostback, par exemple dans le page_load :

void Page_Load(object sender, EventArgs e){

      if (Session.IsNewSession) {

            Session["SessionCorrective"] = true;

      }

}

En espérant que cela vous soit utile !

Cet article Résoudre l’erreur : L’état de session a créé un ID de session… est apparu en premier sur Blog - VISKALI.

À moins d’avoir à disposition tous les terminaux disponibles, la question à se poser est la suivante: comment un développeur peut visualiser la résolution de son site web sous différents terminaux ?

Pour cela, on peut donc se tourner vers le site Screenfly, qui permet de tester ses sites ou applications web sur de nombreux terminaux, parmi les plus populaires.

Concernant les tablettes on pourra retrouver :

• Le Kindle Fire HD 7 » (533 x 853)
• Le Kindle Fire (600 x 800)
• Le Samsung Galaxy Tab (600 x 1024)
• Le Google Nexus 7 (603 x 966)
• L’iPad 1-3/Mini (768 x 1024)
• Le Kindle Fire HD 8.9 » (800 x 1280)

Évidemment côté mobile on retrouvera l’iPhone 3, 4, 5 et la suite Samsung.

On peut même tester son site web sous les résolutions 480p, 720p, 1080p .

Un petit exemple de résolution sous iPad 3 :

Un bon outil très fonctionnel !

Cet article Responsive Design : Tester son site web est apparu en premier sur Blog - VISKALI.

Dans le domaine du développement WEB, on est souvent confronté au problème de compatibilité entre les différents navigateurs (IE (source de problèmes), CHROME, FIREFOX, OPERA, etc…)

Le site http://cssvalues.com/ permet de connaitre rapidement la compatibilité d’une propriété CSS.

Petit exemple avec la propriété CSS « opacity » :

Cet article Connaitre le support des règles CSS rapidement ! est apparu en premier sur Blog - VISKALI.

Souvent à la recherche d’une optimisation parfaite de nos sites web la compression des images est l’une des étapes clés afin de réduire considérablement le temps de chargement des pages web.

De nombreux sites de compression existent, mais je pense avoir trouvé le site parfait….

https://compressor.io

Compressor.io est un outil gratuit accessible en ligne permettant de compresser nos images avec un taux de compression élevé sans perte de qualité visible.

Ci-dessous le test réalisé sur notre logo. À gauche du trait horizontal l’image originale, à droite l’image compressée. Impressionnant, non ? Le poids de l’image est réduit de 35% !

Et vous, vous voyez une différence ?

Cet article Découverte : Compressor.io est apparu en premier sur Blog - VISKALI.

Je me présente : Alexandre VALLET, chargé de projet mais aussi développeur chez VISKALI.

Le but de ce blog va être de présenter et de partager toutes les petites astuces rencontrées au cours de nos différentes missions.

Il nous arrive souvent, de croiser d’excellentes astuces, nouveautés ou conseil. Le blog est donc là pour vous les faire partager !

Si vous avez des remarques, des questions, ou besoin de quelques conseils n’hésitez pas.

Cet article À propos du blog est apparu en premier sur Blog - VISKALI.