Lockdown - hide your code! Lockdown obfuscates code snippets by writing them to the canvas. This demo is compatible with IE7+, Firefox, Chrome, and Safari. The use case for the particular project is a testing environment where the proctor wants to prevent test-takers from easily copying code and determining the answer using the console or a CLI.
Code blocks can either have random lines inserted, which are then removed using a regular expression before rendering to canvas, or they may be base-64 encoded, or both. Sample 1 Sample 2 Sample 3 Implementation Place jQuery, the Lockdown script and the Lockdown stylesheet on the page: Once that's in place, you may replace code blocks using the Lockdown.lock method: Documentation is available here. Dependencies jQuery 1.7+, Modernizr New, Flashcanvas for older browser support Contributing License Download The latest release, 0.0.38, is available here. You can download this project in either zip or tar formats. You can also clone the project with Git by running:
Rédiger un rapport de bugs, ça n’a pas l’air mais c’est du boulot ! Je sais pas si vous êtes comme moi, mais il y a un truc qui m’énerve au plus haut point c’est de devoir traiter des bugs qui ne sont pas clairement identifiés par le rapporteur. Je m’explique, constater un dysfonctionnement sur un site web et en faire un rapport constitue un travail en soi qui demande à être pris au sérieux pour un traitement rapide et efficace. Malheureusement, la plupart des chefs de projet ou plus généralement les rapporteurs de bugs doivent se dire que la transmission de pensée suffit ou que juste dire qu’il y a un problème sur le site doit suffire. Bon allez petit florilège inspiré de rapports réels ou légèrement modifiés pour garder l’anonymat et la confidentialité des échanges : Depuis le compte du client, quand tu cliques sur telle partie, une phrase en hollandais se transforme en norvégien.
(NDR : Se transforme ?) Quand on clique sur tel bouton, un message d’erreur est censé apparaitre, là il n’apparait pas. (NDR : quel message ?) (NDR : bidon, hum… ») Www. is deprecated. Quels outils pour pré-visualiser votre site responsive ? « Usaddict. Durant la conception d'interface responsive (permettant au site de s'adaper aux différents écrans : tablette, mobile et ordinateur), il est nécessaire de tester le résultat sur les différents terminaux afin d'éviter de mauvaises surprises. Le Responsive WebDesign connait un fort essor ces derniers temps (Voir notre article sur la conception pour le responsive webdesign), de nombreux outils d'émulation proposent de tester le rendu de ces sites dans un navigateur sur ordinateur. Cela permet d’éviter d’avoir à disposition les multiples appareils à résolutions variables : iPhone et iPad retina, tablette Android, smartphone Windows 8 etc.
Dans cet article, nous testerons ces émulateurs pour vous. Quels sont les principaux outils gratuits permettant de simuler l’affichage sur tablettes et mobiles ? Lequel de ces outils convient à votre projet responsive ? Les plus performants Viewport resizer Responsinator Ipad Peek Iphone tester Les plus faciles à utiliser Pi responsive Les plus complets Screenqueri. PageSpeed Insights. Le comparatif pour vous aider à choisir votre hébergeur web sur plus de 2643 offres.
Outils de validations W3C. Grid Calculator. Sprite Generator. Lorempixel - placeholder images for every case. Codage des caractères HTML. Php Javascript. Astuces CSS. Mentions légales. Charts. Dois-je déclarer mon site internet à la CNIL ? Et si oui, comment ? Pour rappel, la CNIL ou Commission Nationale de l’Informatique et des Libertés est une autorité administrative indépendante française chargée de veiller à ce que l’informatique ne porte atteinte aux citoyens. Pour un site Internet, il est obligatoire dans certains cas de déclarer auprès de la CNIL son fichier de collecte d’informations sur ses membres, prospects ou clients.
Découvrez dans la suite de cet article les cas où il est obligatoire de se déclarer et la procédure pour s’enregistrer auprès de la CNIL… Dans quel cas est-il obligatoire de déclarer son fichier de données ? Les cas étant multiples, pour connaitre ses obligations en matière de déclaration à la CNIL, il est indispensable d’utiliser l’outil dispense du site de la CNIL. Vous n’avez qu’à renseigner le type d’activité que vous exercer et l’outil vous affichera les différentes dispenses liées.
Si votre activité fait partie des dispenses, vous n’avez pas à vous déclarer. Comment déclarer son fichier à la CNIL ? Règles d’or en Ergonomie Web : Toujours le bon choix ? La professionnalisation des sites web a mis en évidence l’importance de l’ergonomie et des concepts d’expérience utilisateur et d’architecture de l’information. Depuis, fleurissent ça et la diverses écoles qui définissent ou propagent les « best practices » que la plupart des WebDesigners s’échinent à appliquer… Le fait qu’une pratique soit majoritairement appliquée ne signifie pourtant pas pour autant qu’elle est correcte… force est de constater que bien souvent les concepteurs de sites reproduisent par défaut des schémas et appliquent des règles « bien connues » sans nécessairement réévaluer la pertinence de leurs modèles.
Cet article est le premier d’une série qui vise à passer rapidement en revue les règles les plus souvent mises en avant afin de voir si elles sont toujours valides, s’il existe des alternatives, voire des contre-indications. Pour Inaugurer cette série, nous commençons par 3 des plus grands classiques : les règles de Miller, de Pareto et du « 3 Clics ». Un système de pagination ergonomique pour votre site Internet « Moon Websites. Si le scroll infini (chargement du contenus en continu sur la même page) tend à s’imposer comme fonctionnalité sur les moteurs de recherche (à l’instar de Google Image) ou les réseaux sociaux (Timeline de Twitter ou de Facebook), la pagination web est loin d’être obsolète.
Élément clé de l’ergonomie, repère essentiel pour l’internaute, la pagination web relève de l’expérience utilisateur. Elle doit donc guider la recherche de l’internaute et sa navigation, tout en tenant compte du support choisi (site e-commerce, forum, moteur de recherche, etc.). Passage en revue de ce qui se fait de bien (« do ») et de moins bien (« don’t ») en matière de pagination web. Do : la pagination « chartée » de Google L’exemple de la pagination de Google est intéressant car il obéit à la charte graphique de la marque. Il reprend le logo et le distend en fonction du nombre de pages et de résultats proposés. On notera toutefois que la zone de clic est assez étendue (puisqu’elle s’applique aussi au logo).
Popular mind maps - Mind42. Mentions Légales et CGV, les règles à respecter. Il va de soi que le cadre légal joue un rôle très important au sein de votre site web. C’est lui qui va en quelque sorte vous protéger des informations légales que vous allez mettre à disposition des internautes mais il va aussi permettre à vos visiteurs de savoir qui ils ont en face de leur écran, à savoir une entreprise réelle et légale, en laquelle ils peuvent avoir confiance. Mentions Légales Les mentions légales obligatoires à faire figurer sur un site internet ont été spécifiées par la loi pour la confiance dans l’économie numérique de juin 2004. Pour un site internet édité par une personne morale, les « mentions légales » doivent contenir : La raison socialeLe siège socialUn numéro de téléphoneLe nom du directeur de la publication et/ou du responsable de la rédactionLe capital socialLe numéro d’inscription au registre du commerce et des sociétés Pour un site internet édité par une personne physique : Votre nomPrénom(s)Adresse du domicileNuméro de téléphone Conditions Générales de Vente.