manfromanotherland

{
  "documents": [
    {
      "id": "QM-1",
      "name": "Quality Control",
      "tags": ["HW", "SaMD"]
    },
    {
      "id": "SOP-6",
      "name": "Training",

manfromanotherland

Essential apps

0. Alfred
1. 1Password
2. iTerm
3. VSCode
4. Sketch
5. Framer
6. Chrome
7. Spotify

manfromanotherland

function titleCase(str) {
  return str.toLowerCase().split(' ').map(function(word) {
    return (word.charAt(0).toUpperCase() + word.slice(1));
  }).join(' ');
}

manfromanotherland

<label>Country</label>
<select name="country" id="country">
  <option value="">Select a country…</option>
  <option value="US">United States</option>
  <option value="CA">Canada</option>
  <option value="AR">Argentina</option>
  <option value="BE">Belgium</option>
  <option value="AF">Afghanistan</option>
  <option value="AL">Albania</option>
  <option value="AD">Andorra</option>

manfromanotherland

// CSS cubic-bezier timing functions
// @type cubic-bezier

$ease-in-quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
$ease-in-cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
$ease-in-quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
$ease-in-quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
$ease-in-sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
$ease-in-expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
$ease-in-circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);

manfromanotherland

Image performance on the web

Some notes on image performance. What we'll cover:

• The cost of images (Both on the Network & Render side)
• Image srcset – what it does and how it works
• Linting responsive images

The cost of images

manfromanotherland

whois gaa.ie

% Rights restricted by copyright; http://iedr.ie/index.php/mnudomregs/mnudnssearch/96
% Do not remove this notice

domain:       gaa.ie
descr:        Gaelic Athletic Association
descr:        Unincorporated Association
descr:        Unincorporated Association Name
admin-c:      JD277-IEDR

manfromanotherland

ffmpeg -i huge-file.mp4 -vcodec libx264 -preset veryfast smaller-file.mp4

manfromanotherland

function header_change() {
   window.addEventListener('scroll', function(e){
       var distanceY = window.pageYOffset || document.documentElement.scrollTop,
           shrinkOn = 55,
           //header = document.querySelector("header");
           header = document.getElementsByClassName("actual_header");
       if (distanceY > shrinkOn) {
           classie.add(header,"smaller");
           // convert to new color and add apacity
           classie.add(header,"change_background")

manfromanotherland

Companies using Help Center

• Dropbox: https://www.dropbox.com/help
• Facebook: https://www.facebook.com/help
• Zendesk: https://www.zendesk.com/help-center/
• Google: https://support.google.com/