video portfolio on wordpress (from semi-scratch)

I’ll be making a longer blog post about this eventually, but I’m just listing down some significant resources I’ve been using these past few days: 

  • WordPress – I don’t have time to learn a different CMS right now, and my client is comfortable and familiar enough with this. Time saved is currently worth it.
  • Foundation – although it supports only until IE8, I find all the bonus components helpful when building rapidly. 
  • WP-Foundation – Zurb’s Foundation for WordPress. 
  • The Complete Guide to the WordPress Settings API – I’ve been making a theme options page from these tutorials. Fast, simple, and just enough. 
  • Advanced Custom Fields – one of those gems I learned from Create.PH. Makes custom pages insanely easier. 
  • 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. 
  • Vimeo Javascript API – first time I’m customising what happens when you click on elements in the page that would affect the embedded video from Vimeo. I know this is elementary, but I felt so proud of myself for making things work! :P So yes, let me have my happy moments, haha. 

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. 

Doing wordpress tweaks and dabbling on javascript here and there is a bit different for an unseasoned back-end coder like me. The way I cope is to copy tutorials, for example, and then see for myself how it’s working, and then I customise some of the things while occasionally referring to the tutorial in the process.

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: 

  1. I need to do <THIS>.
  2. Oh, this code makes <THIS_EXAMPLE> happen.
  3. Hmmm, so I tweak and edit these lines to make <THIS>.
  4. <THIS> works! 

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.