Can I use PHP for responsive website design?

General discussion on PHP
jj5809
Posts: 15
Joined: Tue Nov 12, 2013 6:33 pm

Re: Can I use PHP for responsive website design?

Post by jj5809 » Wed Jan 07, 2015 7:25 pm

I once tried to vigorously use PHP and I accidentally the whole thing. hlep!

yasa9664
Posts: 10
Joined: Wed May 06, 2015 4:28 pm

Re: Can I use PHP for responsive website design?

Post by yasa9664 » Wed May 06, 2015 4:42 pm

ya sure, you can develop a best responsive site using php And simple html

yasa9664
Posts: 10
Joined: Wed May 06, 2015 4:28 pm

Re: Can I use PHP for responsive website design?

Post by yasa9664 » Wed May 20, 2015 4:09 pm

PHP is a not a responsive design code its only a server side scripting language , but you can able to use html code inside the php
web development company

shya7632
Posts: 1
Joined: Sat Aug 22, 2015 10:13 am

Re: Can I use PHP for responsive website design?

Post by shya7632 » Sat Aug 22, 2015 10:20 am

Responsive website developing in the php is same as the normal php page creation first want to create a page using the responsive css next one is the normal process.

lyri3667
Posts: 2
Joined: Thu Nov 26, 2015 11:00 am

Re: Can I use PHP for responsive website design?

Post by lyri3667 » Thu Nov 26, 2015 11:41 am

Media queries is the best thing I can suggest, but when using them make sure you decrease font size and line height for mobile device.

dani6100
Posts: 1
Joined: Thu Jan 07, 2016 7:38 am
Contact:

Re: Can I use PHP for responsive website design?

Post by dani6100 » Thu Jan 07, 2016 7:41 am

Yes, you can use PHP for responsive website design.

nita9215
Posts: 1
Joined: Tue Jan 26, 2016 6:40 am
Contact:

Re: Can I use PHP for responsive website design?

Post by nita9215 » Tue Jan 26, 2016 6:42 am

You should research on both client side and server side design and code.

abhi3263
Posts: 1
Joined: Thu Feb 25, 2016 12:54 pm
Contact:

Re: Can I use PHP for responsive website design?

Post by abhi3263 » Thu Feb 25, 2016 1:11 pm

Yes, anyone can use PHP for responsive website designing. for responsive website designing there is required your website designing in HTML 5 then and then only your website get convert in responsive method. To get more about responsive website design or to design or develop responsive website then check out "Go Digital Online" firm.

brad9232
Posts: 1
Joined: Tue May 03, 2016 9:03 am
Location: TX, USA

Re: Can I use PHP for responsive website design?

Post by brad9232 » Tue May 03, 2016 9:05 am

Its too good forum having so useful query and its answer. Good Job!

kine3669
Posts: 2
Joined: Thu May 12, 2016 9:34 am
Location: 25 Watline Avenue, Unit 302 Mississauga, Ontario L4Z 2Z1
Contact:

Re: Can I use PHP for responsive website design?

Post by kine3669 » Thu May 12, 2016 10:09 am

Hi everyone, this tutorial will teach you on how to create a responsive website using php with css.
To start this tutorial, lets follow the steps bellow.
Step 1: Creating The CSS File.

To create copy the code below and save it as "style.css". This file is use to beautify our design based on the size of the screen.

*{margin:0px;padding:0px}
body{font-family:arial}
ul{list-style:none;width:100%}
li{padding:4px;margin-bottom:5px; margin-top:5px; background-color:#ffffcc;text-align:center;color:#000; width:}
#head
{
min-height:30px;
background-color:#006699;
border-bottom:2px solid #333;
padding:20px;
clear:both
}
#footer
{
min-height:10px;
background-color:#dedede;
border-top:2px solid #333;
padding:20px;
clear:both;
text-align:center
}
#nav{
border-bottom:2px solid #333;
}
#main
{
padding:10px 10px 10px 10px;
}
#article,#sidebar{background-color:#dedede; min-height:250px;margin-bottom:20px;overflow:auto}
.content{padding:20px}
.clearfix{
clear:both;
}
@media only screen and (min-width: 480px)
{

#header
{
background-color:#cc0000;
}
ul{float:left;}
li{float:left;width:16%;padding:4px;margin-right:8px}
#main
{
padding:10px 20px 10px 20px;
}

}
@media only screen and (min-width: 768px){
#header
{
background-color:#006699;
}
#article
{
float:left;
width:68%;
}

#sidebar
{
float:right;
width:30%;
}
#logo
{
float:left;
width:10%;
}
#nav
{
width:100%;
}
ul{float:right}
li{float:left;width:18%;padding:4px;margin-right:8px}
#main
{
padding:20px 30px 20px 30px;
}

}

Step 2: Creating PHP file that display the acctual site.

This file include our the link of our javascript and css file.

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Responsive Design with CSS</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="style.css">
<script src="modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>
<body>
<div id="head">
</div>
<div id="nav">
<ul>
<li> Link </li>
<li> Link </li>
<li> Link </li>
<li> Link </li>
<li> Link </li>
</ul>
<div class="clearfix"></div>
</div>
<div id="main">
<div id='article'>
<div class='content'>
<h1>Responsive Design with CSS</h1>
<h3>Resize your browser and test with different resolutions</h3>
</div>
</div>
<div id='sidebar'>
<div class='content'>
Side Block
</div>
</div>
</div>
<div id="footer">
ffxggfgfgfgfg
</div>
</body>
</html>

That's all you've been successfully created your webpage that is responsive and automatically adjust style based on the size of the screen. I also provided the zip file to download, in the zip file it include the css and the javascript file

Post Reply