Here is a tutorial on how to write a nice and clean PHP code.
Let us start with variables.
I use prefix for variables with camel notation. This makes it easy to see and check the right variable for its type.
-
$strName = ‘ali’ ;
-
$intCounter = 1;
-
$arrData =
array(‘a’=>
‘ali’ ,
‘i’=>
‘is’ ,
‘p’=>
‘perfect’);
-
$blnTrigger = true;
-
$objMailSender = new mailSenderClass();
I use single quote for my data.
-
$strMyNameIs = ‘Alireza’;
And I use double quotes for SQL or strings that I need to have a single quote inside.
-
$strSQL = "SELECT * FROM person WHERE name LIKE ‘ali’ ";
I never use variable inside a double quote string. I break up the quote.
-
$strCode = "some $bad code ";// WRONG AND UGLY
-
$strNiceCode = ‘Very ‘ . $strData . ‘ is pasted here’ ;// NICE CODE
Never ever use short variables like $a or $temp or other lazy short names.
Use variable names that are understandable and describe what it contains.
And using a camelNotation makes it easy to read.
Never start with underscore or other kind of separator for names.
-
$strReturn = ‘Nice code’;
Only use underscore for constants where you can not use tha camel notation.
-
define(‘FOO_BAR’,
‘It works!’);
And do not start with underscore. There are some other system variables and functions that starts with underscore like _get() or $_SESSION
SGL is a php5 script to list pictures.
This script finds all the pictures in a directory under ./test_pic/ and makes menus based on directories.
All you have to do is putt your pictures in ./test_pic/ directory. Or edit $strPathToFiles = ‘./test_pic’; in sgl4.class.php file.
You can organize your pictures by category, by putting it under sub-directories.
The thumbs/ directory must be writable (CHMOD 755) to generate thumbnails automatically first time you visit the site. It will help loading your images faster.
HOW TO INSTALL
All you have to do is unzip the file.
Unpack the sgl4.php and configure the paths.
Putt your pictures under ./test_pic/ directory.
And don’t forget to chmod 755 thumbs directory.
SYSTEM REQUIRED.
Server with PHP5.
Download: sgl4
Here is my “swape09″ wordpress theme.
Free to download.
850px width and centered. jQuery Ready, simple and easy. Right side menu.
I sync my picture folders and my music and documents to my backup server via rsync.
I use ssh on my server. Rsync is fast way of syncing my files.
Here is the commend line
-
rsync -vrutzp –exclude=.DS_Store -e "ssh -p 22" /Users/swape/Sites me@myserver.com:/home/mysite
I use:
- (–exclude=.DS_Store) to exclude the mac files
- (-e “ssh -p 22″) to use SSH port 22
- (/Users/swape/Sites) my local directory
- (me@myserver.com:/home/mysite) my server
- (-v) verbose mode to see the output
- (-r) recursive into directories
- (-u) using update mode
- (-t) preserve modification times
- (-z) compress file data during the transfer
- (-p) preserve permissions
After writing this to my console I enter the password for my server and its done!
This is the fastest way of updating my site from my local disk.
The good thing about this that I use -u so it does not upload the files that have not been changed on my local disk. You can also drop the -v and make an Automator app but then you have to make the public key for your ssh connection so you don’t have to enter the password each time you running the app.
Here is a link to manual on how to make public key http://sial.org/howto/openssh/publickey-auth/
And this is the rsync manual http://samba.anu.edu.au/ftp/rsync/rsync.html
Here is an old trick to make horizontal menu with CSS.
First you have to make a list with UL and LI tags.
-
-
-
<li><a href="http://swape.net">My homepage
</a></li>
-
<li><a href="http://linux.org">Linux.org
</a></li>
-
<li><a href="http://google.com">Link to google
</a></li>
-
</ul>
-
Ok here is a list. Now we must make the list items to be horizontal and not vertical. So we must use CSS to set the float to be left and make the list-style: none;
-
.menu li{ float: left; list-style: none; }
Then we must make them look like a buttons. So we add some borders and padding and margins. Then the whole CSS code look like this:
-
.menu li{
-
float: left;
-
list-style: none;
-
font: 10px Verdana, Arial, Helvetica, sans-serif;
-
}
-
.menu li a {
-
display:block;
-
padding:3px;
-
margin:1px;
-
border:1px solid #ccc;
-
text-decoration:none;
-
color:#332;
-
background-color: #EEE;
-
}
-
.menu li a:hover{
-
color:#EEE;
-
background-color: #331;
-
}
You can download the example file here: Horizontal CSS menu