Code 2 Real: Web Development Techniques: May 2018

Tuesday 29 May 2018

How to change Apache port in Windows

This problem may occur due to apache not getting required port (default is 80).
The port may be being used by other services.
For example: Skype also has default port 80.
Installing Skype and Apache both on same machine will cause conflict and hence Apache will not start.
Either, you change Skype port or change Apache port as described in following steps:
Change the ports of Apache and it will work for you. Go to httpd.conf
How to change port for Apache:
Search for:

ServerName localhost:80

Change it to:

ServerName localhost:81

Also Search For:

Listen 80

Change it to:

Listen 81

If you have created any virtual hosts, change the ports there also. Then restart your apache.

Reference: https://stackoverflow.com/a/18306621/1841760

Friday 25 May 2018

Reorder divs (sequence) using CSS

Say, you have two divs. Left and right.
On desktop, you want sequence
Left - Right
But, on mobiles, you want:
Right - Left

This can be achieved through CSS properties.
Code:

Note: Use media queries appropriately.

<!DOCTYPE>

<html>

<head>

<title>Re ordering of divs using CSS.</title>

</head>

<body>

<div class="right" style="height: 100px; background-color: black; float: left;"><h1>Right</h1></div>

</div>

<style>

.parent div h1 {color: #ffffff;}

.parent {width: 100%; display: flex; flex-direction: column;}

.left {padding: 10px; width: 100%; order: 2;}

.right {padding: 10px; width: 100%; order: 1}

</style>

</body>

</html>

Without using above solution:

After using above solution:

Any suggestions/comments are most welcome.

Code 2 Real: Web Development Techniques

Tuesday 29 May 2018

How to change Apache port in Windows

Friday 25 May 2018

Reorder divs (sequence) using CSS

Parenting tips to inculcate learning habits in your kid

Search This Blog