Node.js Installing on Ubuntu 14.04 and also NPM

I have found this method for easy and quick install for node.js on ubuntu 14.04 LTS.   Simply add following repo source and then update and install NodeJs: sudo add-apt-repository ppa:chris-lea/node.js sudo apt-get update sudo apt-get install nodejs And to install npm on global level: sudo npm install npm -g Source: Blog-izs.me … [Read more...]

Associate Tags & Categories with Custom Post Type – CPT & Make them Work on Archive Pages

If you associate your own custom post types with the built-in 'category' and 'tags' taxonomies in WordPress, to make them work in Tag, Category Archive pages, you need to add following code in the functions.php add_filter('pre_get_posts', 'query_post_type'); function query_post_type($query) { if(is_category() || is_tag()) { $post_type = get_query_var('post_type'); if($post_type) $post_type = $post_type; else //in following line replace 'cpt' with your own cpt. // note 'nav_menu_item' is added in below code for custom menus to work on archive pages with it. $post_type = array('nav_menu_item','post','cpt'); $query->set('post_type',$post_type); return $query; } } … [Read more...]

SASS & SCSS to Super Charge CSS Skills

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 … [Read more...]

Bluefish Editor – Text Editor for Programmers

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 … [Read more...]

Happy New Year 2014 & Falling Snow until 4th jan

Very very Happy New Year! :) And as Cold is fully turned on here.. Enjoy the Falling Snow at this blog until 4th Jan :)  (Thanks to Good core developers of WP for making this happen :-) I thank year 2013 for solving the biggest puzzle of my life :) and blessing with the company of a very awesome person! Year 2014 is going to be awesome :) Wishing you very happy new year and lot of happiness and growth both on personal and business level in this year. -Mohsin … [Read more...]

WordPress 3.8 I love Admin Interface

Upgraded to latest WordPress version 3.8 also named as PARKER. And loving its flat lightweight fast-loading admin dashboard interface. Really beautiful and very functional. Helps get job done faster. There are so many small improvements like just today I could not help but thank new version for making Widgets organization better and easier when there are many Widgets area/sidebars are defined for a big custom site. That is it for now. Probably will add more later but very busy right now. If you are thinking to upgrade... go ahead do it! Thank you WordPress Core team for making this Open Source software awesome day by day! Mohsin   … [Read more...]

FireFox Responsive Web Design View RWD

My younger brother, also a programmer :) , shared with me this little nifty keyboard short-cut  and introduced to Mozilla Firefox’s awesome Responsive Design View. I am happy to share it with my readers and for my future reference.In the past I had to use plug-ins, or resize window manually. But Firefox has made it so simple and so great.1. Keyboard shortcut is : Ctrl + Shift + M  (when you are on FireFox)2. And Your Firefox will tranform itself to awesome responsive design viewer, you can check different views and enjoy.Also it really helps to test bigger screens sizes even on smaller screens. It really helps the developer to create responsive web design from their own laptop and quickly check the different screen views without needing any … [Read more...]

Keep Height of Second Div column same as First Div

Hi, In responsive web design, I often encounter this issue, and solve it with jQuery. However this time, it was little different took much time to get it right.. So i am posting here for future reference: <code> <script> jQuery(document).ready(function($){ var currentHeight = 0; $(window).load(function() { currentHeight = $('#slider').outerHeight(); $('#slider-right').css({'height':currentHeight}); }); $(window).resize(function() { currentHeight = $('#slider').outerHeight(); $('#slider-right').css({'height':currentHeight}); $(window).trigger('resize'); }); }); </script> </code> I had two column layout, with responsive slider at the left, and a div in the right. As slider keeps changing … [Read more...]