I get a lot of questions about what editor, theme, apps and extensions I'm using in my development workflow, so I decided to make a video about all of that so that I can reffer people to this video whenever some of those questions arise.

Below you will find some helpful links talked about in this video

PHP Storm: [https://www.jetbrains.com/phpstorm/](https://www.jetbrains.com/phpstorm/)

iTerm: [https://www.iterm2.com/](https://www.iterm2.com/)

Fish Shell: [https://fishshell.com/](https://fishshell.com/)

Make your terminal look nice: [http://bit.ly/2YHO9ZV](http://bit.ly/2YHO9ZV)

Forklift: [https://binarynights.com/](https://binarynights.com/)

Sketch: [https://www.sketch.com/](https://www.sketch.com/)

Affinity Photo: [http://bit.ly/2YIAyRS](http://bit.ly/2YIAyRS)

Alfred: [https://www.alfredapp.com/](https://www.alfredapp.com/)
 
Spectacle: [https://www.spectacleapp.com/](https://www.spectacleapp.com/)

Bear: [https://bear.app/](https://bear.app/)

Color Slurp: [http://colorslurp.com/](http://colorslurp.com/)

In this video I'm going to talk a bit about my development setup and the apps that I use for and around my development process.

My Development Setup

I really like the stuff you get out of the box with Middleman, like LiveReload, JavaScript minification and Sass compilation. But I like Gulp.js more. I think its LiveReload plugin works much faster than what you get with Middleman.

In this episode I will show you how you can setup LiveReload, Sass compilation and image optimisation in Gulp.js to work with Middleman.

We are going to use existing [Olympos](http://watch-learn.com/video-tutorials/using-and-installing-new-olympos-theme/) theme's gulpfile and configure it to be used with Middleman.

In this episode we are going setup our Middleman project so that it works with Gulp.js.

Setting up Gulp.js With Middleman

Partials are snippets of code that you would be using through out the site. One example of partials would be your header and footer. These sections of the site would rarely change. So it's good to keep them in separate files, and just call them on your pages.

This is also good if you want to change your header or footer. By doing it this way you would just change it once and the changes would be visible on all your pages.

In this video you will also learn how to create new pages, and make it so that they use pretty URLs.

In this episode I'm going to show you how to use Middleman partials and how to make new pages.

Middleman Partials and Pages

The theme is optimised to load very quickly and to give you very fast development environment.

It's completely free and you can use it however you want.

It's a developers theme, so if you don't like being bogged down by all unnecessary css and js you can use this.

You can [download it here](https://github.com/ivandoric/olympos).

Olympos is a starter theme for your WordPress projects, it doesn't have any fancy CSS in it but it will get you WordPress development going very, very fast.

Using and installing new Olympos theme

In this video we are going to use [wordmove](https://github.com/welaika/wordmove) ruby gem to move our files and database to a live server.

No more messing around with FTPs and search / replacing the URL's in the database.

In this video I'm going to show you the right way to deploy WordPress web sites from your local machine to production or staging server.

WordPress Deployment

In this video I'm going to talk about WordPress development, actually about first steps that I take when WordPress is installed.

I'm going to talk about Sublime Text and the plugins I'm using for it.

I'm also going to present my [clean starter theme called "Olympos"](https://github.com/ivandoric/olympos).

Also you will see how to use Olympos theme and how it works with [Compass](http://compass-style.org/), [Sass](http://sass-lang.com/) and [Gulp.js](http://gulpjs.com/).

In the part two of this series I'ma talking about my development setup and software technologies I'm using.

Development Setup and Tools

This is going to be a three part series about modern WordPress workflow. This is the workflow I use. I'm not saying it's the best workflow out there but I think it is pretty good at least for me. I hope you will find this useful and apply some of the steps in this workflow to your own workflow.

In this first part I'm talking about options you have in setting up your local environment.

### Links from the video:

WAMP: [http://www.wampserver.com/en/ ](http://www.wampserver.com/en/ )

XAMPP: <https://www.apachefriends.org>

Vagrant: <https://www.vagrantup.com/>

Vagrant WP: <http://vccw.cc/>

**Setting up custom AMP stack for Mac OS X (I'm using this one):** <http://coolestguidesontheplanet.com/get-apache-mysql-php-phpmyadmin-working-osx-10-10-yosemite/>

Looking into options for setting up local environment for WordPress development.

Local Setup

This is the way I setup most of my projects. If you have a better way or think this way is not very good please let me know in the comments.

You will also learn how to use Sass partials to minimize http requests to your website.

If you want to use Olympos theme shown in this video for your next project [you can download it from GitHub](https://github.com/ivandoric/olympos).

In this video I'm going to show you how to integrate Compass / Sass in your Wordpress workflow.

Tutorials tagged with: workflow

Get in touch