How to Share Wamp Localhost in lan

Many of programmers works on big php project in group. If the developer is a window user he use to install wamp on their system for complete php framework. Wamp server includes php as well as mysql. If you are working alone on a project then it is all good simply install wamp and go through you coding and configuration, But if you are working in team then you might get a requirement to share you wamp localhost. It is possible to share your wamp localhost on lan so that other programmers involved in the project can get access to the project. They can separately check their module on which they are working.

Most beneficial part of sharing wamp localhost on lan is you can view your project on different version of browers, different operating system platform, different screen sizes.

For sharing your wamp localhost over lan you need to change some lines in apache httpd.conf
Open up your httpd.conf file

Find <Directory "c:/wamp/www/">
At the bottom of the closing </Directory> you will find
# onlineoffline tag - don't remove
    Order Deny,Allow
    Allow from all
Chang this to
#   onlineoffline tag - don't remove
    Order Deny,Allow
    Deny from all
    Allow from 127.0.0.1 ::1 localhost
    Allow from 192.168.72.1

Important* - Change 192.168.50.1 to your ip4 address of your computer. You can get your ip4 address by simply type ipconfig to the command prompt. The final step that you have to do is to restart your wamp server. Now you can check your project on another computer over lan.

Read More

How to Integrate twitter widget in website

This blog will show you how to integrate tweets of twitter into you website. Twitter provides widget for it and it very easy to integrate your tweets into your website. you need to follow these steps.

1. You need to login to your twitter account
2. Go to settings then profile
   
3. look for widget
   
4. click create new
   
5. make your configuration
   
6. and you will get to code to be pasted into your html

Now you have successfully integrated your twitter with your website.

Read More

Responsite Design testing

Hi all Responsive designers, we always fetch issue in testing responsive design testing. The issue has been shorted with two Google chrome extensions "window resizer" and "Responsive Site View".

Using window resizer you can know at what exact pixel your responsive program is working or not then you can accordingly rectify your program

Now if you want to test if on any mobile platform you don't need to have that phone with you you can check it on your development computer or testing computer what you need only Google chrome with a extension "Responsive Site View" and problem is solved. And if you need to test it in a larger screen that your development computer screen you can also even check it with is custom screen feature.

Read More

How to make a website responsive without boostrap

Hi every one,

This post will let you know you can make a website responsive without using boostrap. There are some simple css techniques which you have to use like meadia screen, maxwidth, minwith e.t.c.....

what you chould do is you can use first
write the simple css code in your stylesheet for desktop view
for mobile view use @media screen and (max-width: 520px) make all the div{width:100%;}
for image to make it responsite use img{max-width:100%}
you can also use grid.css for your layout

and here it is done. try it once

Read More