Learning

Friday, March 16, 2012

New York Chinatown Info

East Broadway & Canal Street
Mott Street, Pell Street

怡东楼 (福州人) - 88 East Broadway

Map:
http://maps.google.com/maps?hl=en&ix=sea&ion=1&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&biw=1368&bih=900&q=Chinatown,+NY&um=1&ie=UTF-8&hq=&hnear=0x89c259f56c2fc10d:0xcf9e1370cd1f3111,Chinatown,+New+York,+NY&gl=us&ei=-WRjT97iK6re0QGF8byrCA&sa=X&oi=geocode_result&ct=image&resnum=2&ved=0CEIQ8gEwAQ

http://explorechinatown.com

Saturday, February 25, 2012

Quotes/Aphorism 2 ~ Wit and Wisdom

********consolation*********

A poor person is not someone who has little but one who needs infinitely more, and wish, and wish, more and more. — Epicurus, Seneca, and the Aymara

For the love of money is a root of all kinds of evil. —Bible

For what will it profit a man if he gains the whole world, and loses his own soul? —Mark 8:36

What we did before for the love of God, nowadays we do it for the love of money, which means, for the love of what gives us the sensation of highest power and good conscience? —Nietzsche, Aurora

I fear the day when the technology overlaps with our humanity. The world will only have a generation of idiots. — Albert Einstein

Don't measure your life by your failures, but your success. —Serge Demyanenko

What you give is yours forever. What you keep, you lose.
—Monsieur Ibrahim

The individual has always had to struggle to keep from being overwhelmed by the tribe. If you try it, you will be lonely often, and sometimes frightened. But no price is too high to pay for the privilege of owning yourself. — Rudyard Kipling

If you live comfortably, there must be more important things in life than money. —Serge Demyanenko

Wise men speak because they have something to say; fools because they have to say something. —Plato

He saw people living in a childish or animal-like way, which he both loved and despised. He saw them toiling, saw them suffer and grow gray about things that to him did not seem worth the price—for money, small pleasures and trivial honors. he saw them scold and hurt each other; he saw them lament over pains at which the Samana laughs, and suffer at deprivations which a Samana does not feel. —Siddhartha by Hermann Hesse (translated by Hilda Rosner)

Don't walk behind me; I may not lead. Don't walk in front of me; I may not follow. Just walk beside me and be my friend.
— Albert Camus

***************************

The individual has always had to struggle to keep from being overwhelmed by the tribe. If you try it, you will be lonely often, and sometimes frightened. But no price is too high to pay for the privilege of owning yourself. — Rudyard Kipling

Most people would rather die than think; in fact they do so. — Bertand Russell

Happy families are all alike; every unhappy family is unhappy in its own way. — Leo Tolstoy

Let your life lightly dance on the edges of Time like dew on the tip of a leaf. — Rabindranath Tagore

Simply let your 'Yes' be 'Yes,' and your 'No,' 'No'; anything beyond this comes from the evil one. — Matthew 5:37

• Don't walk behind me; I may not lead. Don't walk in front of me; I may not follow. Just walk beside me and be my friend.
• The only way to deal with an un-free world is to become so absolutely free that your very existence is an act of rebellion.
• You will never be happy if you continue to search for what happiness consists of. You will never live if you are looking for the meaning of life.
• An intellectual is someone whose mind watches itself.
• Autumn is a second spring when every leaf is a flower.
• I know of only one duty, and that is to love.
• Freedom is nothing but a chance to be better.
— Albert Camus

For what will it profit a man if he gains the whole world, and loses his own soul? —Mark 8:36

What we did before for the love of God, nowadays we do it for the love of money, which means, for the love of what gives us the sensation of highest power and good conscience? —Nietzsche, Aurora

A rose is a rose is a rose. — Gertrude Stein

...estar contigo o no estar contigo, es la medida de mi tiempo... — Jorge Luis Borges
... be with you or without you, is the extent of my time ... (google translation)

