I’ve finally managed to figure out how to download/set up Sublime Text 2 Packages, via the Package Control plugin, and oh man it is awesome. To be honest, I’m not sure how I got it working because I was trying it out yesterday and couldn’t figure it out at all (is it just a timing thing or was I temporarily brain-dead yesterday?).
So yeah, I normally work with Foundation for a base framework but for this project I was using Bootstrap. It was really easy (as expected, I suppose) and I could imagine myself switching to Bootstrap with my other projects if not for Foundation 4 becoming mobile-first recently.
Right now, I’m testing out waters with a potential client who is requiring me to submit PSDs of 4 different resolutions (mobile phone, tablet, “medium” desktop, wide-screen desktop) and I’m taking around four hours just trying to design for 1 resolution of 1 specific screen.
How I would do it, personally:
Design wireframes for the 4 different resolutions in HTML
Do a PSD for the smallest and widest screens
Create mocks for the 2 middle screens for one page
Proceed with the PSD design for the rest of the screens
Code the designs in HTML/CSS
So, since this is a “testing the waters” phase, I’m not sure it’s the best way to proceed with this workflow (PSD-first and with 4 resolutions per screen design) since it’ll cost me (and the client) more hours. D: I think I should email the possible client about it, and then see if he wants to push through with it still.
Things I learned from working on A Sporting Life – being involved in this project months and months ago (which is altogether another story) forced me to learn about Vimeo and Youtube APIs, among other things. I pulled these things from various tutorials/forums online, but I don’t have time to go into detail right now.
Cramming in a week: obviously my fault, but things are progressing at least. Been three days and I think I’ll be able to finish a workable / presentable version tonight.
The downside is that I don’t really understand everything to the minute coding detail. What I get is the bigger picture of this functioning segment of the site. I think I’m more of a designer rather than someone who technically understands code, but I can make things work and I think that too is important.
In a nutshell, my brain works like this:
I need to do <THIS>.
Oh, this code makes <THIS_EXAMPLE> happen.
Hmmm, so I tweak and edit these lines to make <THIS>.
So in the end, I don’t think I’m the most excellent back-end programmer out there, and most of what I do is actually copy-and-tweak, but it makes sites work, and it gets my job done. I’m willing to learn more about the technical side of things, but I honestly don’t think I’m going to be a full-fledged programmer. The faster way for me to learn is just execute, execute.
It’s great that this is a production company who wants to have a mobile version, though I don’t have time to finish the mobile design right now. The mobile version has to wait.
This is more like a, we’re-friends kind of project but I’m hoping I can finish this by January and sell the mobile site design aspect to future clients :D I know there is a rule to never work for free but sometimes you have to be a little underpaid when you’re starting out.
Stay firm in saying ‘no’ to projects for a while, until I get my shit together.
Have a little faith in myself.
Relax and enjoy Taipei.
My sessions have been very helpful, I’d like to believe. I’m told I will continue to struggle with some things but I just have to remind myself, always, while being conscious of the things my doctor has told me. I have those bad moments, but they always go away eventually, and I can look back at them as something that I felt instead of an experience that’s still ongoing.
Taipei is happening too soon and I didn’t even notice. It’s going to be fun, I’m going to take a breather — and maybe things will be better. :)
Because designing with Adobe on my retina MBP is a pain in the eyes (all those pixels, gahh!) I’m trying to replace my workflow with Pixelmator and Sketch. Unfortunately, it’s not too easy because:
(1) Designing for, say, 1144px on Pixelmator makes the canvas look as small as this:
I’m not sure if I’m being stupid or what, but have I missed some kind of option in Pixelmator which Sketch thankfully has?
Obviously, designing for the same size/ratio would make my job way easier than trying to squint at the pixel-accurateness of Pixelmator.
(2) As much as I would like to do everything in Sketch because of this issue (or feature), it does NOT support PSD files as of the moment. Also, weirdly enough, despite being a vector program, I cannot copy+paste vectors from Illustrator to sketch. Or open .EPS files. There is no way to copy+paste vector files into a vector-drawing app? Whaaaat?