<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://www.youtube.com/embed/QILiHiTD3uc' frameborder='0' allowfullscreen></iframe></div>
jQuery 1.9 začalo jinak zpracovávat Ajaxem natažený HTML kód. Samozřejmě z důvodů bezpečnosti a blá blá blá...
…
},
success: function(data){
$(data).appendTo('#content');
……
},
success: function(data){
$($.parseHTML(data)).appendTo('#content');
…"css3-mediaqueries.js by Wouter van der Graaf is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply CSS3 Media Queries. Firefox 3.5+, Opera 7+, Safari 3+ and Chrome already offer native support."Další možná knihovna je Respond.js - scottjehl/Respond · GitHub:
"The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under. It's written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon)."
<link rel="stylesheet" type="text/css" media="all" href="style.css"/>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="style-ie.css"/>
<![endif]-->"The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x."
b, strong {
font-weight: bolder;
}b, strong {
font-weight: bold;
}
<link href="/css/font/arial-narrow.css" rel="stylesheet" type="text/css" />
@font-face {
font-family: 'Arial Narrow Spare';
font-style: normal;
font-weight: 400;
src: local('Arial Narrow Spare'), local('ArialNarrowSpare-Regular'), url(d0eb64ed2b91fe9a67f7800c1b14868b.woff) format('woff');
}
@font-face { font-family: 'Arial Narrow Spare'; font-style: normal; font-weight: 700; src: local('Arial Narrow Spare Bold'), local('ArialNarrowSpare-Bold'), url(de76819016c676e170294c3f132497dc.woff) format('woff');}
body,table,input,select,textarea,tt,input,button {font-size:14px; font-family: "Arial Narrow","Helvetica Narrow","Helvetica Condensed","Arial Narrow Spare","Arial CE",Arial,"Helvetica CE",sans-serif; font-stretch: condensed;}
"Lokální úložiště (anglicky Web Storage) umožňuje ukládat informace o relaci u klienta v podobě klíč / hodnota. Data se nepřenáší na vzdálený server a storage je funkční ve všech moderních prohlížečích (IE8+). "'via Blog this'
"Mozilla’s Firefox OS is an operating system designed to run on low-cost smartphones and tablets while running apps developed using web technologies such as HTML5. Want to try some of those apps without buying a Firefox OS phone? No problem. They’re web apps, so they’ll run in the Firefox web browser on other platforms… like Android."
Pomocí jednoduché funkce v js detekujeme dotykovou obrazovku. Nastavíme řídící class, podle kterého upravíme reakci na :hover v CSS. Rozbalení menu či roletky, které reagovalo dříve na :hover, nastane i po přidání classu pomocí další funkce v js (jQuery).Následující ukázka je i po zjednodušení doufám dostatečně jasná.
function is_touch_device() {
try {
return 'ontouchstart' in window
|| 'onmsgesturechange' in window;
} catch (e) {
return false;
}
};
$(document).ready(function(){
/* touch screen? */
$('body').toggleClass(function() {
if ( is_touch_device() ) {
return 'touch';
} else {
return 'desktop';
}
});
/* dropdown switch */
$('body:not(.desktop) .switch').click(function() {
var s = $(this).closest('.switch');
if ( s.is('.open') ) {
s.removeClass('open');
} else {
s.addClass('open');
return false;
}
});
});
.switch .dropdown {visibility: hidden;}
.switch.open .dropdown,
body.desktop .switch:hover .dropdown {visibility: visible;}
<span class="switch">
<strong>Title</strong>
<span class="dropdown">
...values...
</span>
</span>
-webkit-appearance: none;input.btn {-webkit-appearance: none;}"If you are reading this article then you want to get rid of SweetIM Toolbar and all the residual damage caused by this potentially unwanted program. SweetIM Toolbar is an applications that has changed your browser homepage,search engine and in addition has added a unwanted toolbar on your Internet Explorer, Firefox and Chrome browser."
odolnostproti svévolným zásahům některých wysiwyg editorků.
<object width="170" height="300" id="abcdefgh_170x300px" align="middle" type="application/x-shockwave-flash" data="/pictures/abcdefgh_170x300px.swf?clickthru=http%3A%2F%2Fwww.web-abcdefgh.cz%2F">
<param name="allowscriptaccess" value="sameDomain">
<param name="allowfullscreen" value="false">
<param name="movie" value="/pictures/abcdefgh_170x300px.swf?clickthru=http%3A%2F%2Fwww.abcdefgh.cz%2F">
<param name="quality" value="high">
<param name="bgcolor" value="#F3F0E0"></object>javascript:alert('<a%20href="'+location.href+'">'+document.title+'</a>');
pluskaa
mínuska, ale žádný text! V nastavevení about:config jsem zjistil, že hodnota extensions.firebug.textSize
senastavila na 16! Změnil jsem hodnotu na 0 a zase je vše v pořádku. Ufff!
