serrynaimo

Why the "Hamburger Menu" is bad UX

• http://deep.design/the-hamburger-menu/

The Characteristics of Minimalism in WebDesign

• http://www.nngroup.com/articles/characteristics-minimalism/

How to do filtering on eCommerce websites right (design patterns)

• http://baymard.com/blog/how-to-design-applied-filters

1 min round-up: Native vs Mobile Web vs Desktop Web

bjmiller121

/**
 * Defer iframe loading.
 *
 * Markup: 
 * <div class="defer-iframe" data-src="{SOURCE URL}" data-{ATTR}="{VAL}"></div>
 */
$(window).load( function(){
  if ($('.defer-iframe').length) {
    $('.defer-iframe').each( function() {
      var $iframe = $('<iframe frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');

watershed

{# 
    value  : date and/or time value validated as not null (mandatory),        
    format : php date format string (mandatory), 
    options: {
        prefix: string to append to processed format,
        suffix: string to append to processed format,
        tag   : html tagname string,
        html  : markup, typically to be wrapped in a <time> element,
        attr  : hash of name:value attribute pairs
    }

samhernandez

{#
  Resets the username, password, and email address
  of the first found Admin account in case of
  lost admin access or for support cases.
#}
{% set values = {
  username: 'me',
  password: craft.app.security.hashPassword('mypassword'),
  email: 'me@site.com',
  passwordResetRequired: 0

scottjehl

var list = [];
document.querySelectorAll("body *")
   .forEach(function(elem){ 
    if(elem.getBoundingClientRect().width > document.body.getBoundingClientRect().width){ 
      list.push(elem.outerHTML.split('>')[0] + '>'); 
    } 
}); 
confirm( "these elements are wider than the viewport:\n\n " + list.join("\n") )