Wise men speak because they have something to say; fools because they have to say something. —Plato

Smiling is what makes you happy.
When you dance, your heart sings.
Slowness is the key to happiness.
What you give is yours forever. What you keep, you lose.
—Monsieur Ibrahim

I refuse to lower my standards to accommodate those who refuse to raise theirs. — Steve Gamlin

For the love of money is a root of all kinds of evil. — Bible

Always laugh when you can. It is cheap medicine. — Lord Byron

Aliud est discere aliud videri sibi didicisse. — Augustine
One thing is to know, another thing is to believe to know.

Se c’è l’Amore tutto è utile, se manca l’Amore tutto il resto è inutile. — Agostino
If there is Love, all is useful; if there is no love, everything else is useless.

I fear the day when the technology overlaps with our humanity. The world will only have a generation of idiots. — Albert Einstein

Where is the Life we have lost in living?
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information? — T.S. Eliot, The Rock (1934)

The great ages did not contain more talent. They wasted less. — T.S. Eliot

Merely fact-minded sciences make merely fact-minded people. — Edmund Husserl, The Crisis of European Sciences and Transcendental Phenomenology, 1936

The greater the suffering is never to have suffered... — Pablo Neruda
(O maior dos sofrimentos é nunca ter sofrido.)

All speech, written or spoken, is a dead language, until it finds a willing and prepared hearer. — Robert Louis Stevenson

The toughest thing about success is that you've got to keep on being a success. — Irving Berlin

Life is 10 percent what you make it, and 90 percent how you take it. — Irving Berlin

Talent is only the starting point. — Irving Berlin

An artist is always alone - if he is an artist. No, what the artist needs is loneliness. — Henry Miller

A picture is worth a thousand words. — Napoleon Bonaparte

The worse thing you might learn about love is to realize that it was not worth all the tears. — Sergio Caldarella (Dr. Divago)

Fools are those who love, but without their foolishness nothing would ever be real. — Sergio Caldarella (Dr. Divago)

Never ignore a person who loves you, cares for you, and misses you. Because one day, you might wake up from your sleep and realize that you lost the moon while counting the stars. — Anonymous

Expecting heaven is what hell is all about. — Peter McWilliams

Everything that I know, I know only because I love. — Lev Tolstoj

When love is not madness, it is not love. — Pedro Calderon de la Barca

The memory of joy is no longer joy; the memory of pain is pain still. — Lord Byron

When you take a man as he is, you make him worse. When you take a man as he can be, you make him better. — Johann Wolfgang von Goethe

As soon as you trust yourself, you will know how to live. — Johann Wolfgang von Goethe

What is not started today is never finished tomorrow. — Johann Wolfgang von Goethe

We are never deceived; we deceive ourselves. — Johann Wolfgang von Goethe

Travel is fatal to prejudice, bigotry, and narrow-mindedness. — Mark Twain

You must have chaos within you to give birth to a dancing star. — Friedrich Nietzsche

Love one another but make not a bond of love: Let it rather be a moving sea between the shores of your souls. — Kahlil Gibran

For you can only be free when even the desire of seeking freedom becomes a harness to you, and when you cease to speak of freedom as a goal and a fulfillment. — Kahlil Gibran

You shall be free indeed when your days are not without a care nor your nights without a want and a grief, but rather when these things girdle your life and yet you rise above them naked and unbound. — Kahlil Gibran

Much of your pain is self-chosen. — Kahlil Gibran

Let there be no purpose in friendship save the deepening of the spirit. — Kahlil Gibran

For what is your friend that you should seek him with hours to kill?
Seek him always with hours to live.
For it is his to fill your need, but not your emptiness. — Kahlil Gibran

You talk when you cease to be at peace with your thoughts. — Kahlil Gibran

For thought is a bird of space, that in a cage of words many indeed unfold its wings but cannot fly. — Kahlil Gibran

If a teacher is indeed wise s/he does not bid you enter the house of wisdom, but rather leads you to the threshold of your own mind. — Kahlil Gibran

