oliverjumpertz

<dialog open>
  <form method="dialog">
    <p>Do you want to confirm your action?</p>
    <div class="right">
      <input class="btn" type="submit" value="Ok" />
      <input class ="btn" type="submit" value="Cancel" />
    </div>
  </form>
</dialog>

argyleink

:root {
  --ease-in-quad:       cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic:      cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart:      cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint:      cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo:       cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ:       cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-quad:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic:     cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart:     cubic-bezier(0.165, 0.84, 0.44, 1);

samthor

/**
 * Updates the passed dialog to retain focus and restore it when the dialog is closed. Won't
 * upgrade a dialog more than once. Supports IE11+ and is a no-op otherwise.
 * @param {!HTMLDialogElement} dialog to upgrade
 */
var registerFocusRestoreDialog = (function() {
  if (!window.WeakMap || !window.MutationObserver) {
    return function() {};
  }
  var registered = new WeakMap();

graceavery

alias accio=wget
alias avadaKedavra='rm -f'
alias imperio=sudo
alias priorIncantato='echo `history |tail -n2 |head -n1` | sed "s/[0-9]* //"'
alias stupefy='sleep 5'
alias wingardiumLeviosa=mv

alias sonorus='set -v'
alias quietus='set +v'

jenstrickland

A couple of years ago, I collaborated with a team for a responsive redesign of Fidelity Investment's Retail Accounts & Trade pages. My efforts focused on a responsive solution for a massive data grid. The original solution used CSS only, resulted in a 75% increase in use of the page on mobile, and became the most viewed page on all of Fidelity.com. "Massive" is defined as thirteen or more columns, thousands of rows, plus an interactive drawer of additional information. This talk outlines brainstorming, iterating, and testing approaches for using HTML and CSS to more accurately address responsive solutions for design puzzles.

daniellmb

(function($) {
  var result = $('#result');
  var base = $('#base');
  var list = $('#list');
  $('#calc').click(function() {
    var baseVal = base.val();
    var px = list.val().split(',');
    var html = [];
    $.each(px, function(i, v) {
      var px = parseInt(v);

iMazed

share-buttons.xyz
traffic2cash.xyz
с.новым.годом.рф
net-profits.xyz
social-widget.xyz
free-social-buttons.xyz
4webmasters.org
76brighton.co.uk
7makemoneyonline.com
acads.net

brandonkelly

Templating in EE vs. Craft CMS.

Here are a few common tasks you might do in your templates, as they would be written in ExpressionEngine vs. Craft CMS.

Table of Contents

1. Comments
2. Conditionals
3. Loops
4. Looping Through Entries

jduff

/* base.css */
/* http://carsonified.com/blog/design/setting-rather-than-resetting-default-styling/ */
/* http://developer.yahoo.com/yui/fonts/ */
/* http://developer.yahoo.com/yui/base/ */

/* Font Reset from YUI http://developer.yahoo.com/yui/fonts

If you want this size in pixels (px)	Declare this percent (%)
                  10	                        77
                  11	                        85