AuthorJer

My Old Toronto Neighbourhood

sterlingRd_FBCover

Saw this post on a graffiti artist in Toronto. ANSER’s work in a few different spots on or around Sterling Rd. When I get a chance, I gotta find the photos of the other work he’s got hidden on Sterling.

Along with this, there’s a link to photos from inside the big abandoned building that was across the street for me. If I had known there was all this beaufitul art inside, I would have tried a little harder to get in. I think it’s an old GM building.

Dance Controlled Live PA

Oculus Rift + Kinect – Audio visual instrument a001 from Ethno Tekh on Vimeo.

Flailing to create music. What more can I say?

Weekly Digest

Controlling Reactions

zoe_4997

Yesterday was a challenge. Witnessing the difficulty in controlling habitual reactions. I feel I did well… but only relatively. In the grand scheme of things I know I can do much better.

With yesterday’s events still in my mind, I entered a very passive open state of mind. In my mind, I recreated the events from last night but imagining a different reaction. It was difficult to find myself reacting differently and I knew I needed some sort of outside inspiration. Lucky for me, I’m in the presence of the most non-judgemental beings one could hope to be surrounded by…   animals! More specifically, a 6 year old pit bull name Zoe.

Zoe likes to jump up on me when I walk into the room, sometimes, though I’ve finally taught her not to jump up on me. However, now I would like to teach her to jump up, but only when I ask. I told her “Up!” and patted my hips. She was, of course, confused. I gently seized her front legs and lifted her up. She would stay there for a moment, noticeably unsure of herself before slowly lower herself down. I did this three times in a row.

On the forth time I patted my hips and she hesitated for a few seconds, so I leaned down to pull her up, as I did the previous three times… but then she suddenly popped up and slammed the back of her head into my bottom lip.

I didn’t get angry, though I felt it inside. It didn’t take much effort to question that reaction within myself (before reacting) and found that it was a dream that I didn’t wish to create. I stood up slowly and looked down at her with a smile on my pained face. She was noticeably uncomfortable. I then relaxed more, smiled again and said, “Up!“. Without hesitation, she jumped up, putting her front paws on my hips with that big ol pit-bull smile on her face, waiting to accept the reward.

Success.
Lesson learned.
Brain remapped.

What started out as me trying to teach, ended up with me being the student. Thanks Zoe.

And now to nurse this bruised and bloody bottom lip.

Weekly Digest

Weekly Digest

Hour of the Gods

Western vs Eastern

Years ago I spoke to a good friend of mine about the time just before the sun rises.  I felt that the rising of the sun was such a empowering event to witness.  You can SEE the content of the clouds.  The spectrum of colors feeding the eyes. I would often say, “Start the day, don’t let the day start you.”

Rachit referred to the “hour of the gods” as the time around 4-5am. He said this was a very powerful and spiritual time. I had never heard of this term before, but then again…  I’m not Hindi.

Years have passed and I finally tried a bit of Googling. Besides the hundreds of links to a metal album called “Rush Hour of the Gods”, I did come across one inspiring quote via SearchForLight.org.

“There are moments when the Spirit moves among men and the breath of the Lord is abroad upon the waters of our being; there are others when it retires and men are left to act in the strength or the weakness of their own egoism. The first are periods when even a little effort produces great results and changes destiny; the second are spaces of time when much labour goes to the making of a little result. It is true that the latter may prepare the former, may be the little smoke of sacrifice going up to heaven which calls down the rain of God’s bounty. Unhappy is the man or the nation which, when the divine moment arrives, is found sleeping or unprepared to use it, because the lamp has not been kept trimmed for the welcome and the ears are sealed to the call. But thrice woe to them who are strong and ready, yet waste the force or misuse the moment; for them is irreparable loss or a great destruction. In the hour of God cleanse thy soul of all self-deceit and hypocrisy and vain self-flattering that thou mayst look straight into thy spirit and hear that which summons it. All insincerity of nature, once thy defence against the eye of the Master and the light of the ideal, becomes now a gap in thy armour and invites the blow. Even if thou conquer for the moment, it is the worse for thee, for the blow shall come afterwards and cast thee down in the midst of thy triumph. But being pure cast aside all fear; for the hour is often terrible, a fire and a whirlwind and a tempest, a treading of the winepress of the wrath of God; but he who can stand up in it on the truth of his purpose is he who shall stand; even though he fall, he shall rise again, even though he seem to pass on the wings of the wind, he shall return. Nor let worldly prudence whisper too closely in thy ear; for it is the hour of the unexpected, the incalculable, the immeasurable. Mete not the power of the Breath by thy petty instruments, but trust and go forward. But most keep thy soul clear, even if for a while, of the clamour of the ego. Then shall a fire march before thee in the night and the storm be thy helper and thy flag shall wave on the highest height of the greatness that was to be conquered.”

