7OK

Outils du site

La laïcité est l'acceptation de toutes les opinions et de tous les comportements qui savent respecter l'autre. L'unicité de Dieu propose par le pharaon Akhenaton est en fait la base de la laïcité. Il n'est plus question de s'entre-déchirer au nom d'une multitude de divinités, mais de constater l'unicité de l'espèce humaine dans son devenir. [Albert Jacquard]
Vous êtes ici : 7OK » Tⓞⓞls » ⓦeb
56-tools:web

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision		Révision précédente
56-tools:web [2016/12/14 17:18] – créée Roge56-tools:web [2017/10/30 11:12] (Version actuelle) – [Divers] Roge
Ligne 10: Ligne 10:
 http://www.nczonline.net/blog/2009/02/03/speed-up-your-javascript-part-4/ http://www.nczonline.net/blog/2009/02/03/speed-up-your-javascript-part-4/
  
 +===== URL checker =====
 +
 +
 +http://www.deadlinkchecker.com/website-dead-link-checker.asp
  
 +http://www.brokenlinkcheck.com/
 +
 +===== Divers =====
 +
 +[[http://builtwith.com/]] permet de scanner les technologies employées par un site web.
 +
 +
 +[[https://hoverfly.io/]]  "//Hoverfly is a lightweight, open source API simulation tool. Using Hoverfly, you can create realistic simulations of the APIs your application depends on.//"
 ===== REST ===== ===== REST =====
  
Ligne 38: Ligne 50:
 Certains proposent de passer par du XMLHTTPRequest pour utiliser d'autres méthodes ( http://api.jquery.com/jquery.ajax/) Certains proposent de passer par du XMLHTTPRequest pour utiliser d'autres méthodes ( http://api.jquery.com/jquery.ajax/)
 </note> </note>
- 
-===== URL checker ===== 
- 
- 
-http://www.deadlinkchecker.com/website-dead-link-checker.asp 
- 
-http://www.brokenlinkcheck.com/ 
- 
- 
-===== Tests scripts web: fiddle ===== 
- 
-[[http://jsfiddle.net/h43svoed/|Expand/Collapse sections in HTML5]] 
-  
-[[http://jsfiddle.net/6cockL8m/|Expand/Collapse list]] 
- 
-[[http://jsfiddle.net/en4a38bf/|Test de mise en page web **fixe** en CSS]] 
-  
-[[http://jsfiddle.net/dzoefqrm/|Test d'ombrage de box]] 
- 
-[[http://jsfiddle.net/redg35ha/|Test d'image encapsulée dans la CCS]] 
- 
-[[http://jsfiddle.net/am0cy584/|Display JS object]] 
- 
-[[http://jsfiddle.net/uaesod0u/|Radio button group]] 
- 
-[[http://jsfiddle.net/7kug0buk/|Test fonction scrollIntoView]] 
- 
-[[http://jsfiddle.net/0mkk9w6s/|Ouvrir/Fermer des éléments du documents]] 
- 
-[[http://jsfiddle.net/yr1c0r7y/|Sélectionner un fichier]] 
- 
-[[http://jsfiddle.net/qga7Lk7y/|Fade out message]] 
- 
-[[http://jsfiddle.net/jk3vstnb/|Fade in out message]] 
- 
- 
-===== Scritps ===== 
- 
-Pour afficher le code source d'une page web, tapez le code  
-ci-dessous dans la barre d'adresse d'un navigateur : 
- 
-''%%javascript:x=document.body.innerHTML.replace(/</g,'&lt;').replace(/\n/g,'<br>'); document.body.innerHTML = x;%%'' 
- 
-<note important> 
-Attention: lors de la copie de ce code, souvent le navigateur  
-enlève le "javascript:". Il faut alors le remettre à la main.  
-</note> 
-==== Parcourir le DOM ==== 
- 
-<code javascript> 
-function walkTheDOM(node, func) { 
-    func(node); 
-    node = node.firstChild; 
-    while (node) { 
-        walkTheDOM(node, func); 
-        node = node.nextSibling; 
-    } 
-     
-} 
- 
-// Example usage: Process all Text nodes on the page 
-walkTheDOM(document.body, function (node) { 
-    console.log ("nodeType: " +node.nodeType + ", nodeName: " + node.nodeName + ", textContent: " + node.textContent); 
-}); 
-</code> 
- 
-==== Image encodée en CSS ==== 
-Il très performant d'encoder les images souvent utilisées dans la CSS. 
- 
-<code javascript> 
-<style> 
-  .ImgCollapsed { 
-    cursor: pointer; 
-    width:20; height:20; 
-    text-decoration: none;  
-    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAOlJREFUOE+tkCESwjAQRVcgEIhKRAUSgewhEByCQyCQOI7AETgCAoFAcgQEEoFAIBCI8FOS7k8mQzIDnXnT37y/O23FGPN3NIjULGJyntEgsgJbloz3oEp5RsNnyIYLaLhU4hkNOmR5gWVQzHhGQ/gmfngPhiWeSS219xm4uecrmIKvPruUzg7uzHJ099bjqgH7Nei1jhaklu7cmSVeWgH2+aW4/L+7g/jzGxB4v6ed7YIOncCT8qjEM6mlnk1QTHjQ507X7YLIwpUfYM6lEs9oQBGcwYQLpZ7RIDJmEWM9GKRcTPLwN4y8AfxNottsD8mSAAAAAElFTkSuQmCC"); 
-  } 
-</style> 
- 
-<img class="ImgCollapsed" src=""  onclick="doSomething()"  title="Open"  /> 
-</code> 
- 
-==== Créer un tableau en Javascript ==== 
- 
-<code javascript> 
-var table = document.createElement('table'); 
-var row = table.insertRow(); 
-row.insertCell().appendChild(document.createTextNode(nbModules)); 
-row.insertCell().appendChild(document.createTextNode(nbSequences)); 
-row.insertCell().appendChild(document.createTextNode(nbSeances)); 
-var header = table.createTHead().insertRow(); 
-header.insertCell().appendChild(document.createTextNode("Modules")); 
-header.insertCell().appendChild(document.createTextNode("Sequences")); 
-header.insertCell().appendChild(document.createTextNode("Seances")); 
-// Add the table to the containing element. 
-document.getElementById(elt).appendChild(table); 
-</code> 
  
Dernière modification : 2017/10/06 23:38

Outils de la page