On my quest to becoming more organised and productive, I’ve read about how awesome it is to use Trello. Not just for team collaborations but for individuals. The use of card sorting and organising lists appealed to me so the next logical step was to think how I could best use Trello productively. Was it for my Web Development work? blogging? or to organise everything else in my life!?
While working on a project, I used the Yeoman webapp generator and selected; Bootstrap Sass, jQuery and Modernizr. Everything has worked well, the ‘grunt serve’ and ‘grunt test’ commands, however when I want to run the ‘grunt build’ command to upload the contents of my ‘dist’ folder to a web server, I get prompted with the following error:
Looking for Modernizr references in dist/styles/main.css >> svg Downloading source files A server error occurred attempting to download a file: Fatal error: connect ETIMEDOUT
I’m not sure if it’s something to do with my bower components or the proxy that I’m sitting behind?
At the moment, the workaround I’m using is to manually add the scripts (jQuery, Modernizr and Bootstrap) to the scripts folder then to link it to my html files. But surely there is a better way to do this?!
Following on from my previous blog post on “Using Yeoman in your workflow“, it was brought to my attention during the Yeoman install when the interactive prompt asked if I wanted to use Libsass to compile Sass.
So I recently asked on Twitter and received the following tweets. Thanks to @sindresorhus for the explanation.
There are tonnes of web development tools to help front-end developers these days that it can start to become overwhelming. I know I was! (Not gonna lie!). So before we begin, I thought I would go through some of the steps of using Yeoman in my web development workflow.
First you’ll need to get a clear picture on what you’d like to achieve and what your end result will be. For me, I wanted to re-design an existing static website to make it responsive (more about RWD on a future blog post).
I won’t go into too much detail to explain what YeoPress does but you can read more about it from the creator himself, Wesley Todd. YeoPress: A Yeoman Generator for WordPress, basically installs WordPress via the Command Line/Terminal. It’s also assuming that you’re working locally (which is a good start for developing WordPress themes). So you still need to create your database and you have to know what your database username and password will be (this is to set up your wp-config.php file) For example: Database Username: root, Database Password: empty). Be sure to check your database privileges for editing access too. The steps described by Wesley are easy to understand and the instructions set up are pretty straightforward.