Web Development.md

Web Development Resources

Performance

http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/?redirect_from_locale=es

http://www.html5rocks.com/en/tutorials/speed/css-paint-times/?redirect_from_locale=es

http://www.html5rocks.com/en/mobile/profiling/?redirect_from_locale=es

CSS

Clip property: http://www.html5rocks.com/en/tutorials/masking/adobe/?redirect_from_locale=es

http://www.html5rocks.com/en/mobile/easy-high-dpi-images/?redirect_from_locale=es

Flexbox: http://demo.agektmr.com/flexbox/

Polyfills

Dropdown, hover/active issue for TB3

JS:

if ( ! ("ontouchstart" in document.documentElement)) {
  document.documentElement.className += " no-touch";
  $(document).off('.dropdown.data-api');
}

CSS:

.no-touch li:hover > .dropdown-menu {
  display: block;
}

HTML:

<li>
  <a class="dropdown-toggle" data-toggle="dropdown" href="/c/moda-masculina">INFANTIL</a>
  <ul class="dropdown-menu">
  	<li><a href="/c/ropa-de-hombres">Ropa de Niños</a></li>
  	<li><a href="/c/calzado-de-hombres">Ropa de Niñas/a></li>
  </ul>
</li>

http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/