Jason Bradley
My name is Jason Bradley. I am a Front End Engineer at John Deere by day , creator of WordPress and Bootstrap themes by night.
Tutorials
  • Code
    Using JekyllJekyll
    159 shares
    In the previous post I talked about GitHub Pages and how to set it up on your GitHub repository. We used the site generator to get started and I mentioned that GitHub Pages also supports Jekyll. In this post I will talk about Jekyll and show you how to get it set up with your project.Read More…
  • Code
    How to Setup Bower in Your Next ProjectBower featured image
    52 shares
    Throughout this series, we've been taking a look at Bower and how it can improve our WordPress developer. As we wrap up this series, we're going to take a look at how to setup Bower for your next project. Specifically, we're going to cover how to install, update, and customize various components using Bower.Read More…
  • Code
    Using Bower To Improve WordPress DevelopmentBower featured image
    122 shares
    Bower is really great for teams because it basically self-documents your frontend dependencies. To that end, it's really easy to update them as your project changes. It's great for your project's build process both locally and on the server. You can also use Bower to pull in your own private repositories as well for reuse across projects.Read More…
  • Code
    An Introduction to Using Bower With WordPressBower featured image
    128 shares
    The majority of web projects today start with or include third-party libraries. If you are working on a WordPress theme, there's probably a good chance that you are using the HTML5 Boilerplate, Bootstrap, or Foundation. Most of these projects are available on GitHub and accessible via Bower.Read More…
  • Code
    Using Font Awesome in Your WordPress ThemeFont awesome featured
    157 shares
    I'm sure a lot of you who create WordPress themes have had a need for icons. Icons are a great way to visually add meaning to a button or post related like tags or permalinks. An icon font is a great way to easily add an icon set to your theme instead of needing to create them yourself.Read More…
  • Code
    Quick Tip: Using Dashicons for Menu ItemsDashicons featured image 400
    59 shares
    Last year, WordPress moved to using plugins for working on new features for core. One of the first ones to appear was the MP6 plugin. It was a complete redesign of the WordPress admin. One of the changes was moving from using images to an icon font, Dashicons. In WordPress 3.8, we saw this new design make its way into core. All of the icons in the WordPress admin are now using Dashicons and we too can use them in our themes and plugins.Read More…
  • Code
    Advanced Grunt TechniquesGrunt logo 400
    145 shares
    In a previous post in this series, I walked you through setting up Grunt in your project. Now that we have everything setup, I would like to talk about a few advanced techniques that you can use with Grunt. Specifically, I'm going to focus on the configuration of your existing tasks and how to create custom tasks.Read More…
  • Code
    How Grunt Can Improve WordPress DevelopmentGrunt logo 400
    115 shares
    In the first part of this series I gave a quick overview of Grunt. I also talked through the different technologies that it requires in order to use. After that, I got a little into the Gruntfile and the tasks inside of it. Now I want to talk about how using Grunt can improve your development for both WordPress themes and plugins.Read More…
  • Code
    Setting Up Grunt For Your Next ProjectGrunt logo 400
    101 shares
    In the first post in this series I gave a quick overview of Grunt and in the next post I'm going to walk you through the necessary steps as to how using Grunt can improve your WordPress development skills. Specifically, we'll talk in-depth about the necessary files like package.json and Gruntfile.js, but for now we are going to create a few sample files so that you can run Grunt with your WordPress theme or plugin project.Read More…
  • Code
    An Introduction To GruntGrunt logo 400
    95 shares
    Today, most front end web developers spend a lot of time with technologies like Sass, LESS, HTML and JavaScript. The last couple of years have been an exciting time in web development and technologies like Grunt have contributed to said excitement. In this series, I plan on introducing you to Grunt and to talk about how it can improve our development of WordPress themes and plugins. We'll also work to setup Grunt to prepare it for use in your next project. Finally, we'll take a look at the command line tools, as well.Read More…
  • Code
    Using CSS Preprocessors With WordPress - LESS StructuresUsing preprocessors with wordpress what are they
    11 shares
    In the first part of the series I gave a quick overview of the popular preprocessors LESS and SASS. I also covered the frameworks they are usually associated with. In the second part of the series I did a deep dive into LESS and detailed a few of its features. We covered variables, nesting, and mixins. In this part of the series I will be covering how to logically structure your .less files. I will also cover how to connect all of them using imports, and lastly quickly cover magnification.Read More…
  • Code
    Using CSS Preprocessors With WordPress - LESS + CodeKitUsing preprocessors with wordpress what are they
    18 shares
    In the first part of this series I gave a quick overview of the popular CSS preprocessors LESS and SASS. I also shared a few of the frameworks in which they are used. I plan on taking a deeper dive into LESS and talking about the parts of the language I use most often. I also plan on showing you how to get started using it with CodeKit. Let's dig in!Read More…