Visual Studio 2013 – Comment activer le raccourci pour l’édition de code HTML ToggleDesigner

Dernièrement, j’ai eu à reconfigurer mon environnement de développement de zéro. Cela faisait très longtemps que je n’avais pas eu à le faire. Chaque fois que cela arrive, il y a certains petits détails de configuration qui m’échappent. À tout coup, je dois faire quelques recherches pour retrouver la configuration en question.

Bonne question n’est-ce pas? En plus de huit ans de développement web, je n’ai jamais eu recours à cette fonctionnalité.

Un comportement, présent dans Visual Studio, qui m’a toujours intrigué. Il est possible de consulter la source HTML d’une page ASPX lorsque l’on provient de la vue de code C#. Cette action se réalise à l’aide de la touche F7.

Ce qui est intrigant, c’est que l’inverse n’est pas possible avec le même raccourci clavier.

La configuration de base de Visual Studio fait en sorte que la seule option possible est d’utiliser la combinaison des touches Shift et F7 pour arriver à votre fin. Toutefois, vous devez les appuyer deux fois, car vous allez arriver dans la vue Design la première fois et la deuxième fois à la vue Source.

Pour y arriver, il faut configurer le mappage des touches du clavier pour permettre cette fonctionnalité. Lorsque j’ai réinstallé mon environnement de travail, j’ai pris une seule note. La voici :

VS-ToggleDesigner

Référencehttp://stackoverflow.com/questions/1984771/change-shortcut-for-switch-to-markup-in-visual-studio-2010

Les liens de la semaine – Édition #58

Développement

Web

Technologie

Science et autres

Un hommage à la propriété CSS display:block;

deer-iceS’il y a une chose que je sais du développement web, c’est que je m’y connais trop peu en CSS. Et pourtant, il est intimement lié au développement web moderne.

Lorsque j’écris du CSS, j’ai l’impression d’avoir l’air du cerf de l’animation à la droite de cette phrase.

Dernièrement, au bureau, j’ai avoué mon amour et mon admiration inconditionnelle à la propriété CSS display:block;

Sur le plan théorique, la déclaration display:block permet de faire en sorte que votre élément HTML soit affiché comme un bloc. Il permet de ne pas d’avoir d’éléments à ses côtés. Au même titre qu’une balise <p> et <h1>, par exemple.

À la blague, je déclarais que le display:block est mon truc ultime pour allumer un party qui ne veut pas prendre comme il faut.

L’utilisation de display:block est mon premier réflexe lorsque je suis mal pris et sans intégrateur web pour me dépanner. Vous avez probablement déjà entendu ça quelque part : « Ajoute donc un display:block; pour voir ce que ça va donner ».

Ça dépasse un peu? Pas trop certain de qui se passe? Ajoute un display:block dans l’attribut style: » » et va voir ce qui s’en retourne.

En cet honneur, mon camarade de bureau Léandre Brière m’a fabriqué un magnifique fond d’écran à l’effigie de display:block;. Je me suis dit que je le partagerais ici même.

display-block-small

Les liens de la semaine – Édition #57

Développement

Code JavaScript intéressant de la semaine : un simulateur de vagues d’océan utilisant WebGL.

.NET

Web

Technologie

Science et autres