My Workflow – HTML/CSS

This is the second workflow post in what I hope to be an ongoing series that explains a little about how I work so that others can perhaps learn something and that those with more experience than me can point out issues or tips for better productivity and ease of use.

Last time I wrote that I used Coda 2 for my day-to-day coding needs.  This remains true.  I work for a small company within The Richards Group, a full service advertising agency, called Click Here Labs.  We specialize in digital work for the agency.  This can mean anything from websites to native apps to HTML5 ad units.  We make up a little over 10% of the 700 people employed by The Richards Group.

I am specifically on the Front End Development team although I also have the title of Technical Product Manager which describes my role in overseeing all technical aspects of our WordPress focused products and services.

That all brings me to what I do all day and the technologies that help me achieve the company’s and our client’s goals.

Bread and Butter

Daily, I work with a combination of HTML, CSS, JavaScript, and PHP.  I write all of this in Coda 2.  Coda lets me not only write all these, but has autocomplete and understands the syntax either natively or with free add-ons.  As a side note, I’ve also occasionally been assigned as the front end developer for .NET or Ruby on Rails projects.  In these cases, Coda mostly can handle the work, but there have been circumstances where I’ve used Visual Studio on a virtual machine RubyMine if necessary.

We write mostly to the HTML5 spec at Click Here Labs.  Occasionally we receive a request for something else, but all of our developers are trained and familiar with HTML5.

We also write to the CSS3 spec at Click Here Labs.  This allows us to do some pretty cool things on client sites as well as use things like polyfills for older version of Internet Explorer.  We currently support back to IE9 unless otherwise needed by a client.  Our rule of thumb is once usage drops below 3% globally or specifically to a client’s audience, we drop support for it.

Within CSS, we currently use a combination of native CSS or the LESS preprocessor depending on the project and developer.  We are currently working on bringing our best practices and coding style guides up to date with these technologies in mind and are hoping to publish something very similar to 10up’s Engineering Best Practices very soon.  We chose LESS before SASS was included in the WordPress core.  LESS is a lot easier to digest and dive into for most developers and allows for easy onboarding of new developers.  We have, however, been playing with switching to SASS for all WordPress specific development.

Coda 2 provides some add-ons which can act as preprocessors for LESS, but I haven’t found one to my liking yet and so I use CodeKit in addition to Coda to process my LESS into CSS.  I’ve also been known to use several different CLI tools for this process, but am trying to use CodeKit for the sake of our team’s workflow sanity. :)

That’s our HTML/CSS workflow.  Next time I’ll cover what we use in terms of JavaScript and PHP and some of the linting and standards that we are putting into place to help our code be more standards based and WordPress VIP friendly.

Finding The Right WordPress Theme For Your Church

It was 2011.

I had just gotten married to my beautiful bride and was looking for a full time, salaried position to begin our new life together.  We had graduated from college a few months before and were starry eyed in love and with hope about the future.  As luck would have it, I found a position at the church we attended as their only web person-guy.  I’m pretty sure that was my title to begin with. Continue reading Finding The Right WordPress Theme For Your Church

Finding The Right eCommerce Plugin: WooCommerce

Working with eCommerce stores hasn’t always been easy like it is today.

The first eCommerce store I ever worked with was a pain.  It was slow, clunky and often times making a simple change to a product meant 45 minutes or more work and changing things in several places.  But it was the best product available at the time.  In fact, it was considered revolutionary for its time. Continue reading Finding The Right eCommerce Plugin: WooCommerce

Finding The Right eCommerce Plugin

I have several ongoing personal projects that are getting closer and closer to launch.  These projects are going to need an ecommerce platform very soon.  While I’ve watched the various plugins rise and fall over the course of the past 7 years, I wondered recently if there are any that I wasn’t aware of that I should be considering.  I also wondered if I truly understood the benefits of each plugin and which one was truly right for my needs. Continue reading Finding The Right eCommerce Plugin

Who Are You Blogging For?

Blogging, like most things in life that you want to do long term, requires discipline.  It isn’t always glamarous, it isn’t always fun.  Sometimes, it requires forcing yourself to sit down, open up Desk.app and start typing.  But as I find myself a few weeks into blogging daily, I find that the forcing myself to do it occurs less and less and that I am finding more pleasure in releasing my thoughts onto the page. Continue reading Who Are You Blogging For?

Pushing Pause

Today marks the four year anniversary of my wife and I getting married.  In tangential news, it also marks the four year anniversary of the biggest scam in US history.  That would be me getting this amazing woman to marry me.

I’m pushing pause on blogging today to spend the time with her.  Because she’s why I do all of this.  She is more important than any of it.  See you guys tomorrow!