<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-1280467171637510669</atom:id><lastBuildDate>Fri, 01 Nov 2024 09:58:43 +0000</lastBuildDate><category>HTML CSS</category><category>JAVASCRIPT</category><title>Coisox</title><description>DESIGN TO MOVE</description><link>http://coisox.blogspot.com/</link><managingEditor>noreply@blogger.com (Coisox)</managingEditor><generator>Blogger</generator><openSearch:totalResults>2</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-1280467171637510669.post-3179568586369170448</guid><pubDate>Mon, 21 Sep 2015 18:12:00 +0000</pubDate><atom:updated>2015-09-22T02:27:27.769+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">JAVASCRIPT</category><title>Test If A Site Is Up Or Down</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmP56S2XXWzhXl50BSmeTiGnY_LyWQuU8v2HTwTQ-fWWU1duHeEN2I0KAU6Rj_VmuurGkMLYTxQAxDSB1nAJjEpZD2EX2ssTbfBJCVkrsu05TRKvwO-iQODWEaPtDDOdMMpP-xQV3DN70/s1600/404.png&quot; /&gt;&lt;/div&gt;&lt;br /&gt;
JavaScript does not allow you to do cross-domain call but you can test if a site is up or down using this script:&lt;br /&gt;
&lt;pre class=&quot;prettyprint&quot;&gt;function checkServerStatus( url )
{
&amp;nbsp;&amp;nbsp;&amp;nbsp; var script = document.body.appendChild(document.createElement(&quot;script&quot;));
&amp;nbsp;&amp;nbsp;&amp;nbsp; script.onload = function()
&amp;nbsp;&amp;nbsp;&amp;nbsp; {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; alert( url + &quot; is online&quot;);
&amp;nbsp;&amp;nbsp;&amp;nbsp; };
&amp;nbsp;&amp;nbsp;&amp;nbsp; script.onerror = function()
&amp;nbsp;&amp;nbsp;&amp;nbsp; {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; alert( url + &quot; is offline&quot;);
&amp;nbsp;&amp;nbsp;&amp;nbsp; };
&amp;nbsp;&amp;nbsp;&amp;nbsp; script.src = url;
}

checkServerStatus( &quot;http://google.com&quot; );
checkServerStatus( &quot;http://thisdomainsurelynotexists.me&quot; );&lt;/pre&gt;&lt;br /&gt;
I found this code at &lt;a href=&quot;https://petermolnar.eu/linux-tech-coding/test-site-javascript&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://petermolnar.eu/linux-tech-coding/test-site-javascript&lt;/a&gt;</description><link>http://coisox.blogspot.com/2015/09/test-if-site-is-up-or-down.html</link><author>noreply@blogger.com (Coisox)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmP56S2XXWzhXl50BSmeTiGnY_LyWQuU8v2HTwTQ-fWWU1duHeEN2I0KAU6Rj_VmuurGkMLYTxQAxDSB1nAJjEpZD2EX2ssTbfBJCVkrsu05TRKvwO-iQODWEaPtDDOdMMpP-xQV3DN70/s72-c/404.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-1280467171637510669.post-6261250517768136784</guid><pubDate>Mon, 21 Sep 2015 10:17:00 +0000</pubDate><atom:updated>2015-09-22T02:01:18.663+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">HTML CSS</category><title>Fit iFrame Into Container</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZMijO2_rMXzVzpTnXiCISkKZ7GME2HSjjwbiH2o1G_ZlaLwVHW0o0WuUxWHQbQHMeun0ZdZh7bwsTdPIgxJF1FcwU1y4oja9Ir4p6EncukE86UqjdynmjhUBqSr-9WDvaiLx3Vx54Mhc/s1600/fitiframeintocontent.jpg&quot; /&gt;&lt;/div&gt;&lt;br /&gt;
We  want an external (cross domain) website to be fitted into a fixed size  container (iframe). We can achieve this using CSS3 transform scale  property.&lt;br /&gt;
&lt;br /&gt;
Step 1: Decide how the external website to look like. Let say 1600 × 900&lt;br /&gt;
&lt;pre class=&quot;prettyprint&quot;&gt;&amp;lt;iframe src=&quot;http://test.com&quot; width=&quot;1600&quot; height=&quot;900&quot;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;br /&gt;
Step 2: Remove scroll bar (optional)&lt;br /&gt;
&lt;pre class=&quot;prettyprint&quot;&gt;&amp;lt;iframe src=&quot;http://test.com&quot; width=&quot;1600&quot; height=&quot;900&quot; scrolling=&quot;no&quot;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;br /&gt;
Step 3: Let say we want to shrink from 1600 × 900 to 400 × 225. So 400 ÷ 1600 = 0.25. We also need the transform origin to be at top left&lt;br /&gt;
&lt;pre class=&quot;prettyprint&quot;&gt;&amp;lt;iframe src=&quot;http://test.com&quot; width=&quot;1600&quot; height=&quot;900&quot; scrolling=&quot;no&quot; style=&quot;transform:scale(0.25); transform-origin:0 0;&quot;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;br /&gt;
Sample code on how to monitor several blogs using iframe:&lt;br /&gt;
&lt;br /&gt;
&lt;a class=&quot;btn-download&quot; href=&quot;https://docs.google.com/uc?export=download&amp;amp;id=0B01gqJIONNHLWmpEQllPYnU2Njg&quot;&gt;&lt;i class=&quot;fa fa-download&quot;&gt;&lt;/i&gt; Download&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #cccccc;&quot;&gt;Topic alias: external website monitoring, thumbnail website, website preview&lt;/span&gt;</description><link>http://coisox.blogspot.com/2015/09/fit-iframe-into-container.html</link><author>noreply@blogger.com (Coisox)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZMijO2_rMXzVzpTnXiCISkKZ7GME2HSjjwbiH2o1G_ZlaLwVHW0o0WuUxWHQbQHMeun0ZdZh7bwsTdPIgxJF1FcwU1y4oja9Ir4p6EncukE86UqjdynmjhUBqSr-9WDvaiLx3Vx54Mhc/s72-c/fitiframeintocontent.jpg" height="72" width="72"/><thr:total>0</thr:total></item></channel></rss>