– Sri Aurobindo

 

Weekly Digest

How I Learned HTML & CSS

TO DO ———————————————

===============================================================================
Zen Coding for Aptana
http://coding.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/

RESPONSIVE WEB DESIGN (priceless roundup)
http://www.mayfielddigital.co.uk/blog/web-round-up/best-responsive-web-design-examples-and-resources/

Fluid Design Examples w/ Media Queries
http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/

Responsive Design
http://csstips.org/2012/02/27/getting-started-with-responsive-web-design-100-articles-and-tutorials/#.T2fSwrutz5A
http://www.wpmayor.com/articles/more-tutorials-and-resources-on-responsive-theme-design-for-wordpress/
Example: http://thisiscounterculture.com/team
Responsive Navigation Patterns
http://bradfrostweb.com/blog/web/responsive-nav-patterns/

TOOLS & Reference
==============================================================================
Benzier Curve Builder – Animation Ease-In / Ease-Out
http://www.roblaplaca.com/examples/bezierBuilder/

CSS / HTML Playground
http://dabblet.com/

HTML Outliner – Give URL or Upload File to get Outline of page
http://gsnedders.html5.org/outliner/

Fonts – Web Safe
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

css transition timing – REFERENCE *GREAT*
http://www.the-art-of-web.com/css/timing-function/

Chroma Color Picker & Saver
http://lucumalabs.com/chroma/#50964a

MOBILE
==============================================================================
45 Design Templates
http://www.1stwebdesigner.com/inspiration/mobile-web-designs-show-future-trends/

Website design for mobiles
http://blog.savvydog.com/?p=60

==============================================================================
HTML =========================================================================
==============================================================================
Structures: div, section, article
http://oli.jp/2009/html5-structure1/

Smartphone Screens Resolutions
http://cartoonized.net/cellphone-screen-resolution.php

HTML Dog’s Guides on HTML and CSS
http://www.htmldog.com/guides/