You are not enclosed within your bodies, nor confined to houses or fields. That which is you dwells above the mountain and roves with the wind. — Kahlil Gibran

A poor person is not someone who has little but one who needs infinitely more, and wish, and wish, more and more. — Epicurus, Seneca, and the Aymara

Don't measure your life by your failures, but your success. —Serge Demyanenko

• The harder the struggle, the sweeter the prize.
• Giving gets more rewards than taking.
• Fame is fleeting, love lasts forever.
• The loving touch of a woman is more precious than all earthly riches.
• I would rather be taken for a fool than know myself as a pompous ass.
— Serge P. C. Demyanenko

Blessed are the weird people – - poets, misfits, writers, mystics, painters, troubadours – - for they teach us to see the world through different eyes. — Jacob Nordby

Noble Desktop Web Seminar in January & Adobe Webinar in March

Can I use it?
www.caniuse.com

Safari » inspect elements
in Safari, go to "Developer" menu, then choose "Show Web Inspector"... or simply right click on the element, then choose "Inspect Element."

Canvas, SVG, Flash
SVG: better for fewer elements and easier JavaScript event handlers
Canvas: better for lots of elements, heavy interaction, and games
Flash: good for everything if you don't care about iPhone

Canvas:
fallbacks: flashcanvas.net
examples: www.ownacolour.com (use Flash Canvas as a fallback for older IE)
developer.mozilla.org/en-US/demos/detail/bouncy-and-the-apple

SVG
it can have animation
it is better supported than canvas, especially with Raphael, a JavaScript Library raphaeljs.com
examples: secure.americanselect.org/my-colors (uses the Raphael)
developer.mozilla.org/en-US/demos/detail/the-planetarium

HTML5 Boilerplate
html5boilerplate.com
first lesson: www.youtube.com/watch?v=NMEB78VX2P0&noredirect=1

CSS • web fonts
to implement fonts: CSS @font-face
font delivery service: Google Webfonts or Typekit
examples: beercamp.com/2010 michelvrana.com/recent www.getfinch.com
www.fontsquirrel.com

CSS • rounded corners
generator: border-radius.com (use the arrow keys to change values) (vender prefix)
example: www.lmclassiccars.com

CSS • Gradients
generator: www.colorzilla.com/gradient-editor (love it!)
example: www.kaleidoscopeapp.com

CSS • Fireworks generates CSS3 code
1) download extension and install it: Adobe Fireworks CSS3 Mobile Pack
2) create a rounded corner button with a gradient and a drop shadow
3) in the CSS Properties panel (installed by this extension), copy all the CSS3 code!
download: labs.adobe.com/technologies/fireworks_css3mobile

CSS • Animation, Transition, Transform
custom easing animation tool: matthewlein.com/ceaser
examples: www.zurb.com/playground/css3-polaroids
stuffandnonsense.co.uk/content/demo/cannybill/21-10-2009/pricing.html
acko.net (crazy 3D transforms that only work in webkit)

CSS • Media Queries - targeting mobile devices
examples: spigotdesign.com
css-tricks.com
www.authenticjobs.com

jQuery & CSS
CSS transition is lighter and easier to code, but not widely supported currently. So use jQuery for anything that CSS cannot do.

Modernizr www.modernizr.com
it helps deal with browsers, that don't support certain features, and easily defines fall-backs for them.
for instance: .boxshadow vs .no-boxshadow

Mobile browsers are based on webkit.

CSS definitely works with HTML Strict; I believe that it also works with XHTML Transitional.

JW player for HTML5 Video at www.longtailvideo.com

Adobe Edge
It is not supported by IE 7 & 8. (Jan 2012)
Try: place the animation created in Edge into eMagazines/Tablet Publications using Adobe's Digital Publishing Suite (DPS) for an easy enhancement. Here are my notes.
1) use "Overlay..." Panel in InDesign(?) or Edge(?)
2) then go to "web content", then choose the HTML (also check Auto Play)

