- ID de l'analyse :
- fe1fdde0-3740-4aee-a3a9-8b7fa07c6854Terminée
- URL soumise :
- https://perishablepress.com/xycss/
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://monzillamedia.com/ | Monzilla Media |
Variables JavaScript : 13 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| xycss_visual_grid | function |
| xycss_dynamic_browser_size | function |
| xycss_display_media_query | function |
| loadMatrix | function |
| xycss_text_abbrev | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en-US" class="webkit"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="responsive liquid matrix">
<title>xy.css</title>
<link rel="apple-touch-icon" href="apple.png">
<link rel="shortcut icon" href="favicon.ico">
<!-- xy.css -->
<link rel="stylesheet" href="css/xy.css">
<!--[if !IE]><!-->
<link rel="stylesheet" href="css/home.css">
<script src="js/jquery.js"></script>
<script src="js/xy.js"></script>
<!--<![endif]-->
<!--[if gt IE 6]>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link rel="stylesheet" href="css/ie.css">
<script src="js/jquery.js"></script>
<script src="js/xy.js"></script>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body class="home xy" id="xycss">
<h1><a href="xy.html" title="responsive liquid-matrix design">xy.css</a></h1>
<ul>
<li><a href="semantic-markup.html" title="build your sites with clean, semantic HTML5">Semantic Markup</a></li>
<li><a href="progressive-enhancement.html" title="progressively enhance your designs with CSS3">Progressive Enhancement</a></li>
<li><a href="responsive-design.html" title="create optimized designs for mobile and everyone">Responsive Design</a></li>
<li><a href="horizontal-grid.html" title="design with lateral rhythm on a visual layout grid">Horizontal Grid</a></li>
<li><a href="vertical-grid.html" title="design with vertical rhythm on a visual typographic grid">Vertical Grid</a></li>
<li><a href="liquid-layout.html" title="create flexible designs that scale to any screen">Liquid Layout</a></li>
<li><a href="custom-fonts.html" title="design with custom fonts imported via @font-face">Custom Fonts</a></li>
<li><a href="universal-support.html" title="design once for all browsers & devices">Universal Support</a></li>
</ul>
<p><a href="https://monzillamedia.com/" title="Obsessive Web Design">Monzilla Media</a></p>
<div class="button" id="xycss-top-grid" style="width: 70px; top: 0px; right: 100px; background: rgb(255, 0, 0); cursor: pointer; padding: 0.75em; z-index: 9999; position: fixed; text-decoration: none; color: rgb(255, 255, 255); opacity: 0.2;">layout grid</div><div class="button" id="xycss-toggle-grid" style="width: 70px; top: 0px; right: 200px; background: rgb(51, 102, 102); cursor: pointer; padding: 0.75em; z-index: 9999; position: fixed; text-decoration: none; color: rgb(255, 255, 255); opacity: 0.2;">show matrix</div><div class="button" id="home-link" rel="https://perishablepress.com/xycss/" style="width: 70px; top: 0px; right: 0px; background: rgb(0, 0, 0); cursor: pointer; padding: 0.75em; z-index: 9999; position: fixed; text-decoration: none; color: rgb(255, 255, 255); opacity: 0.2;">home</div><div class="button" id="browser-size" style="width: 120px; top: 0px; left: 0px; background: rgb(0, 0, 0); cursor: pointer; padding: 0.75em; z-index: 9999; position: fixed; text-decoration: none; color: rgb(255, 255, 255); opacity: 0.1;">w : 790 , h : 600</div><div class="button" id="media-query" style="bottom: 0px; left: 0px; background: rgb(102, 102, 51); cursor: pointer; padding: 0.75em; z-index: 9999; position: fixed; text-decoration: none; color: rgb(255, 255, 255); opacity: 0.1;"></div><div class="button" id="xycss-help-button"><a href="https://perishablepress.com/xycss/about.html" style="width: 36px; height: 36px; top: 0px; right: 300px; border-radius: 36px; line-height: 36px; font-size: 14px; font-weight: bold; cursor: pointer; z-index: 9999; position: fixed; text-decoration: none; color: rgb(255, 255, 255); background: rgba(102, 153, 102, 0.5); opacity: 0.2; text-align: center;">?</a></div><div id="twitter"><a id="twitter_link" href="https://twitter.com/home?status=Checking%20out%20xyCSS%20Responsive%20Liquid%20Matrix%3A%20https%3A%2F%2Fperishablepress.com%2Fxycss%2F%20%40perishable" title="Share on Twitter" rel="nofollow" target="_blank" style="width: 36px; height: 36px; position: fixed; bottom: 0px; right: 67px; text-indent: -9999em; opacity: 0.2; cursor: pointer; z-index: 9999; text-decoration: none; background: url("https://perishablepress.com/xycss/img/twitter.png") center center no-repeat;">Tweet this!</a></div></body></html>