Hi, I’m Brian Dys — a photographer from the inside looking out · a composer entangled in electronic music · a UX designer · a spouse, a parent, & everything in between.
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.
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.”
Remember my humble beginnings in Photoshop and didn’t have the files to prove it because my hard drive crashed? Well, it really did and that will be another story.
The second batch of practice files are still with me though. Not everyday did I experiment on lo-res stock photos and found pictures on the internet. So I could’ve not improved drastically from the first few years to the next.
Electronic Music Wow
During the late 90s, armed with an amateurish guitar-playing skill, I got hooked in playing with electronic music using MTV Music Generator in PlayStation 1. And a couple of years after, I upgraded to an early version of Fruity Loops.
Here’s an example of what I managed to produce in the PlayStation:
How I magically got that in MP3 format? I hooked a PC mic in front of the TV speaker while PlayStation is playing the song.
The whole point of this is that I was so excited to design my own (imaginary) album covers. I consider these designs part of my practice files – created out of pure enjoyment.
Our website’s purpose is to inform the general public (especially those living in Metro Manila) of each project’s status and important information.