Clik here to view.
Mongoose – Simple web server
Thanks my friend Mart who introduces reveal.js to me. It’s a great presentation framework and we used it for our Front End Web Development course in General Assembly. Without the web development...
View ArticleClik here to view.
EasyPHP – Import DB error
If you meet the following error when importing DB thru the EasyPHP phpMyAdmin. #1100 – Table ‘pma_column_info’ was not locked with LOCK TABLES Open the phpMyAdmin configuration file config.inc.php and...
View ArticleClik here to view.
WAMP Stacks
Setting you a web development environment in Windows is a big heahache. Here is a list of all on one WAMP packages. EasyPHP Zend Server WAMP Server XAMPP for Windows EasyPHP I first tried EasyPHP,...
View ArticleClik here to view.
Setup Yeoman in Windows PowerShell
1. Download Node.js and install it and make sure you have the npm package manager selected before the installation. 2. Open PowerShell and verify the npm installation. 3. Also verify if you have...
View ArticleClik here to view.
Build an AngularJS webapp using Yeoman
We get the Yeoman working last time. Setup Yeoman in Windows PowerShell Now, we can use Yeoman to scaffold a AngularJS project. =) 1. Install the angular webapp generator. npm install -g...
View ArticleClik here to view.
Manage your project dependencies using Bower
Let’s continue our tour on Yeoman. Setup Yeoman in Windows PowerShell Build a AngularJS webapp using Yeoman Bower is a tool to manage your js dependencies of your project. you can find out all the...
View ArticleClik here to view.
Chrome – Bypass Access-Control-Allow-Origin on local file system
Just wanna do some proof of concept on reading a JSON file in Javascript. So i open the index.html and read the JSON file locally. But the Chrome console throw the Access-Control-Allow-Origin error....
View ArticleClik here to view.
Grunt – Setup YUIDoc
1. Install the grunt-contrib-yuidoc as one of your your project dev dependency. npm install grunt-contrib-yuidoc –save-dev 2. To illustrate the example, i created /app/scriptes/human.js as follow....
View ArticleClik here to view.
Ubuntu – Install Node Version Manager globally for all users
The Node Version Manager(nvm) could help you to manage multiple Node.js installations. The following steps are executed from root account. 1. Install the required packages. apt-get install...
View ArticleClik here to view.
Node Version Manager – List available Node.js version
The following command can list out all the available Node.js version. nvm ls-remote Done =) Reference: GitHub – List all available node.js versions?Filed under: Web Development Tagged: Node Version...
View ArticleClik here to view.
Sticky nav bar when it reaches the top on scroll down
Just make a simple POC for my General Assembly FEWD student. Create the following files within the same folder index.html <!DOCTYPE html> <html> <head> <title></title>...
View ArticleClik here to view.
Yeoman – Setup AngularJS and Foundation 5 with Sass
The generator-angular written by the Yeoman team comes with Bootstrap integration. But instead of using Bootstrap, i would like to use Foundation 5 with Sass. The following example is created under...
View ArticleClik here to view.
Chrome – Bypass Access-Control-Allow-Origin on Mac
About a year ago, i posted an article about allowing the Javascript accessing the local file system in order to read the local JSON file. Chrome – Bypass Access-Control-Allow-Origin on local file...
View ArticleClik here to view.
Node.js – List all available versions of node package
npm view [package] versions For example, i would like to list the available version of the bootstrap-switch package. npm view bootstrap-switch versions Done =)Filed under: Web Development Tagged:...
View ArticleClik here to view.
Mongoose – Simple web server
Thanks my friend Mart who introduces reveal.js to me. It’s a great presentation framework and we used it for our Front End Web Development course in General Assembly. Without the web development...
View ArticleClik here to view.
EasyPHP – Import DB error
If you meet the following error when importing DB thru the EasyPHP phpMyAdmin. #1100 – Table ‘pma_column_info’ was not locked with LOCK TABLES Open the phpMyAdmin configuration file config.inc.php and...
View ArticleClik here to view.
WAMP Stacks
Setting you a web development environment in Windows is a big heahache. Here is a list of all on one WAMP packages. EasyPHP Zend Server WAMP Server XAMPP for Windows EasyPHP I first tried EasyPHP,...
View ArticleClik here to view.
Setup Yeoman in Windows PowerShell
1. Download Node.js and install it and make sure you have the npm package manager selected before the installation. 2. Open PowerShell and verify the npm installation. 3. Also verify if you have...
View ArticleClik here to view.
Offset the anchor link for sticky header
If you have a sticky header (Position fixed header on the top of the html page), your anchor link with CSS ID would not work as you expected. The target section would be covered by the position fixed...
View ArticleClik here to view.
Gulp – Handle page reload in gulp-connect using connect-history-api-fallback
Page reload doesn’t work after enabled the html5mode. We have to rewrite the url and it could be easily done by using a middleware for the connect server. gulpfile.js var connect =...
View Article
