Wednesday, March 15, 2017

Responsive Web Design

Three things to be considered for Responsive Web Design:
  1. Fluid layouts
  2. Fluid Images
  3. CSS Media Queries
And I come across this nice web site where the author has explained all three of them with a simple example. A very nice job.

http://www.entheosweb.com/website_design/responsive_web_design.asp

Wednesday, March 8, 2017

How to test your web applications using Selenium Webdriver

Still working on this post....

How to setup Selenium, phantomJS, and chromedriver on mac?

brew install phantomjs
brew install chromedriver
brew install selenium-server-standalone

How to setup Selenium, PhantomJS, and Chromedriver on mac/windows?

Install selenium-webdriver npm module.

npm install selenium-webdriver


Download the needed drivers on to your local
For example, 
download phantomjs driver from http://phantomjs.org/download.html
http://www.kenst.com/2015/03/installing-chromedriver-on-mac-osx/
Update the system path on your local pointing to the downloaded drivers


Make sure that JDK is installed on your local


Clone the following git repo and give it a try: https://github.com/umaar/webdriverjs-recipes