Mohsin Rasool - Website Optimization Expert

Let's Make your 'Website' Secure, Fast loading, Optimized for Search Engines & Responsive for Mobile Devices

Fix NodeJs Permissions Problem

by Leave a Comment

I have been lazy to keep using sudo with all NPM global installs on Ubuntu 14.04 and today I finally browsed for the simple solution and applied it and it is fixed for all. Posting here for future reference for me and you 🙂

Here is Help Link:
https://docs.npmjs.com/getting-started/fixing-npm-permissions

Here is Video

I used first option i.e. Change permissions to /usr/local dir. Thanks to awesome community members of NodeJs for having this simple guide to fix issue of NPM Permissions error whenever installing any global module.

SASS & SCSS to Super Charge CSS Skills

by Leave a Comment

CSS is becoming complex day by day and as projects become bigger so gets the stylesheet and its CSS styles. To manage and keep track of your CSS stylesheets is not that easy as it used to be in the early days.

CSS preprocessors are here to rescue and SASS (with new syntax SCSS called Sassy CSS easy to follow for CSS users). I have tried many times to go with CSS preprocessors like LESS or SASS but have not been able to stick to it as my projects were not that complex or I did not need to add more tools into my workflow. But recent weeks I have been using SASS and I am finding it so useful and it is here to rescue me for bigger and long term projects to help me manage and keep track of CSS stuff.

Here is good tutorial to follow if you are new to SASS and want to give it a try:

http://code.tutsplus.com/tutorials/a-wordpress-development-process-using-sass-and-compass–cms-21861

On Ubuntu it was easy to get started by just adding RUBY with RVM. Following tutorial by Ryan Bigg at his blog at this blog post: http://ryanbigg.com/2010/12/ubuntu-ruby-rvm-rails-and-you/

Enjoy your adventure with Ruby installation challenges , and SASSing your CSS 🙂

Bluefish Editor – Text Editor for Programmers

by Leave a Comment

I am loving the Bluefish Editor, it is like just a Lightweight IDE. I am learning about it and will keep this post to keep track of interesting things I learn about it and add to my WorkFlow. Currently I am using Ubuntu 14.04 with Bluefish Editor and Firefox autoreload extenstion. It is really helpful work flow for faster development.

Most useful thing of Bluefish editor is shortcut:Ctrl+Shift+Enter after Entering some html element tag first letter like e.g. p (then hit above shortcut key, and you will have

 

with cursor at right position to get started to write in it.)

It can even extend p.myclass to <p class=”myclass”></p> and p#myid to related syntax. For quick great tutorial about this. Check out this URL:

http://www.troubleshooters.com/linux/bluefish/

Short cuts to browse files in Bluefish Editor:

  1. Alt + 1 to first tab, and so on
  2. To move between multiple windows Unity shortcut for Ubuntu is : Alt + ` (just the key above your TAB key)
  3. more to come

Other Bluefish Editor Settings:

  • Changed Dir Base to www folder in sidebar panel.. by right clicking on any (www folder in my case) and then selecting “Set as Base Dir”