-----------------------------------------------

Adobe Webinar 03/08/2012

Flash is currently focus on App and Gaming.

It can create content for iOS and Android.

It also can export content (he showed animatin) to HTML5 using "Toolkit for Create JS."

Periodic Table of the Elements - to see how much HTML5 a website has used
http://joshduck.com/periodic-table.html

.

Monday, October 17, 2011

CSS3 First Look

http://www.lynda.com/CSS-tutorials/css3-first-look/73288-2.html

1. Introducing CSS3
1.2 The current status of CSS3
http://www.w3.org/Style/CSS/current-work

1.4 Can you use CSS3 now?

CSS3 PIE
http://css3pie.com/

Modernizr
http://www.modernizr.com/

1.5 Detecting support for CSS3 - quite important
http://www.lynda.com/home/Player.aspx?lpk4=77246&playChapter=False
use Modernizr
http://www.modernizr.com/

1.6 Understanding vendor prefixes

eCsstender
http://ecsstender.org

Css3 Generator
http://css3generator.com

2. CSS3 Selectors
2.1 An overview of child and sibling selectors

2.2 Using child and sibling selectors

2.3 An overview of attribute selectors
http://www.lynda.com/home/Player.aspx?lpk4=77251&playChapter=False

This video also tells how to use each attribute selector.

2.4 Using attribute selectors
http://www.lynda.com/home/Player.aspx?lpk4=77252&playChapter=False

2.5 Pseudo-class UI selectors - out of my interest
http://www.lynda.com/home/Player.aspx?lpk4=77253&playChapter=False

2.6 Negation pseudo-class selectors
http://www.lynda.com/home/Player.aspx?lpk4=77254&playChapter=False

the border image in CSS3 is interesting.

2.7 Target pseudo-class selectors - out of my interest
http://www.lynda.com/home/Player.aspx?lpk4=77255&playChapter=False

2.8 Structural selectors - quite powerful and complex
http://www.lynda.com/home/Player.aspx?lpk4=77256&playChapter=False

2.9 Nth-child selector syntax - quite powerful and complex
http://www.lynda.com/home/Player.aspx?lpk4=77257&playChapter=False

2.10 First, last, and only structural selectors - quite useful
http://www.lynda.com/home/Player.aspx?lpk4=77258&playChapter=False

2.11 Using structural selectors to write more efficient code
http://www.lynda.com/home/Player.aspx?lpk4=77259&playChapter=False

3. Working with Color in CSS3
3.1 Color formats in CSS3

3.2 Transparency in CSS3
http://www.lynda.com/home/Player.aspx?lpk4=77262&playChapter=False

3.3 CSS3 gradients
http://www.lynda.com/home/Player.aspx?lpk4=77263&playChapter=False

3.4 Creating linear gradients
http://www.lynda.com/home/Player.aspx?lpk4=77264&playChapter=False

a page bg gradient - from 0.25 to 0.65 of the page height

3.5 Creating radial gradients
http://www.lynda.com/home/Player.aspx?lpk4=77265&playChapter=False

4. CSS3 Typography
4.1 Working with web fonts

https://typekit.com

http://www.fontsquirrel.com
http://theleagueofmoveabletype.com
http://www.fontslive.com
http://www.extensis.com/en/WebINK
http://kernest.com

4.2 @font-face syntax
http://www.lynda.com/home/Player.aspx?lpk4=77268&playChapter=False

4.3. Downloading sample fonts
http://www.lynda.com/home/Player.aspx?lpk4=77269&playChapter=False

4.4 Writing @font-face declarations
http://www.lynda.com/home/Player.aspx?lpk4=77270&playChapter=False

(the image was copied from HTML5 First Look)

4.5 Using web fonts
http://www.lynda.com/home/Player.aspx?lpk4=77271&playChapter=False

(the image was copied from HTML5 First Look)

4.6 Using text shadows - broadly supported
http://www.lynda.com/home/Player.aspx?lpk4=77272&playChapter=False

