Here are a few common tasks you might do in your templates, as they would be written in ExpressionEngine vs. Craft CMS.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
share-buttons.xyz | |
traffic2cash.xyz | |
с.новым.годом.рф | |
net-profits.xyz | |
social-widget.xyz | |
free-social-buttons.xyz | |
4webmasters.org | |
76brighton.co.uk | |
7makemoneyonline.com | |
acads.net |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
: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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This is a simple process with all instructions for the Development Environment on Mac OS X.
All steps will be launch in your Terminal (/Applications/Utilities/Terminal)
.
If you don't already have XCode installed, it's best to first install the command line tools as these will be used by homebrew:
OlderNewer