With this plugin you can add videos to your sidebar (or any other widgetized area of your site). Just copy and paste code of the video into the Advanced widget.
The Youtube’s original video code doesn’t pass W3C validation. The filtered video code of the Advanced Videobox will keep your site XHTML valid. Of course only in case the site was valid beforehand .
See sidebar for Advanced Videobox in action.

Latest version 1.0.1

Download

Features

• Web 2.0 graphics
• Plugin outputs XHTML valid code
• Change sizes of the video comfortably through widget panel
• Easily customizable CSS
• Add up to 20 videos

You can add up to 20 videos. Music, tutorials, ads or whatever you want.

How-to

• Download plugin from Wordpress repository.
• Unzip and upload it to \wp-content\plugins\. Or you can go to the admin panel:
  • Plugins –> Add New
  • Type “advanced videobox” into the search field.
  • Install.
• Drag the widget instance to the widget panel of your choice
• Choose number of videos and SAVE widget to see correct number of the input fields.
• Add width and height of the videos
• Add title and code for each video
• If you want to display customized video player, you have to check “Enable parameters”. Don’t do that if you want to keep code of the video XHTML valid.
  

  In the your youtube.com, click the wheel and play around with the colors of the player.

Buy me a beer

All-In-One Cufon plugin allows you an easy replacement of standard fonts with beautiful catchy fonts.
This plugin implements Simo Kinnunen’s Cufón script, which aspires to become a worthy alternative to sIFR.

Latest version 1.0.3

Download

Features

• Easy to use
• Automatic detection of the uploaded fonts
• Preview of the uploaded fonts
• Automatic detection of the fontFamily parameter
• Option to enable only font you really want to use
• Code tips

All-In-One Cufon admin panel with code tips, fonts preview and field where you set your font.

How-to

• Download plugin from Wordpress repository.
• Unzip and upload it to \wp-content\plugins\. Or you can go to the admin panel:
  • Plugins –> Add New
  • Type “all-in-one cufon” into the search field.
  • Install.
  • First you have to generate JavaScript file of your .otf, .ttf etc. font file. To generate this you have to go the Cufon generator.
    Make sure the EULA of the font permits web embedding.
• Create a folder called /cufon-fonts/ in the wp-content/plugins/ directory, where you need to upload your generated font .js files.
• When you’re done, just go the admin panel: Settings–>All-In-One Cufon
• There you will instantly see fonts that were detected in your \wp-content\plugins\cufon-fonts\ folder.
• Enable fonts you wish to use.
• The last step is adding the Cufón code.

Adding Cufon code

Add Cufon code to the Cufon’s code field. Basic code for replacing h2 element looks like this:

Cufon.replace('h2');

For more complex element you can use code like this:

Cufon.replace('#top-menu.menu');

1. Add gradient to the font:

Cufon.replace('.cufon-gradient', {
                	color: '-linear-gradient(red, blue)'
                    });

2. Add shadow to the font:

Cufon.replace('.cufon-shadow', {
                    textShadow: '2px 2px red'
                    });

3. Add gradient and shadow to the font:

Cufon.replace('.cufon-gradient-shadow', {
                	color: '-linear-gradient(blue, yellow)',
                        textShadow: '2px 2px #C0C0C0'
                    });

4. Add gradient and shadow to a link:

Cufon.replace('a.cufon-gradient-shadow-link', {
                	color: '-linear-gradient(#FF9900, #000000)',
                    textShadow: '2px 2px #C0C0C0',
                    hover: {
		textShadow: '2px 2px #C0C0C0',
		color: '-linear-gradient(#99CC00, #000000)'
	}
                    });

Cufon can apply gradient and shadow to links.

5. Set font, gradient and hover.