4.7 Creating multi-column text
http://www.lynda.com/home/Player.aspx?lpk4=77273&playChapter=False

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

(the above two images were copied from HTML5 First Look)

5. CSS3 and Page Layout
5.1 An overview of the flexible box model
http://www.lynda.com/home/Player.aspx?lpk4=77275&playChapter=False

5.2 Controlling box orientation
http://www.lynda.com/home/Player.aspx?lpk4=77276&playChapter=False
vertical is the default orientation for DIVs
#container has five child div tags.
#container { width: 960px; display: -webkit-box; display: -moz-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; }

5.3 Setting element flexibility - need to watch it again to remember
http://www.lynda.com/home/Player.aspx?lpk4=77277&playChapter=False

5.4 Distributing boxes
http://www.lynda.com/home/Player.aspx?lpk4=77278&playChapter=False

5.5 Controlling box alignment
http://www.lynda.com/home/Player.aspx?lpk4=77279&playChapter=False
box align handles the vertical orientation
box pack handles the horizontal orientation

Vertically Centered!!!
(note: there is a wrapper div outside of the container div)

(there was a small padding on the right side of the container div box)

Absolutely Centered!!!
(note: there is a wrapper div outside of the container div)

5.6 Working with box-sizing - can be used NOW
http://www.lynda.com/home/Player.aspx?lpk4=77280&playChapter=False

6. The CSS3 Box Model
6.1 Using border-radius
http://www.lynda.com/home/Player.aspx?lpk4=77282&playChapter=False
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

6.2 Creating custom rounded corners
http://www.lynda.com/home/Player.aspx?lpk4=77283&playChapter=False

(same as above)

6.3 Understanding border images
http://www.lynda.com/home/Player.aspx?lpk4=77284&playChapter=False

for now: use "round" and ignore "repeat"

6.4 Using border images
http://www.lynda.com/home/Player.aspx?lpk4=77285&playChapter=False
border: 10px solid #cb7d20; // 10px border-width is twice the size of the 5px border image slice
-moz-border-image:url(../_images/border_image.png) 15 round;
-webkit-border-image:url(../_images/border_image.png) 15 round;
border-image:url(../_images/border_image.png) 15 round;

6.5 Creating box shadows
http://www.lynda.com/home/Player.aspx?lpk4=77286&playChapter=False
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
// 2px (x-offset) 2px (y-offset) 5px (blur value) #000 (shadow color)

-webkit-box-shadow: inset 2px 2px 3px #999, inset -2px -2px 3px #999, 2px 2px 5px #000; -moz-box-shadow: inset 2px 2px 3px #999, inset -2px -2px 3px #999, 2px 2px 5px #000; box-shadow: inset 2px 2px 3px #999, inset -2px -2px 3px #999, 2px 2px 5px #000;
// here are three separate shadows // the two inset values create the inner shadows or an emboss look

6.6 CSS3 backgrounds
http://www.lynda.com/home/Player.aspx?lpk4=77287&playChapter=False

6.7 Controlling background size - too much info - need to watch again
http://www.lynda.com/home/Player.aspx?lpk4=77288&playChapter=False
background: #e1d8b9 url(../_images/star_icon_large.png) no-repeat;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
// or background-size: 50px 50px;

6.8 Creating multiple background images
http://www.lynda.com/home/Player.aspx?lpk4=77289&playChapter=False
background-image: url(../_images/callOut_top.jpg), url(../_images/trivia_bottom.png); background-repeat: no-repeat, no-repeat;
background-position: left top, right bottom;
padding-bottom: 100px; // to keep text away

6.9 Using background-origin
http://www.lynda.com/home/Player.aspx?lpk4=77290&playChapter=False
border: 10px solid rgba(212, 178, 220, .5);
background: #e1d8b9 url(_images/star_icon_large.png) no-repeat;
-moz-background-origin: content-box;
-webkit-background-origin: content-box; background-origin: content-box;
// background-origin: border-box;