thomasgohard

#!/bin/bash

# The MIT License (MIT)
# 
# Copyright (c) 2013 Thomas Gohard
# 
# Permission is hereby granted, free of charge, to any person obtaining a copy
# of this software and associated documentation files (the "Software"), to deal
# in the Software without restriction, including without limitation the rights
# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

thomasgohard

"\e[A": history-search-backward
"\e[B": history-search-forward
set show-all-if-ambiguous on
set completion-ignore-case on
"\e[1;5C": end-of-line
"\e[1;5D": beginning-of-line
"\e[1;3C": forward-word
"\e[1;3D": backward-word

thomasgohard

sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs
sudo npm install -g grunt-cli
sudo npm install -g bower

thomasgohard

Post-installation set-up for Ubuntu

Get the eCryptfs mount passphrase for the home folder

ecryptfs-unwrap-passphrase

thomasgohard

language: ruby

branches:
  only:
    - master

script:
  - "bundle exec jekyll build" 
  - ./build.sh

thomasgohard

Creating content that works on any device

The trick to creating content that works on any device is simple: Create your content for the most restrictive contexts of use first; then enhance your content based on the capabilities of the device used to read it.

This ensures not only that your content can be read on any device, but also that the reading experience is optimised for the device used to read it.

How do you do that?

Focus on your user's needs

thomasgohard

Details/summary

Problem:

• The height of a details/summary element pair is equal to the height of the summary element only when the details element is collapsed.
  • The details/summary element must be expanded before its height can be calculated.
• Setting an equal height on a collapsed element makes it take up the space it would take up while expanded even though it is collapsed.
  • The equal height should only apply when at least one more details/summary element pair is expanded on the same baseline.

Temporarily expanding a detail/summary element pair:

elm.setAttribute("open", "open")

thomasgohard

== Resources ==

=== Performance ===

• [http://bit.ly/fluent-perf Web performance crash course]
• [http://www.youtube.com/watch?v=Il4swGfTOSM Breaking the 1000ms Time to Glass Mobile Barrier]
• [http://www.smashingmagazine.com/2013/06/10/pinterest-paint-performance-case-study/ Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study]
• [http://bit.ly/mobilecrp Optimizing the Critical Rending Path - Velocity SC 2013]
• [http://dev.opera.com/articles/view/better-performance-with-requestanimationframe/ Better performance with requestAnimationFrame]
• [http://www.lukew.com/ff/entry.asp?1793 Smashing Conf: 60 Frames Per Second]

thomasgohard

1. Install Ubuntu.
2. Install Ruby (sudo apt-get install ruby2.0 ruby2.0-dev).
3. Install github-pages gem (sudo gem install github-pages).

thomasgohard

# Setup a development environment for AEM using Brackets

1. Install Brackets.
2. Install the AEM and Brackets-git extensions.