- Scan ID:
- fe1fdde0-3740-4aee-a3a9-8b7fa07c6854Finished
- Submitted URL:
- https://perishablepress.com/xycss/
- Report Finished:
Links · 1 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://monzillamedia.com/ | Monzilla Media |
JavaScript Variables · 13 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | 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 |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!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>