WordPress Theme Development Spartans – Ultimate Kit 2019
Prerequisites for WordPress Theme Development / Web Project

Have you ever thought about ‘House Building Process’? With each web project, we go through
the same process (almost). House building is a need. My need. Your need. Or it can be any
client’s need. Right? So, before we start building, we consider a few things beforehand. We try to get as many details as we can. We discuss budget etc. Budgets vary and the building process varies along with it. The core will always remain same. However, the use of resources and the outcome will let us know that heavy investments were made in the building proces.

To create or build any WordPress Theme from Scratch, we go through the same process.

Following is a list of steps that we usually take to make a WP Theme.

1. Idea – Preliminary Thoughts – Brainstorming
2. Pencil Sketch – Raw Prototype – Reference Sites
3. Color Palette – Typography – Icons – Images –
4. Markup / Structure / Sections, Divs and Classes etc
5. CSS – Styles as per brainstormed design
6. Interactivity / Animations / Effects etc
7. Programming (CMS based website or Non-CMS based Website). Theme Building / Plugin
Development / Addon etc
8. Production – Staging – Live (Git etc)
9. Preparing to Move from Localhost to Live Server / Migration / Manual or Automated Process
10. Feedback – Revisions – Updates etc
11. Final Product – How/ When and Where to Deliver/ Invoices / Payment / For Sale or One Time
Product

USEFUL RESOURCES / ASSETS 2019 for #WPSPARTANS300

https://www.freelancepakistan.com/wordpress-tips/wordpress-theme-development-kit-spartans-2019/

Prototype / Wireframe / Mockup

 https://moqups.com/
 https://balsamiq.com/
 https://atomic.io/
 https://www.adobe.com/products/xd.html
 https://www.figma.com/
 https://www.framer.com/features/components/
 https://www.invisionapp.com
 https://www.uxpin.com/
 https://webflow.com/
 https://principleformac.com/

Typography / Fonts

 https://fonts.google.com
 https://www.fontsquirrel.com/
 https://www.fontspace.com/
 https://www.dafont.com/
 https://www.1001fonts.com/
 https://fonts.adobe.com/

Color Scheme Generators

 https://color.adobe.com/
 https://pigment.shapefactory.co/
 http://www.schemecolor.com/
 https://colorhunt.co/
 https://coolors.co/
 https://www.colourlovers.com/
 https://color.hailpixel.com/
 https://colourco.de/
 https://sipapp.io/
 http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF