Posted on December 17, 2011 by Jason
For anyone wishing to incorporate in their own website my animated cross-sliding webpage background, I’ve assembled an example you can use as a guide. This is the same script I’m using on this website to animate the background.
This script uses jQuery, jQuery UI, and the CrossSlide plugin for jQuery. Follow the links for further documentation on each of the aforementioned.
Follow the link below to view the demo and to download the zip package. Enjoy!
Demo & Download
Posted in jQuery | No Comments »
Tagged: animate, background, change, cross, crossslide, fade, image, javascript, jQuery, move, picture, plugin, scale, show, slide, swap, transition, zoom
Posted on November 10, 2011 by Jason
Here is a program I put together which generates on-the-fly images from text using a custom font located on the same server. This program requires a PHP and GD enabled server.
The text image is generated in transparent PNG format using the font, font size, font color, font angle, and text-transformation of your choosing.
Instructions:
- Copy the entire code below and save it as image-text.php
- Insert a default font in the DEFAULT_FONT constant on line 25. Save.
- Upload image-text.php AND the font file to your server, preferably in the same directory.
- Call the script using an image tag in your HTML document.
Example:
<img src="image-text.php?text=Your Text&font=/font_path/your_font_file.ttf&transform=uc
&size=20&angle=0&color=ffffff&padding=8&spacing=2" />
Use the following variables:
- text – The text to be converted to an image.
- font – The path to the font file. Server path only. No URL allowed here.
- color – A six character hexidecimal color code.
Example: FFFFFF (white)
- size – The font size.
Example: 24
- transform- Text transform.
- uc = uppercase
- lc = lowercase
- ucf = uppercase the first letter in the phrase
- ucw = uppercase the first letter in each word.
- angle – The textbox angle.
Example: 0
- padding – The padding around the text.
Example: 4
- spacing – The spacing between letters.
Example: 2
Continue reading »
Posted in php | No Comments »
Posted on July 27, 2011 by Jason
My E-Z Form Builder can help you build a form for your website quickly and easily with just a few clicks. The E-Z Form Builder will generate the HTML code you need to add a form to your webpage. Create email forms, questionnaires, polls, or just about any kind of form you could need. Building forms couldn’t get much easier than this!
Posted in For What It's Worth, jQuery | No Comments »
Posted on February 14, 2011 by Jason
This WordPress plugin allows you to toggle visibility of any objects from within a post or page using shorttags and CSS selectors or id attribute selectors.
Example:
[hideit hide=".widget-1, #header-div" show=".widget-2, p:contains('Lorem Ipsum')"]
FYI:
.dot indicates this is a class name.
.widget-1
#hash-mark indicates this is an id attribute.
#header-div
If there is no preceding character, it indicates this is a HTML tag.
p:contains('Lorem Ipsum')
A comma must separate each object in the list.
Easy enough. You can get an object’s id or class name by viewing the source code for your webpage. Anything inside hide="" will be hidden and anything inside show="" will be visible.
This plugin supports any of the selectors supported by jQuery.
Download the plugin from my repository or from WordPress.org.
Posted in WordPress | 4 Comments »
Tagged: addon, display, hidden, hide, none, plugin, show, toggle, visibility, visible, widget, widgets, wordpress
Posted on February 14, 2011 by Jason
This WordPress plugin adds custom data to the _usermeta table when a user registers a new account. Any number of entries can be added with a default value for each key. Delete an entry and all occurrences of it will be automatically removed from the _usermeta table. That’s all it does – sets a key with a default value. It doesn’t manage any other data or update the existing meta data.
Download the plugin from my repository or from WordPress.org.
Posted in WordPress | 2 Comments »
