👋 Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
About Snippet
0
Comment
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.
Categories
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 awayThere’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 awayWe’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
Categories
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.
Project Folder v2.0
When I joined the team at Chikka, I learned to use a similar system (which was used by developers) and from what I remember, it was patterned after repositories.
- Project Folder: renamed to the [Project Name]
- comps: contains wireframes, studies, mock-ups, design artifacts, and any file ready to be sent out for approval
- docs: contains documents from product developers such as Business Rules, Use Cases, screenshots, pegs, font files
- dev: contains HTML/CSS/JS files
- branches: contains the temporary/experimental development files
- trunk: contains the latest version of the development files
- raw: contains the source files of artworks, graphics (PSD, AI, PNG)
This approach was way better and more appropriate in a web development setting so I also adapted it to my freelance work.
Shortly after, mobile became a “thing”. Suddenly, from a couple of platforms, Pandora’s box was wide open. Our team needed to adapt – first, in the file management level.
Project Folder v3.0
The significant change I made was simply an addition of another folder to categorize the platform type the project fell under. For example:
- Project Folder
- Android
- comps
- docs
- dev
- raw
- iPhone
- Web
- Android
For you designers and developers out there, do you have a similar approach? How does your file management system vary from project to project?
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.
-
Dirty Markup
DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code.
-
Pencil Project
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.
Platform:
- Mac
- Windows
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.”
Categories
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.
Tracing Patterns
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.