Cufon.replace('a.cufon-easy', {
                    fontFamily: 'Sketch Rockwell',
                    color: '-linear-gradient(#FF6600, #33CCCC)',
                    hover: {
            		textShadow: '2px 2px red',
            		color: '-linear-gradient(black, white)'
	}

Cufon is easy to set up.

6. Add gradient, shadow and transparency to a shadow:

Cufon.replace('a.cufon-transparent', {
                	color: '-linear-gradient(#FFFFFF, #99CCFF)',
                    textShadow: '10px 10px rgba(0, 0, 0, 0.3)',
                    hover: {
		textShadow: '10px 10px rgba(0, 0, 0, 0.3)',
		color: '-linear-gradient(#FFFFFF, #969696)'
	}
                    });

CSS code

.cufon-transparent { display: block; font-size: 40px; background: url(images/cufon-bg.jpg) repeat; }

Cufon can work with transparency in links.

You can find much more info on this amazing script on the official Cufón’s pages.
They also have active forum, where you can ask all your questions regarding Cufón.

Buy me a beer

As a freelance coder I need a really reliable IDE for everyday work. I’ve tried a lot of IDEs so far. None of them suited me 100%. Until I found PHP Designer 7.
Since I am sitting by comp not less than 12 hours daily I need eye friendly background. I did myself one. If you want you can download it here. It includes colorization for languages I use most HTML, PHP, JavaScript and CSS.

What amazes me most about this software is incredible speed. It is much faster than any other IDE I tried before. Whether it is code completion or just a FTP I get what I want immediately.
Speaking of code completion. PHP Designer 7 has top support for JavaScript / Ajax. You wish jQuery, Ext JS, YUI, Dojo, MooTools or Prototype? No problem with this IDE. Pretty surprising when it’s called “PHP” Designer.
Things like highlight matching brackets, highlight matching HTML tags or highlight missing brackets are must when you customize your or someone else code. This and much more is implemented in PHP Designer 7.
More info on this software you can get on its official site.

With Youtube Videobox plugin you can add unlimited number of videos to your site in a painless way. All you need is to copy and paste code of the video into the Youtube Videobox widget.
The original video code from Youtube doesn’t pass W3C validation. My filtered video code will keep your site XHTML valid. Of course only in case the site was valid beforehand .

Latest version 0.9.1

Download

Features

• Plugin outputs XHTML valid code
• Change sizes of the video comfortably through widget panel
• Due to WP widget architecture you can add unlimited number of the widget instances

How-to

• Download plugin from Wordpress repository.
• Unzip and upload it to \wp-content\plugins\. Or you can go to the admin panel:
  • Plugins –> Add New
  • Type “youtube videobox” into the search field.
  • Install.
• Drag the widget instance to the widget panel of your choice
• Add width, height and code of the video
• If you want to display customized video player, you have to tick “Enable parameters”. Don’t do that if you want to keep code of the video XHTML valid.
  

  In the your youtube.com, click the wheel and play around with the colors of the player.

Create widgets and put your videos anywhere

Adding widgets is not limited only to sidebar. You can widgetize any part of your site. It’s incredibly easy!
This is CSS of the widget. Note that width of the widget is set to auto. This allows using setting different sizes of the video without setting new sizes of the widget in CSS.

.widget            { width: auto; margin: 0px 0 10px 0; }
.widget p          { padding: 10px 10px 10px 10px; }

In functions.php you have to register your sidebar:

<?php
if (function_exists('register_sidebar')) {
//Video widget 1
    register_sidebar(array(
    'before_widget' => '<div id="%1$s" class="%2$s widget">',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
    'after_widget' => '</div>',
    'name' => Video widget 1));
//Video widget 2
    register_sidebar(array(
    'before_widget' => '<div id="%1$s" class="%2$s widget">',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
    'after_widget' => '</div>',
    'name' => Video widget 2));
}
?>

The last thing we have to do is add widgets to our code.
Video widget 1 in the footer:

<div id="footer">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('Video widget 1')): else : ?>
<!-- some code -->
<?php endif; ?>
</div>

..and Video widget 2 in the sidebar:

<div id="sidebar">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('Video widget 2')): else : ?>
<!-- some code -->
<?php endif; ?>
</div>

Buy me a beer

If  you are using Eclipse IDE with Aptana 2.0 plugin and want to display HTML toolbar even when you have PHP file opened, just follow these instructions:

