To align any object in Photoshop relative to a bounding selection, do the following:
This will leave you with perfectly aligned objects.
[cc lang=”php”]
[/cc]
[cc lang=”php”]
echo “ab”;
echo “c”;
[/cc]
[cc lang=”php”]
<?php
echo <<<eol // <- We use the heredoc operator. Notice 3 times '<'
EOL; // End the heredoc block. Has to be the first characters on the line, so don’t indent it.
?>
[/cc]
Seeing clean, structured code is always nice. Here are some tips to automate cleaning up messy code.
1. Use HTML Tidy to clean up code
There are some online code cleaners based on Tidy that can do this for you like at http://infohound.net/tidy/
2. Dreamweaver “Apply Source Formatting”
Dreamweaver can format your source code based on a format profile. Find it under Commands -> Apply Source Formatting. This will also trim unnecessary whitespace and the beginning and end of lines.
3. Trim unnecessary whitespace at beginning of line
REGEX: ^s+
REPLACE: empty string
4. Trim unnecessary whitespace at end of line
REGEX: ^s$
REPLACE: empty string
5. Convert spaces to tabs
In Dreamweaver, select / highlight all the code, right click, select “Convert spaces to tabs”
6. Delete empty lines
REGEX: [rn]{2,}
REPLACE: n
When writing functions in Javascript that you only need to run as soon as it’s created and not have to reference again, you can create a self-executing anonymous function using the syntax:
[cc lang=”javascript”](function(){
// your code goes here
})();[/cc]
In jQuery, you can have your anonymous function called after the document is ready as in
[cc lang=”javascript”]
$(document).ready(function() {
(function(){
//your code for the module
})();
});[/cc]
If you’re not using jQuery and want your anonymous function to be called after the page loads (as opposed to immediately before the page finishes loading), you can do
[cc lang=”javascript”](function(){
// your code goes here
// add event listener to trigger function call on page load
if (window.attachEvent) {
window.attachEvent(‘onload’, addHiddenFields);
} else {
window.addEventListener(“load”, addHiddenFields, false);
}
})();[/cc]
Another benefit is it doesn’t pollute the global namespace by not overriding other functions. To learn more, visit http://briancrescimanno.com/2009/09/24/how-self-executing-anonymous-functions-work/ and http://stackoverflow.com/questions/8248974/executing-jquery-functions-on-dom-ready-from-inside-a-module
If you’re tired of searching through lines and lines of boring, unformatted text to edit you Apache httpd.conf file and wish there were a more user-friendly interface, you’re in luck. Check this out …
If you’re tired of searching through lines and lines of boring, unformatted text to edit you PHP.INI file and wish there were a more user-friendly interface, you’re in luck. Check this out …
http://www.softpedia.com/get/Internet/Servers/Server-Tools/PHPConfig.shtml
I recently needed to share some code with a colleague while making it easy for him to read it all color-coded and properly indented. I tried out Pastebin and that seemed to be really easy and worked very well. Other options would include creating a diff file and sending that to other people who can then view the changes using a diff viewer. Or, committing changes to a versioning system (SVN/GIT) and letting others do an update to merge any changes.
Here’s a nice, easy-to-use, web-based Javascript tester I came across the other day. It’s called JSFiddle.
Here are a few Apache & PHP installation bundles I found for Windows that can save a lot of time getting things up and running.
Recently, I needed to create a dropdown menu using CSS. It was a pretty tricky menu since it contained convex and concave rounded corners and drop shadows. I wanted to do with a few images as possible and in a flexible way that display correctly regardless of font size, family or language. I used the CSS “border-imge” feature which worked great in modern browsers like Firefox and Chrome but IE 9 doesn’t support “border-image”. To accommodate IE users, I used Modernizr to detect whether a browser supported “border-image” or not and if not, display a different, simpler drop-down menu without fancy rounded corners. I think I’m going to have to add Modernizr to my toolset.
One caveat though is Modernizr depends on Javascript so if it’s disabled, Modernizr won’t be able to help you modernize your website.
