I dabble in creating a framework in HTML and CSS because I connect how sleek a design is on the outside to its inside and to how good it works.
Here’s Jony Ive in an interview with Time to ’nuff said it:
Objects and their manufacture are inseparable. You understand a product if you understand how it’s made.
~ Jony Ive, Senior VP of Design at Apple Inc.
I’ve watched Gravity and thought that Ryan Stone was only dreaming when she landed on Earth.
A couple of days after, I’ve seen The Oscars 2014 and heard Karen O’s The Moon Song.
I thought it was the theme song of Gravity so I remixed some clips of the movie while the oh-so-dreamy song plays in the background.
I’m lying on the moon
My dear, I’ll be there soon
It’s a quiet and starry place
Time’s we’re swallowed up in space
We’re here a million miles away
There’s things I wish I knew
There’s no thing I keep from you
It’s a dark and shiny place
But with you my dear I’m safe
And we’re a million miles away
We’re lying on the moon
It’s a perfect afternoon
Your shadow follows me all day
Making sure that I’m okay
And we’re a million miles away
~ The Moon Song by Karen O
This post has been moved to Design DriveThru.
Upon archiving stuff in my old hard drive, I encountered my equally old (circa 2004) template of Project Folder.
Over those years in designing websites, I’ve personally developed a system for organizing project files.
Project Folder v1.0
This particular Project Folder was structured as such:
- Project Folder: renamed to the [Project Name]
- Archive: screenshots, document files, research resources, miscellany
- HTML: the front-end stuff like HTML, CSS, media assets
- Source: the source files like Photoshop, Illustrator files
- Templates: image mock-ups in JPEG, PNG
Fast forward to 2008 – I was at the Chikka office for a Senior UI Designer interview. One of the questions I was asked was how I organized my design and development files or if I did. I proudly discussed Project Folder v1.0 since I developed it myself.
Here’s Beady Eye lead, Liam Gallagher:
You see the “</>” icon below the image? That’s the embed action which you will see along with all (I assume) images in Getty’s website.
Getty Images is leading the way in creating a more visual world. Our new embed feature makes it easy, legal, and free for anybody to share our images on websites, blogs, and social media platforms.
It’s OK to have additional information (at the bottom) as long as Flickr keeps it neat where most of the images are my own.
Days of erasing out watermarks are so long ago.
DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code.
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.
For wireframe-creation. It can also create prototypes by linking different pages of your project. So you can do something like “activate this and that will happen.”
Reading some science articles, I chanced upon Ernst Chladni’s figures/arrays – created by putting sand over a thin metal plate and subjecting it to sound. The study of the visible sound vibrations is called Cymatics.
I have an inclination to tracing patterns and figures found in movies and old prints. It’s like a refresher in using different tools and techniques in vector manipulation, as well as preservation of the things past.