==============================================================================
CSS ==========================================================================
==============================================================================
SM – CSS3 Learning Guide
http://www.smashingmagazine.com/learning-css3-useful-reference-guide/
SM – Mastering CSS Principals
http://www.smashingmagazine.com/mastering-css-principles-comprehensive-reference-guide/
45 Powerful CSS / Javascript Techniques – TUTORIALS
http://coding.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/
Designer Web Trends  (parallax scrolling,
http://webdesignledger.com/tips/web-design-trends-in-2011
Fluid Layout (relative to default font)
http://www.alistapart.com/articles/fluidgrids/
LukeW – Multi-Device Layout Patterns
http://www.lukew.com/ff/entry.asp?1514

Media Queries in Basic Responsive Design Grid (must watch)
http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/a-basic-responsive-grid-plus-handy-css3-media-query-reporter/

Responsive Design Examples
http://mediaqueri.es/

Progressively Enhancing HTML5 (setup Fallbacks)
http://css-tricks.com/progressively-enhancing-html5-forms/

CSS Menu – using Hover and Position
http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/

Inline Blocks
http://www.search-this.com/2008/08/28/lets-all-get-inline-in-a-block-in-a-block/
The Display Declaration
http://www.quirksmode.org/css/display.html

Horizontal Centering
http://haslayout.net/css-tuts/Horizontal-Centering
Vertical Centering Methods
http://www.vanseodesign.com/css/vertical-centering/
Inline Blocks and Why it Sucks
http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

Positioning
http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://www.brainjar.com/css/positioning/default.asp

Rounded Corners – REFERENCE – including using images
http://www.w3.org/TR/css3-background/#corner-shaping
http://www.css3.info/preview/rounded-border/

Lists – Stylized – REFERENCE
http://www.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html
Selectors – Advanced (good for dynamic lists in forms – REFERENCE
http://sixrevisions.com/css/3-advanced-css3-techniques-you-should-learn/
Multi-Columns – CSS and Javascipt Alternative for IE – REFERENCE
http://www.csscripting.com/css-multi-column/

Speech Bubbles & Killer Buttons
http://webitect.net/design/designtutorials/6-smashingly-practical-css3-effects-you-can-use-right-now/

Animated pop out Button
http://designshack.net/articles/css/downloadbutton/

STYLE GUIDES
===============================================================================
http://paulrobertlloyd.com/about/styleguide/
http://oli.jp/2011/style-guide/

Color Guide w/ thumbnail preview of color story
http://www.cssdrive.com/index.php/main/category/C17/

STYLES – RESUME
===============================================================================
6 Professional Looking CV/Resume Web Templates
http://www.bitrepository.com/professional-looking-cv-resume-web-templates.html

40 Paid CVs (nice reference)
http://www.1stwebdesigner.com/freebies/resume-cv-templates/

Jason has a pretty example
http://www.brianjaystanley.com/LIS/resume

Another minimal one
http://courseweb.lis.illinois.edu/~stanley8/LIS590DPL/final-project/resume-example-1/resume.html#Qualifications

ANIMATION & FX (CSS)
=======================================================================
SIMPLE beginnings
http://www.webkit.org/blog/138/css-animation/

CSS Gallary – (color swatches) Dark of Black
http://www.cssdrive.com/index.php/main/category/C17/

Using CSS3 Transitions, Transforms and Animation – LEARN BABY
http://css3.bradshawenterprises.com/all/

Cast Shadow from cursor
http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box.html

CSS animation principals and tools
http://coding.smashingmagazine.com/2011/09/14/the-guide-to-css-animation-principles-and-examples/

jflow video tutorial
http://net.tutsplus.com/articles/news/using-the-wonderful-jflow-plugin-screencast/

3D Parallax Painting
http://www.romancortes.com/blog/3d-meninas-explained/

Thumbnail Navigation Gallery
http://tympanus.net/codrops/2010/07/29/thumbnails-navigation-gallery/

Sticky Header (top) – Content scrolls up under transparent header
http://youloveus.co.uk/blog/the-youloveus-scrolling-background-effect-explained/

Sticky Footer (bottom w/ jQuery)
http://www.hardcode.nl/archives_139/article_244-jquery-sticky-footer
Footer using CSS
http://www.alistapart.com/articles/footers/

W3 Schools (try me)
http://www.w3schools.com/css3/css3_transitions.asp

transitions without javascript – REFERENCE
http://www.w3schools.com/css3/css3_transitions.asp

Rebuild Conent w/ a Fade
http://css-tricks.com/dynamic-page-replacing-content/

Frame by Frame Animation
http://www.cssplay.co.uk/menu/css3-animation.html

SCROLLING / SLIDING
===============================================================================
Build a Conent Slider with jQuery
http://brenelz.com/blog/build-a-content-slider-with-jquery/

Anything Slider
http://css-tricks.com/examples/AnythingSlider/

5 Scrolling Content Examples
http://www.noupe.com/design/sliding-content.html

13 “Beautiful jQuery Conent Slider Scripts – COLLECTION
http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

jQuery – How to animate the scroll
http://designshack.net/articles/html/how-to-link-to-specific-points-in-a-page-and-animate-the-scroll/

“Scrollable” jQuery Toolset
http://flowplayer.org/tools/scrollable/

8 ways to integrate ImageSwitch and jQuery
http://www.hieu.co.uk/blog/index.php/2009/03/21/8-guides-to-apply-jquery-and-imageswitch-in-web-design/

Sliding Content
http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery

jQuery.ScrollTo
http://demos.flesler.com/jquery/scrollTo/

Slideshow
http://www.agilecarousel.com/

SIDEWAYS – Badass Fullscreen Sliding Image Gallery
http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery

50 more Slideshows!  – COLLECTION
http://www.tripwiremagazine.com/2012/01/jquery-carousel.html

jQuery Slide
http://api.jquery.com/category/effects/sliding/

Dynamic Scroll – like google reader’s autoloading content
http://webdeveloperplus.com/jquery/create-a-dynamic-scrolling-content-box-using-ajax/

Scroll Background – ball through trees w/ CSS & Javascript
http://www.storiesinflight.com/html5/backgrounds.html

==============================================================================
JAVASCRIPT ===================================================================
==============================================================================
Datepicker
http://jqueryui.com/demos/datepicker/

ANIMATION (Javascript)
=======================================================================
Rebuild Content via Menu Buttons – jQuery TUTORIAL
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Rebuilt conent w/ Fade – jQuery TUTORIAL
http://perishablepress.com/slide-fade-content/

Pop-up Speech Bubbles using JQuery
http://demo.marcofolio.net/slick_jquery_css3_menu/default.html

Character Rigging by Anthony Calzadilla
http://www.optimum7.com/internet-marketing/web-development/pure-css3-spiderman-ipad-cartoon-jquery-html5-no-flash.html

Excellent examples on fade examples
http://www.hesido.com/web.php?page=javascriptanimation

Tweening examples
http://jstween.blogspot.com/

Dynamics (chain and more)
http://processingjs.org/learning/topic/chain/

FORMS
========================================================================
Top 10
http://www.catswhocode.com/blog/top-10-css-3-forms-tutorials

Simple Purple Login
http://www.threestyles.com/tutorials/css3-login-form-tutorial/

Styling a dropdown
http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/
from this thread: http://stackoverflow.com/questions/1895476/how-to-style-select-dropdown-with-css-only-without-javascript

Better Select Dropdown
http://v2.easy-designs.net/articles/replaceSelect/

24 Ways – Field day with forms
http://24ways.org/2009/have-a-field-day-with-html5-forms

Fun with HTML 5 Forms
http://thinkvitamin.com/code/fun-with-html5-forms/

Form Validation
http://www.tizag.com/javascriptT/javascriptform.php

Dropdown conent tutorial
http://www.dhtmlgoodies.com/index.html?whichScript=show_hide_content_slide

dropdown login menu
http://web-kreation.com/all/nice-clean-sliding-login-panel-built-with-jquery/

Beautiful Forms
http://www.noupe.com/php/beautiful-forms.html

UI Wireframes
http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/

Weekly Digest

XCOM – turn-based strategy

I’d have to say that X-COM is my favourite turn-based strategy game. Played the crap out of this game, even despite how difficult and time-consuming it was.

A few months ago, when I realized that the remake was released… AND in the classic turn-based tactical style, instead of the silly FPS version that was planned. Picked it up almost instantly (after approval from my partner, of course).

I’ll spare my long review of it, so just go play it.  Go out and try XCOM: Enemy Unknown…  right now.

Browsing the web, I found a few links to some solid strategy tips for those that are attempting to play the game on “Classic” difficulty.

http://forums.2kgames.com/showthread.php?206361-Classic-vs-Impossible-a-partial-stratagy-guide-%28In-progress-%29

http://iam.yellingontheinternet.com/2012/11/12/miscellaneous-xcom-tips/

Besides the links, there’s also this PCGamer video that does a great job. Chis talks about playing the game in Ironman mode where the game controls your single saved game.  No retries. Consequences are permanent.

Agile Meetings at Home

Successful households have some sort of regular schedule that they follow. The most popular time for the entire family to meet up and check in on one another is at dinner time.

Bruce Feiler takes this to the next level by using Agile Development formats in his family meetings.

Spring Engine : Open Source RTS Game

Just played some Planetary Annihilation and it’s pretty…  but when it comes to an RTS, I’m looking for smart controls…   and that pretty game didn’t cut it.

If you haven’t heard of Spring Engine, I recommend watching this feature video and you’ll start to see what we’re talking about when we say “smart controls”.

 

 

Was inspired but some recorded matches of Spring RTS, an open source real-time strategy game, so I recorded a big match that I played versus an AI opponent.  Wanna play?  Well Spring is free, so go download it (or just grab it from the Ubuntu Software Centre).

I will be performing some screen captures on Linux in the future (video tutorials of a 3D animation package), so I wanted to find optimal methods for recording 3D at full HD (1080p).

Settings for recordMyDesktop on Ubuntu 12:10 using Gnome 3:
Video Quality 100
Frames Per Second 30
Encode on Fly: OFF
Zero Compression: ON
Quick Subsampling: OFF
Full shots at very frame: ON

Game was running at 10x speed, and I then doubled it again in my video editor, OpenShot (open source video editor).

DJ mix is by meshdiggity on SoundCloud.

*note:  Remember to switch to HD 1080p!  Make those little dots nice and crisp.

All-Nighter On VFX Shots : Time-Lapse

A few years back, while working on shots for Killer Mountain, I set up my Nikon in order to capture the last 18 hours of my self-induced crunch time.

The last half of the video looks much better, as corrected my camera settings.  You might even be able to make out some of the shots.

Gource – Data Visualization for File Tree Manipulators

Gource is a bit of open code that creates time lapse videos to visualize file trees being created.

Love Warrior

togetherForeverReceived this email this morning:

In Joseph Campbell’s vision of myth, the hero is typically a solitary male who renounces intimate companionship to pursue his glorious, arduous quest. Along the way, sporadic help may arrive from an ineffable muse or deity.

There are alternative scenarios for the hero’s journey, but Campbell underplayed them. In the tantric tradition, for instance, a seeker’s connection with a beloved human companion is essential to his or her spiritual inquiry.

Some early Christians described Jesus and Mary Magdalene as equal collaborators. Sufi mystic poet Rumi may not have actually made love with his teacher Shams (then again, he might have), but it’s clear the two men sought divine communion together, not through lonely solo work.

Some modern teachers have broken from Campbell’s narrow perspective. The quest for illumination, they say, can thrive on the challenges of loving and living with an actual person. In John Welwood’s “Love and Awakening,” the author re­imagines relationship as an “alliance of warriors” devoted to awakening each other’s “holy longing.”

Kill Only What We Eat

… and eat all that we kill. Inspired by some sections that I saw in last night’s showing of Samsara.

Monster Roll from Dan Blank on Vimeo.


A better quality HD version can be found on Vimeo: https://vimeo.com/54531136

Samsara Looks… Stunning

SAMSARA Theatrical Trailer from Baraka & Samsara on Vimeo.

Have you seen Baraka?

There is no question of whether or not I will see this film. However, it appears that I will have the opportunity to see this in the theater, one night only, on Dec 3rd, in Detroit.

Thanks to Joseph Gilland for the heads up.

Windows 8 – Effective Visual Communication?

push-button-receive-bacon

Seems that Windows 8 has a bit too much of the classic Microsoft inconsistency problem.  I will be avoiding it.

Glad I’ve been putting so much energy in to Linux (Ubuntu) lately.  2 years as my primary OS and will not be going back anytime soon.  The best part is, this is MY operating system.  It’s free and open. I breath easier.

Windows 8: The Animated Evaluation” by Brian Boyko has more details.

Midnight w/ Ubuntu


Setting up an old machine that I recently pulled out of storage (2 years in Vancouver!?  Poor little box).

Step one is to update the Ubuntu theme to Elegant…  or should I stick with Equinox w/ squared Dawn borders? Well, that’s your choice. Here’s some very simple instructions for both of them.  I’d recommend Equinox first, as Elegant has a one-button solution which can activate or restore previous settings.  Just tested it and it works just fine.

Elegant: http://www.techdrivein.com/2010/09/elegant-gnome-theme-pack-for-ubuntu-is.html

Equinox: http://www.webupd8.org/2010/06/equinox-gets-its-own-ubuntu-ppa-both.html

*note: I personally experienced some issues in Firefox, when using the dark themes (it was too bright!!), so I corrected this (for the most part), by installing the Stylish add-on and then customizing my own “Global Midnight Theme”. Mwuahahahaaa!

Oh yeah, and you might need to create a “Stylish” theme to correct the color of the now greyed font in input text boxes in Firefox.

© 2024 Jer's Life

Theme by Anders NorenUp ↑