a*'s listography
user image

bookmarks:
listography GIVE MEMORIES
TERMS
FAVORITE LISTOGRAPHY MENTIONS
IMPORTANT NOTICES
MESSAGES
login
sign up
explore
main  (356) ongoing  (38) archive    private  (17)
[...view...]
apr 2 2012 ∞
aug 21 2013 +
  • Ramos, Omar-Sam R. Ism, Schism
  • Sanchez, Arturo T. At Stake
  • Bartolome, Joel R. __Operation: Beauty Fools"
  • Mangrobang, Josue C. Ang Piera ni Juan
  • Singh, Ser Brave M Anxiety Room
  • Remolacio, Ronald L. Mga Pamana ni Kuya
  • Abagon, Fernando Boso
  • Lasap, Ars When Hunger Strikes
  • Vargas, Sherilyn G.
  • Salarza, Byron watch sculpture
  • Francisco, Paolo Luis Pinay Marquee
  • Tan, Katrina Ann Rise & Be Redeemed
  • Sanchez, Reynan Tuloy-Tuloy-Tuloy
  • Praico, Brenda B Counting Sheep Before Sleep
  • Gernale, Darwin G. Father of G
  • Escarlan, Gerald C Uncrowning Glory
  • Ypon, Orley Y Tribute to Indigenous
  • Vicente, Julmard D Be Simple
  • Lopez, Lyle A Mga pinipilahang pangarap, kinakalokohang jackopt. Kawawee
mar 23 2012 ∞
aug 21 2013 +
[...view...]
apr 20 2012 ∞
aug 21 2013 +
[...view...]
may 3 2012 ∞
aug 21 2013 +
  • Every problem is an opportunity for a creative solution. Attitude is everything and you control your attitude. The bigger the problem, the bigger the opportunity. No one will pay you to solve a non-problem. Tina has some great examples of a money-making challenge she gave to a bunch of her students. They’re fun to listen to because they so clearly demonstrate how easily we can go beyond our self-limiting constraints.
  • The harder you work, the luckier you get. You need to put yourself in a position to make yourself lucky.
  • Find the intersection between your interests, your skills, and the market. “Follow your passions” is a cop-out piece of advice. Passions are necessary, but not sufficient. For years I beat myself up for not understanding what my passions were enough to follow them. Remember “Do what you love, the money will come”? It doesn’t often work that way. You...
[...view...]
aug 20 2012 ∞
aug 20 2013 +
  • Umea Institute of Design
  • Potsdam (FHP), Germany
  • Domus Academy
  • Utrecht
  • Oslo School of Architecture & Design
  • Parson's
  • SUPSI, Lugano, Switzerland
  • Copenhagen Institute of Interaction Design - CIID
  • Carnegie Mellon
  • RCA (Royal College of Art)
  • TU Deift Interaction Design
apr 29 2013 ∞
aug 20 2013 +
  • CSS
    • copy the css from the demo.html
    • test it out on the index.html with the script tag <style></style>
    • remove image rule since we don't need to have the images at max-width
    • copy + paste pagination elements, reindent
    • refresh page
    • Cupcake of the week - wrap properly
      • R E M E M B E R B E L O W ! ! !
      • SOL'N <div id ="intro-slider" class = "wmuSlider __grid_12 omega__">
    • Animation is slightly moving the page up and down
      • SOL'N add a height on the .wmuSlider css
        • .wmuSlider { position: relative; overflow...
[...view...]
jun 8 2013 ∞
aug 20 2013 +

OVERPRINTING IN AI.avi [http://www.youtube.com/watch?v=KLUgvX61q...]

  • When you want to do a duotone printing or 2-pass.
  • AI
    • Pick 3 colors from the CMYK book set
    • Go to View > Attributes
    • Go to View > Overprinting preview
  • PS DUOTONE
    • Duotones always start with a grayscale Image > Mode > Grayscale
    • Then you decide how you want your duotones to be created Image > Mode > Duotone
    • Type in the Pantone color descriptions depending on you wanting it be Duotone, Tritone. Change the levels accordingly.

SPOT COLOR TRANSPARENCY [http://rwillustrator.blogspot.com/2006/0...]

[...view...]
apr 8 2012 ∞
aug 21 2013 +
apr 4 2012 ∞
aug 21 2013 +

A web and iPhone application for copying the ‘hidden’ characters that comes with the computer’s typefaces, to be pasted into emails, tweets, text documents, forums and whatever else you might need to spice up with an extra ♔, ฿ or, ❒. [http://copypastecharacter.com/]

[...view...]
apr 6 2012 ∞
aug 21 2013 +

check out www.expandablebanners.com

A Media Kit to create your own Expandable Banners.

The only Actionscript you need.

On the first flash banner make an invisible button the entire size of the banner then and add the following code to the button.

on (rollOver) { getURL("javascript:ExpandableBanners.openAd();"); }

On the second banner make an invisible button the entire size of the banner then add the following code to the button.

on (rollOut) { getURL("javascript:ExpandableBanners.closeAd();");

}

[...view...]
apr 11 2012 ∞
aug 21 2013 +
  • on Chrome [chrome://net-internals/#hsts]
apr 16 2012 ∞
aug 21 2013 +
[...view...]
may 17 2012 ∞
aug 21 2013 +
mar 26 2013 ∞
aug 20 2013 +
  • BEST PRACTICES
    • Think of all outcomes before coding
    • "By the time I start typing, the work is done." - engineer
  • Front-end Developers are the best state designers bec they usually complain to the designer that there is a state missing.
  • Sol'n: work out with the developer early on on all the possible occurrence before you start designing.
jun 7 2013 ∞
aug 20 2013 +

CONVERSIONS

Relative Units

  • 1em = 16px (if not specified by user)
    • ie., if user specifies default = font-size: 10px;
    • then, width: 30em; /* 300px */
    • and, font-size: 1.2em; /* 12px */
    • NOTE
      • em can be dangerously have a compounding effect , so best if you use:
      • REM Unit
        • stands for "Root Em", always represents font-size of the root elements of the page, w/c is usually the HTML element.
        • ie. html {font-size: 1em;}
        • .box {font-size: 2em;} /*32px*/
        • p {font-size: 1.2em;} /*19.2px*/
        • doesn't compound here.
  • 1 px = 1/96th of an inch
  • 1 ex = x height of the character "x"
[...view...]
jun 26 2013 ∞
aug 20 2013 +

HTML5

[...view...]
jun 23 2013 ∞
mar 15 2015 +

Terminal with Python

  • Open Terminal
  • cd ~/Desktop/project-folder
  • Enter python -m SimpleHTTPServer 8888 &.

Local Host

  • You need to get the index.html to that file, as well as the script files.
sep 26 2013 ∞
sep 26 2013 +
  • immediately engages
  • surprising
  • clean and clear
  • provocative idea

and

  • great ideas
  • great execution
  • impeccable details

and

  • design thinking
apr 6 2012 ∞
aug 21 2013 +
  • I've read a short about Milton Glaser's Drawing is Thinking. He said that he knows his subject more if he paints them, and that people think that one should draw accurately is wrong. It is waay beyond that. But you must learn the principles first.
  • Like this
  • I plan to paint something in the light of my mother. As much as possible I would not want to romanticize her though.
apr 3 2012 ∞
aug 21 2013 +
  • Malcolm Garrett and Peter Saville
  • Push Pin
  • Fletcher/Forbes/Gill
  • Andrew Altman, typographer. " Pioneers of Modern Typography by Herbert Spencer that's full of stuff by Kurt Schwitters and Apollinaire , that inspired me to think that typography could be something else. Ed Ruscha , who just paints words, or Ian Hamilton Finlay , who was a Scottish artist who did a lot of type in the environment .
  • "What is your system and how did you 'make it up'?

Basically by asking for advice from older designers as we went along. The ironic thing now is that as time's gone by, people phone us up. For instance, Jonathan Barnbrook is a good friend and he worked for us when he was a student. But he'll still phone me up and ask a bit of advice.

What challenges are involved in art-directing an environmental project, such as your Flock of Words collaboration with artist Gordon Young? Normally a graphic designer would sit with a Pantone book on thei...

[...view...]
apr 13 2012 ∞
aug 21 2013 +

NECESSARY

  • Made to Stick, Why Some Ideas Survive & Others Die
  • Hey Whipple
  • Sorry for the Lobsters
  • Truth, Lies & Advertising
  • So How Good Do You Want to Be by Paul Arden
  • 100 Things Every Designer Needs to Know About People
  • Designing for Emotion
  • Principles of Beautiful Web Design
  • Shaping Things by Bruce Sterling
  • Yes! Persuasion
  • Responsive Web Design
  • CSS3 Visual Quickstart Guide 5th ed
  • Foundation of HTML5 animation & Javascript
  • FrontEnd Guide
  • Modern web design & Development Smashing
  • Distinctive Design: practical guide to us...
[...view...]
jul 1 2012 ∞
aug 21 2013 +
  • Technology First. Like the colored pencil example, Technology First starts by selecting a very specific medium for communication, then creatively exploits its full potential.
  • Benefits
    • powerful informational framework for ideas to emerge
    • more efficient ideation
    • faster implementation times
    • better campaigns
  • Very Specific. Instead of "How can we use technology to reach this brand’s objectives?" Use "How can we use the technology behind Facebook’s ‘Like’ function to reach this brand’s objectives?”
  • Technology First Mindset
    • Enable creative thinking by embracing arbitrary constraints. What if your idea only worked between 2:13 p.m. and 2:15 p.m. each day? What if your mobile app could only show one senten...
[...view...]
jun 6 2013 ∞
aug 20 2013 +
  • 7 days to sharpen brain to mensa level
  • Mensa, founded by Lancelot Ware and Roland Berrill, an academic and eccentric barrister in '45. Organization open to anyone who can score in the top 2% for standard IQ tests.
  • 100,000 Mensa members in 100 countries
  • People with high IQ scores live longer, have better health, and bizzarely tend to be taller??? Generally learns faster and take fewer risks. Quicker reaction times, reducing the chance of accidents
  • 7 IQ groups
    • bottom 5% "high risk of not functioning in society"
    • next 20% "slow learners"
    • middle 50% "hands-on types who learn better on the job than in classroom"
    • next 20% "potential leaders"
    • top 'successful 5%' + 'top 2%', "the best...
[...view...]
may 30 2013 ∞
aug 20 2013 +
  • source: http://matthewjamestaylor.com/blog/respo...
  • To maintain BACKWARDS COMPATIBILITY , responsive ads should use PX HEIGHT = TRADITIONAL BANNER SIZES . We could in theory create responsive banners that work with any width or height but that's not practical to build or test. I suggest we stick to a minimum width of 88 pixels and have the following set of standard heights:
    • 31px "micro"
      • micro bar (88 x 31)
    • 60px "button"
      • button 2 (120 x 60)
      • half banner (234 x 60)
      • full banner (468 x 60)
    • 90px "banner"
      • button 1 (120 x 90)
      • leaderboard (728 x 90)
    • 125px "small rectangle"
[...view...]
jun 11 2013 ∞
aug 20 2013 +
our listography guide about privacy terms contact