sudo nano /etc/apache2/extra/httpd-vhosts.conf
<VirtualHost *:80>
ServerName example.dev
ServerAlias www.example.dev
<div class="container"> | |
<video poster="poster.png" autoplay="true" loop> | |
<source src="video.mp4" type="video/mp4"> | |
<source src="video.webm" type="video/webm"> | |
</video> | |
<div class="overlay">lorem </div> | |
</div> |
div[class*="layer-"] { | |
position: absolute; | |
top: -10px; left: -10px; | |
right: -10px; bottom: -10px; | |
background-size: 100% auto; | |
background-repeat: no-repeat; | |
background-position: 0 0; | |
transition:0.1s; | |
} |
.video-wrapper { | |
position: relative; | |
padding-bottom: 56.25%; | |
} | |
.video-wrapper iframe { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; |
<a href="#url1">When the crisis was over, | |
<object><a href="#url2>Hello world</a></object> | |
</a> | |
ref: https://speakerdeck.com/smashingmag/dirty-tricks-from-the-dark-corners-of-front-end |
jQuery(window).resize(function(){ | |
resizeNav(); | |
}); | |
resizeNav(); | |
function resizeNav(){ | |
var windowWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); | |
if(windowWidth < 767) { |
/* For only text */ | |
.sr-only { | |
border: 0 !important; | |
clip: rect(1px, 1px, 1px, 1px) !important; | |
-webkit-clip-path: inset(50%) !important; | |
clip-path: inset(50%) !important; | |
height: 1px !important; | |
overflow: hidden !important; | |
padding: 0 !important; | |
position: absolute !important; |
[ | |
{ | |
"featureType": "administrative", | |
"elementType": "all", | |
"stylers": [ | |
{ | |
"visibility": "off" | |
} | |
] | |
}, |
<a href="test.html" target="_blank" rel="noopener noreferrer"></a> |
sudo nano /etc/apache2/extra/httpd-vhosts.conf
<VirtualHost *:80>
ServerName example.dev
ServerAlias www.example.dev
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |