vikrantnegi

<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>

vikrantnegi

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;
}

vikrantnegi

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
}

.video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;

vikrantnegi

<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

vikrantnegi

jQuery(window).resize(function(){
  resizeNav();
});

resizeNav();

function resizeNav(){
var windowWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
  
  if(windowWidth < 767) {

vikrantnegi

/* 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;

vikrantnegi

[
    {
        "featureType": "administrative",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },

vikrantnegi

<a href="test.html" target="_blank" rel="noopener noreferrer"></a>

vikrantnegi

sudo nano /etc/apache2/extra/httpd-vhosts.conf

<VirtualHost *:80>
    ServerName example.dev
    ServerAlias www.example.dev
 

vikrantnegi

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console