Things learned today:

  • Word of the day: Emulsion- A mixture of two liquids that are normally unmixable. An emulsifier stabilizes the emulsion and the liquids remain mixed.
  • There is a theme park in Italy made mostly by one man.
  • Mintty seems to be the current best terminal emulator for Cygwin.
  • Normalize.css helps to make different browsers render content more consistently.
  • Three.js is a library for making cool 3D stuff in browser with WebGL.
  • Visualizing your git repository.
  • Managing multiple deploy environments using Github Pages, useful for maintaining dev and prod.
    • For personal site, in prod: git remote add dev ../dev
    • To update prod: git pull dev master
  • An organizational structure for your Sass files called SMACSS.
  • When using Sass, you can have it watch:
    • A specific file- sass --watch input.scss:output.css
    • A directory- sass --watch dev/scss:dev/stylesheets
  • Started using Compass today.
    • Start project- compass create, watch project- compass watch &
  • Bourbon is a popular but slightly different alternative to Compass. One primary goal of both is to provide a consistent experience across browsers.
  • Example portfolio sites using Bootstrap for inspiration. The resume section has less competition than portfolios, although total purchases and average prices are lower. Examining in order of number of total sales.
    • Articulate- Call to action and ways to connect immediately visible. Subtle gradient change between sections, with contact section very different. Translucent hovering top bar.
    • MStone- Better font, no carousel at top. Name in top bar.
    • 3ColorResume- Use of color, timeline for education. Different style that is not well represented on WrapBootstrap.
    • Transition- Unique 4-panel layout. Subtle visual hover effect on quadrant.
    • CVilized- The header is pretty nice. The side widget is neat (although not part of the site).
    • SeventyFour- Arrow pointing down from header image. Middle section cutout.
    • Conclusions: In the top bar, include place on page and contact button. Try using cutouts to divide the page.