Abdullah Yahya

I just found a quick and cool way to create rounded corners on images using CSS.  I don’t have time to write about it but you can read about it here:

http://webdesignerwall.com/tutorials/css3-image-styles

Here’s how to use it:

1. Add image to your web page

[cc lang=”html”]

[/cc]

Continue reading CSS Rounded Corners on Images

Keeping track of events on your website is very useful. Google Analytics comes with a useful feature called Event Tracking.

http://code.google.com/apis/analytics/docs/tracking/eventTrackerGuide.html

For example, if you want to track all clicks to on a link you can use

[cc lang="html"]Play[/cc]

Continue reading Google Event Tracking

Text Processing

Dreamweaver Find and Replace (w/ Regular Expressions)

Finding and replacing text is pretty straightforward. For example, you can find all text matching “car” and replace them with “cars”. Other types of find and replace are not so obvious. Here are some examples.

• Replace “x” with “x followed by a tab”
  This is useful when you want the text to be tab delimited so you can copy and paste it all into Excel so that each column (separated by a tab) will appear in its own column for further processing.
  FIND: x
  REPLACE: xt
  REGEX: checked
•  Replace new lines with “x newline”
  This is useful if you need to edit text that appears at the end of a line.
  FIND: n
  REPLACE: xn
  REGEX: checked
• Wrap multiple values (one on each line) with single quotes (‘x’)
  This is useful when you’re building a long drop down list of options in the format
  <option value=’a’>a</option>
  <option value=’b’>b</option>
  <option value=’c’>c</option>
  …
  FIND: n
  REPLACE: ‘n’
  REGEX: checked

Continue reading Batch Processing / Automation Tips

Recently I had to do some Recently I had to do some stuff in Windows Command prompt. I got tired of having to type everything out letter by letter so I found these shortcuts.

Copy Text To Clipboard

Highlight  the text you want to. It will be copied to your clipboard.

Paste Text Within Windows Command Shell

Right-click your mouse to paste

Auto-Complete Entering Commands

Type the first few letters of a command or file / folder path and then hit TAB

Cancel The Currently-Running Program

Hit CTRL+C

This example uses Apache that comes with Bitnami’s WAPPStack (Windows, Apache, PHP, Postgres) installer.

Create your SSL certificate keys. Instructions on creating a self-signed SSL certificate are available in chapter 8.5 Creating a Self-Signed Certificate Key in O’reilly’s Website Cookbook. It uses openssl to create the certificate keys. If you are on Windows, you can install Cygwin and add the openssl package to follow the instructions.

Once you’ve created your SSL certificate keys, do the following: Continue reading How To Set Up SSL on Multiple Sites / Virtual Hosts on Apache

I recently needed to configure how 404 file not found errors were handled in Apache. This was easily done by editing httpd.conf (search for “404” to quickly find where the relevant directives are) and changing a line of code. Here’s what it looks like by default

[cc lang="php"]# Customizable error responses come in three flavors:
# 1) plain text 2) local redirects 3) external redirects
#
# Some examples:
#ErrorDocument 500 "The server made a boo boo."
#ErrorDocument 404 /missing.html
#ErrorDocument 404 "/cgi-bin/missing_handler.pl"
#ErrorDocument 402 http://www.example.com/subscription_info.html
[/cc]

Continue reading Configuring 404 File Not Found Error Handler in Apache

Recently I wanted to perform a regular expression match in PHP to match all printable characters. I used the character class [:print:] to do this. My PHP test code was

[cc lang=”php”] preg_match(“/^[[:print:]]*$/”, “abcde”)[/cc]

Although this worked, it didn’t work for non-ASCII characters, e.g. French characters with accent marks like réseau. What I needed was the ability for preg_match to match all unicode printable characters. It turns out there is a modifier (/u) that supports this. But, I also had to use a special unicode character class so my test code became

[cc lang=”php”]preg_match(“/^P{C}+$/u”, “réseau”)[/cc]

P{C} basically matches everything EXCEPT control characters in any language.

You can find more info in the Regular Expressions Cookbook by O’reilly in chapter Unicode Code Points, Properties, Blocks, and Scripts.

Recently I have needed to convert web pages saved in non-UTF-8 encoding into UTF-8 encoding. I was using Windows Notepad to open files and then save them with the same file name (using the Save As command) but selected “UTF-8” in the encoding field (It defaults to ANSI). I noticed, however, that I needed to close Notepad and reopen it every time I wanted to do this, otherwise weird characters would appear when I try to view the converted file. So, instead of looking for and clicking on the Notepad icon for each file, I created a keyboard shortcut key to do this.  This works for any program. Here’s how:

1. Go to Windows Notepad and right click and select “Properties” as shown below.

Continue reading How to Create a Windows Keyboard Shortcut