1.  Go to Preferences -> General -> Editors -> File Associations

2.  In file types  choose .php extension

3.  In associated editors click Add button.

4.  Choose “Aptana HTML editor” from internal editors.

5.  Save your changes by clicking OK

6.  Now you should see HTML toolbar even when you have PHP file opened.

I hope this is just a temporal solution and  Aptana developers (or PDT team) will implement this feature in future realeases of PDT plugin.

For all eyes bleeding users of Aptana 2.0 on Eclipse IDE. I uploaded my colors scheme preferences for Eclipse using Aptana 2.0 as plugin. This color scheme is based on Green Chaud color scheme.

1. Download the .zip file with preferences
2. Unzip it and import: File -> Import -> Preferences -> Import All
3. That’s it!

downloaded: [download#2#hits]

Download [download#2#nohits]

1. If you are logged out you will see “Please log in or Register”

else if you are logged in

2. you will see “Welcome USERNAME”

<?php  if (is_user_logged_in()) {
          $user = wp_get_current_user();
          echo 'Welcome <strong>'.$user->display_name.'</strong> !';
                        } else { ?>
          Please <strong><?php wp_loginout(); ?></strong>
          or <a href="<?php echo get_option('home'); ?>/wp-login.php?action=register"><strong>Register</strong></a>
          <?php } ?>

NEW! update 1.4.1

• dropdown menu
• nested comments
• minor fixes

Sidon 1.3.1

• 3 column AdSense ready
• 2 columns widget ready
• blue and white colors
• XHTML valid Transitional

Preview
Download

Solution 1

You just have to assign your FTP  to a local drive letter ( E,F,X,Y etc.).  There are some programs on the internet that can do it.  I used NetDrive .

1. Download NetDrive

2. Map your  server to a local drive

This will not disable  background file activity window fully. You will just get rid off the annoying waiting after CTRL+S .

Solution 2

I found this in one forum:

1. Go to Edit ->Preferences -> Site
2. Find File transfer options
3. Change value of  Select default action after x seconds to 0 . It was 30 before.

This should make your saving much faster.

Are you coding in Dreamweaver and don’t like the default light code colorization? I created dark background color theme for Dreamweaver.  I took inspiration from Green Chaud theme for Aptana IDE.

List of supported formats:
UPDATE 0.9.1 – added ColdFusion, ColdFusion component

• CSS
• HTML
• PHP
• JavaScript
• XML
• Java
• JSP
• ActionScript
• WML
• ColdFusion
• ColdFusion component

All you need to do is to download  Tom’s dark DW theme XML file and follow instructions below.

Windows XP users

Dreamweaver CS4

1. Close Dreamweaver
2. Go to C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\CodeColoring\
3. Find and backup file Colors.xml
4. Copy file colors.xml downloaded from this site
5. Change default background color to #4D4D4D  (edit –> preferences –> code coloring)

Dreamweaver CS3

1. Close Dreamweaver
2. Go to C:\Documents and Settings\%username%\Application Data\Adobe\Dreamweaver 9\Configuration\CodeColoring\
3. Find and backup file Colors.xml
4. Copy file colors.xml downloaded from this site
5. Change default background color to #4D4D4D (edit –> preferences –> code coloring)

Windows 7 users

Dreamweaver CS4

1. Close Dreamweaver
2. Go to C:\Users\%username%\AppData\Roaming\Adobe\Dreamweaver CS4\en_US\Configuration\CodeColoring
3. Find and backup file Colors.xml
4. Copy file colors.xml downloaded from this site
5. Change default background color to #4D4D4D (edit –> preferences –> code coloring)

MacOS users

Dreamweaver CS4

1. Close Dreamweaver
2. Go to /Users/%name%/Library/Application Support/Adobe/Dreamweaver CS4/%localization(en_US)%/Configuration/CodeColoring
3. Find and backup file Colors.xml
4. Copy file colors.xml downloaded from this site
5. Change default background color to #4D4D4D (edit –> preferences –> code coloring)

Download

Buy me a beer