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.
About Snippet
0
Comment
Update: 10/9/2014
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.
-
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.”
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.
After weeks of design planning and working late nights, Metro Manila Roadway Tablet has launched during the Metro Manila Traffic Management Summit on February 14, 2014.
Our website’s purpose is to inform the general public (especially those living in Metro Manila) of each project’s status and important information.
-
Trello
Trello is the fastest, easiest way to organize anything, from your day-to-day work, to a favorite side project, to your greatest life plans.
A screenshot of Trello homepage. I’m trying this out for short-range project management – to-do lists and assignments – Trello answers all that.
-
Scout
http://mhs.github.io/scout-app/
Scout is a cross-platform app that delivers the power of Sass & Compass into the hands of web designers.
A screenshot of Scout homepage. Here’s something I’ll also be trying along with Brackets – Scout. It’s an app that will watch for Compass and Sass files in a folder.
-
Brackets
Brackets is an open source code editor for web designers and front-end developers.
A screenshot of Brackets homepage. I’m looking for a replacement for Adobe Dreamweaver for my front-end design work. I’ll be checking out Brackets and Sass.