Farmatique

$(document).on('click', function (e) {
    $('[data-toggle="popover"],[data-original-title]').each(function () {
        //the 'is' for buttons that trigger popups
        //the 'has' for icons within a button that triggers a popup
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {                
            (($(this).popover('hide').data('bs.popover')||{}).inState||{}).click = false  // fix for BS 3.3.6
        }

    });
});

Farmatique

<a href="<?php echo home_url(); ?>">Home</a>

Farmatique

$(document).ready(function() {
    $('.hover').bind('touchstart touchend', function(e) {
        e.preventDefault();
        $(this).toggleClass('hover_effect');
    });
});

element:hover, element.hover_effect {
    rule:properties;
}

Farmatique

<button id='submit' class='wpcf7-form-control wpcf7-submit'>SUBMIT <span class='glyphicon glyphicon-menu-right'></span></button>

Farmatique

<div class="wrapper">
    <video class="video">
        <source src="http://e14aaeb709f7cde1ae68-a1d0a134a31b545b257b15f8a8ba5726.r70.cf3.rackcdn.com/projects/31432/1427815464209-bf74131a7528d0ea5ce8c0710f530bb5/1280x720.mp4" type="video/mp4" />
    </video>
    <div class="playpause"></div>
</div>

$('.video').parent().click(function () {
    if($(this).children(".video").get(0).paused){
        $(this).children(".video").get(0).play();

Farmatique

jQuery("video").hover(function(event) {
  if(event.type === "mouseenter") {
    jQuery(this).attr("controls", "");
  } else if(event.type === "mouseleave") {
    jQuery(this).removeAttr("controls");
  }
});

Farmatique

jQuery('a').on('click touchend', function(e) {
  var el = jQuery(this);
  var link = el.attr('href');
  window.location = link;
});

Нужно помнить, что это повлияет на все ссылки <a>, в частности те что открываются в новом окне будут тоже открываться в том же

Farmatique

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

Farmatique

<meta name = "format-detection" content = "telephone=no">

Farmatique

/* doesnt work on ios */
<div class="container">
  <img />
</div>

.container{
    width: 70px;
    height: 70px;
    
    -webkit-display: flex;