So I’ve been thinking of building a new site lately and I’m going to use it as a learning ground for new processes and tools. The project is going to be a release date calendar and I’m going to document the process and decisions I make on this blog.
This is a list of all the things I want to include, consider or use:
- Prototyping / Design
- Sketch – I don’t do much design anymore but Sketch seems a tool for building responsive designs
- Invision – Started using this in work and it seems a much better way of tracking designs.
- Yeoman – Interested to see how this could save time. We usually have barebones git repo’s in work so not sure if there would be a benefit to using it
- Grunt – Confident in it’s use but would like to build more a more robust toolset in it and automate it in CI
- Bower – Used it a little. Want to see how it ties into Grunt
- Sass – Pretty confident with Sass but there’s a lot of room for improvement
- Bourbon – Lightweight Sass Mixin Library. Also has a grid framework called Bourbon Neat I would like to try
- Iconfonts – Serving separate images is slow and sprites are a pain to maintain and make changes to. Iconfonts can help solve this problems
- SVG’s – Being able to animate a vector image opens up a lot of possibilities
- Angular or Backbone – I’m using Backbone on a project in work. I’m not sure whether to use that to get more insight or expand with Angular. The main idea is to go down a Single Page App with routing though
- WordPress or Alternative CMS – I’ve used WordPress a lot but I’m considering looking at something else for this project
- Git – The standard for Version Control. I use it in work but I’m interested in learning a little more of the deployment process
- Continuous Integration – This seems like a good place to improve and tie grunt into. Codeship, Jenkins and Bamboo and ones I’m looking at now
- Automated Testing – Definitely a new area for me but something I want to improve upon. At present I’m looking at CasperJS and also a tool called Ghost Inspector. There is also Selenium to consider but that looks more complicated. I would like to tie these tasks into Grunt and the CI
Also whilst building the site I want to be checking out new best practices for HTML and CSS. I want to continually think about Accessibility and User Experience. I would love to get to the end of this project and have a whole new set of skills and a prime example of a full stack of front end tools.
Some additional things people have mentioned to me are Anchor CMS and Nightwatch.js