Ordinary People Can Create Their Cool Websites with Wix.com
Posted by admin | Filed under Web Design, Web Development
Do you like blogging, or doing something on the internet? If you do, you are very familiar with what so called website. Websites are widely used by individuals, companies, organizations, schools, etc. If you do have a website, you certainly want to have a good and interesting one. If you have an attractive website, you will be able to get other bloggers or people attention to take a look at your website in which you put some beneficial things on it.
However, somehow you are still learning how to run your website; you do not know a lot about how to make your website attractive. If you are still perplexed with whom you need to talk to, you certainly can go to wix.com. This website is here especially for you as a website builder . So, it will be very beneficial for you to know this website. You can create your free website; you can start right away for free. Because of this website, there has been more than 4 million website created. It gives opportunity for beginners and ordinary people to create cool websites. If you still do not believe it, you can get online and visit wix.com right away, and read the testimonials of previous users. You will be suddenly tempted to join this website.
PHP Class Create Short URL via TinyURL, Is.gd, Hex.io, Tr.im & Bit.ly API
Posted by admin | Filed under Web Design, Web Development
Short URL is commonly used today for several reasons: avoid url garbling, take smallest space especially for long url which need to be posted at limited space format eg: twitter, also often used to manipulate user for specific purposes eg: hiding orginal url for phising and ads/affiliation links.
There are many websites that provide shortening url services, tinyurl, bit.ly, hex.io are some of them, and as addition to my simple twitter, plurk and facebook api implementation, i have created a PHP script to create short url on the fly, currently support: tinyURL, bit.ly, is.gd, tr.im and hex.io, but you can easily add other providers.
PHP Class
<?php
/*
** Title: Shortening URL Class
** Author: chazzuka <ariel@chazzuka.com>
** Author URL: http://www.chazzuka.com
** Latest Updated: September 24 2009
*/
class ShortUrl {
public static function create($url,$provider='tinyurl',$user='',$key='') {
$api_url = sprintf(self::api($provider),urlencode($url),$user,$key);
return self::inspect($provider,self::execute($api_url));
}
private static function execute($url) {
$ch = curl_init();
curl_setopt ($ch, CURLOPT_URL, $url);
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, 5);
$text = curl_exec($ch);
curl_close($ch);
return $text;
}
private static function inspect($provider,$xml) {
if(!empty($xml)) {
switch(strtolower(trim($provider))){
case "bitly":
$o = new SimpleXMLElement($xml);
return (string)$o->results->nodeKeyVal->shortUrl;
break;
case "trim":
$o = new SimpleXMLElement($xml);
return (string)$o->url;
break;
case "isgd":
case "hexio":
default:
return $xml;
}
}
return false;
}
private static function api($provider) {
switch(strtolower(trim($provider))){
case "bitly":
$return = "http://api.bit.ly/shorten?version=2.0.1&format=xml&longUrl=%s&login=%s&apiKey=%s";
break;
case "isgd":
$return = "http://is.gd/api.php?longurl=%s";
break;
case "hexio":
$return = "http://hex.io/api-create.php?url=%s";
break;
case "digg":
$return = "http://services.digg.com/url/short/create?url=%s&appkey=%s&type=xml";
break;
case "trim":
$return = "http://api.tr.im/v1/trim_url.xml?url=%s";
break;
default:
$return = "http://tinyurl.com/api-create.php?url=%s";
}
return $return;
}
}
?>
Sample of usage:
<?php $url = 'http://www.chazzuka.com/blog/?p=192'; echo ShortUrl::create($url,'trim'); echo '<hr />'; echo ShortUrl::create($url,'tinyurl'); echo '<hr />'; echo ShortUrl::create($url,'isgd'); echo '<hr />'; echo ShortUrl::create($url,'hexio'); echo '<hr />'; echo ShortUrl::create($url,'bitly','your_user_name','your_api_key'); ?>
How to embed plurk status in wordpress blog
Posted by admin | Filed under Web Design, Web Development
I had signup with plurk a year ago but haven’t “plurking” since i use twitter a lot, and for me both of them were created for same purpose, microblogging, sharing what you’re up to in few sentences and follow what your friends up to. Today i had re-theming my personal blog and use free seven five wordpress theme by press75 which is very simple and already integrated with twitter status, delicious bookmarks, and external RSS feed, then i thinks its good to add plurk also.
Theres a wordpress plugin to achieve this purpose already, but here i only need to fetch status update, and dont need any widget or possibility to update my status from my blog, and here we go,
// fetch plurk messages
function plurk_messages(
$username = '',
$num = 1,
$list = true,
$show_username = false,
$show_moods = true,
$encode_utf8 = false)
{
$plurk_url = 'http://www.plurk.com';
$plurk_moods = array('loves','likes','shares','gives','hates','wants','wishes','needs','will','hopes','asks','has','was','wonders','feels','thinks','says','is');
array_walk($plurk_moods, 'plurk_addspace');
$plurk_mood_replace = array();
$plurk_mood_replacer = array();
include_once(ABSPATH . WPINC . '/rss.php');
$messages = fetch_rss('http://www.plurk.com/user/' . $username . '.xml');
if ($list) echo '<ul class="plurk">';
if ($username == '')
{
if ($list) echo '<li>';
echo 'RSS not configured';
if ($list) echo '</li>';
}
else
{
if ( empty($messages->items) )
{
if ($list) echo '<li>';
echo 'No public plurk messages.';
if ($list) echo '</li>';
}
else
{
// start fetching
$i = 0;
foreach ( $messages->items as $message )
{
$msg = $message['atom_content'];
$author_name = $message['author_name'];
$link = $plurk_url.$message['link_'];
$time = strtotime($message['published']);
if(!$show_moods) { $msg = str_replace($plurk_moods,'',$msg); }
else {
if(empty($plurk_mood_replace)||empty($plurk_moods_replacer)){
list($plurk_mood_replace,$plurk_mood_replacer) = plurk_moods_format($plurk_moods,$author_name);
}
$msg = str_replace($plurk_mood_replace,$plurk_mood_replacer,$msg);
}
if(!$show_username) { $msg = str_replace($author_name.' ','',$msg); }
else { $msg = str_replace($author_name,'<a class="plurk_username" href="'.$plurk_url.'/'.$username.'">'.$author_name.'</a>',$msg); }
if($encode_utf8) $msg = utf8_encode($msg);
if ($list) { echo '<li class="plurk-item">'; } else { echo '<p class="plurk-message">'; }
$msg = preg_replace("/<a href=[\"' ]?([^\"' >]+)[\"' ]?[^>]*>(.*?)<\/a>/i",'$1',$msg);
$msg = plurk_hyperlinks($msg);
$msg = plurk_users($msg);
echo $msg;
if ( ( abs( time() - $time) ) < 86400 ) { $h_time = sprintf( __('%s ago'), human_time_diff( $time ) ); }
else{ $h_time = date(__('Y/m/d'), $time); }
echo '<span class="plurk-timestamp"><abbr title="' . date(__('Y/m/d H:i:s'), $time) . '">' . $h_time . '</abbr></span>';
if ($list) { echo '</li>'; } else { echo '</p>'; }
$i++;
if ( $i >= $num ) break;
}
// end fetching -->
}
}
if ($list) echo '</ul>';
}
// set pattern + replacement for message prefix (says, is etc.)
function plurk_moods_format($plurk_moods,$user){
$plurk_moods_replace = $plurk_moods_replacer = array();
foreach($plurk_moods as $mood){
$plurk_moods_replace[] = "$user $mood";
$plurk_moods_replacer[] = $user.' <span class="plurk-'.trim($mood).'">'.trim($mood).'</span> ';
}
return array($plurk_moods_replace,$plurk_moods_replacer);
}
// add spaces into moods
function plurk_addspace(&$item,$key) { $item = "$item "; }
And couple of functions below taken from Twitter for WordPress plugin by Ricardo Gonzalez to format autolink and in-reply message.
// format autolink
function plurk_hyperlinks($text) {
// Props to Allen Shaw & webmancers.com
// match protocol://address/path/file.extension?some=variable&another=asf%
//$text = preg_replace("/\b([a-zA-Z]+:\/\/[a-z][a-z0-9\_\.\-]*[a-z]{2,6}[a-zA-Z0-9\/\*\-\?\&\%]*)\b/i","<a href=\"$1\" class=\"plurk-link\">$1</a>", $text);
$text = preg_replace('/\b([a-zA-Z]+:\/\/[\w_.\-]+\.[a-zA-Z]{2,6}[\/\w\-~.?=&%#+$*!]*)\b/i',"<a href=\"$1\" class=\"plurk-link\">$1</a>", $text);
// match www.something.domain/path/file.extension?some=variable&another=asf%
//$text = preg_replace("/\b(www\.[a-z][a-z0-9\_\.\-]*[a-z]{2,6}[a-zA-Z0-9\/\*\-\?\&\%]*)\b/i","<a href=\"http://$1\" class=\"plurk-link\">$1</a>", $text);
$text = preg_replace('/\b(?<!:\/\/)(www\.[\w_.\-]+\.[a-zA-Z]{2,6}[\/\w\-~.?=&%#+$*!]*)\b/i',"<a href=\"http://$1\" class=\"plurk-link\">$1</a>", $text);
// match name@address
$text = preg_replace("/\b([a-zA-Z][a-zA-Z0-9\_\.\-]*[a-zA-Z]*\@[a-zA-Z][a-zA-Z0-9\_\.\-]*[a-zA-Z]{2,6})\b/i","<a href=\"mailto://$1\" class=\"plurk-link\">$1</a>", $text);
//mach #trendingtopics. Props to Michael Voigt
$text = preg_replace('/([\.|\,|\:|\¡|\¿|\>|\{|\(]?)#{1}(\w*)([\.|\,|\:|\!|\?|\>|\}|\)]?)\s/i', "$1<a href=\"http://plurk.com/#search?q=$2\" class=\"plurk-link\">#$2</a>$3 ", $text);
return $text;
}
// in-reply to
function plurk_users($text) {
$text = preg_replace('/([\.|\,|\:|\¡|\¿|\>|\{|\(]?)@{1}(\w*)([\.|\,|\:|\!|\?|\>|\}|\)]?)\s/i', "$1<a href=\"http://plurk.com/$2\" class=\"plurk-user\">@$2</a>$3 ", $text);
return $text;
}
Copy those functions in your functions.php at your active theme folder, or you can put it in separate file then include it in your functions.php file.
The implementation is simple, just call the function in your file where you need your plurk status to be placed.
plurk_messages('username',10) ;
The function tahe few parameters in sequential order as follow:
- Username
- Number of status to be displayed
- Flag true/false Use unordinal list or note (ul li or p)
- Flag true/false show your username in the message
- Flag true/false show the message prefix or not
- Flag true/false Encode the message in UTF8 or not
How to styling? you need to add CSS for few class of the HTML tag which are auto generated by the function
ul.plurk, li.plurk-item. p.plurk-message, a.plurk_username, span.plurk-timestamp, a.plurk-link, a.pluk-user, also series of span with classes prefix by plurk- and followed by message prefix eg: span.plurk-says, span.plurk-loves etc.
Do you plurking? add me!
Thas it, hopely it usefull for you.
Scripty2 the successor of script.aculo.us
Posted by admin | Filed under Web Design, Web Development
Thomas Fuchs has announced the alpha release of scripty2, the successor of well known, powerful and flexible javascript library script.aculo.us. scripty2 is designed to help you write your own delicious visual effects & user interfaces.
Check out the demo to see the possibilities scripty2 can do, however as it is still in alpha version which means there will be tweaking and rewrite into the library and it is not yet recommended for production use.
Social Network Icon Pack
Posted by admin | Filed under Web Design, Web Development
80+ social network icons which consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format by komodomedia.
Js.Class Ruby style javascript
Posted by admin | Filed under Web Design, Web Development
JS.Class is a library designed to facilitate object-oriented development in JavaScript. It implements Ruby’s core object, module and class system and some of its metaprogramming facilities, giving you a powerful base to build well-structured OOP.
JS.Class is designed to make JavaScript behave like Ruby in terms of its OOP structures. To this end, it provides the following features:
- Classes and modules with Ruby-compatible inheritance
- Subclassing and mixins
- Late-binding arguments-optional super calls to parent classes and mixins
- Singleton methods and eigenclasses
- included, extended and inherited hooks
- Method binding
- Ports of various standard Ruby modules, including Enumerable, Hash, Set, Observable, Comparable, Forwardable
Its inheritance system supports late-bound super() calls to parent classes and modules, including calls from singleton methods. It has been designed to mimick Ruby as closely as possible, so if you know Ruby you should feel right at home.
var Animal = new JS.Class({
initialize: function(name) {
this.name = name;
},
speak: function(things) {
return 'My name is ' + this.name + ' and I like ' + things;
}
});
Download & example available at it’s official website
jQuery validation engine, jquery inline form validation
Posted by admin | Filed under Web Design, Web Development
jQuery validation engine, yet another nice form validation plugin for jquery javascript framework, comes with language localization supported and many predefined validation rules:
- optional: Special: Only validate when the field is not empty
- required: Field is required
- length[0,100] : Between x and x characters allowed
- minCheckbox[7] : Set the maximum checkbox autorized for a group
- confirm[fieldID] : Match the other field (ie:confirm password)
- telephone : Match telephone regEx rule.
- email : Match email regEx rule.
- onlyNumber : Numbers only
- noSpecialCaracters : No special characters allowed
- onlyLetter : Letters only
- date : Invalid date, must be in YYYY-MM-DD format
but you also could define a custom validation rule i.e:
"telephone":{
"regex":"/^[0-9-()]+$/",
"alertText":"* Invalid phone number"},
Has been tested in Internet Exploder 6 & 7, Firefox 3+, Safari 4, Chrome 1+
Javascript Infovis Toolkit
Posted by admin | Filed under Web Design, Web Development
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
Features:
- Multiple Data Representations,
Treemaps, Radial Layouts, HyperTrees/Graphs, SpaceTree-like Layouts, and more… - Major Browsers Support,
IE6+, Firefox2+, Safari3+, Opera9.5+ - Open Source,
Licensed under the BSD License - Library Agnostic,
You may use the JIT with your favorite DOM manipulation framework - Extensible,
All visualization classes are mutable, so you can easily add/override any method you want. - Composable,
Visualizations can be combined in order to create new visualization methods.
Check out the demo page along with source code example
WordPress 2.8 available for download
Posted by admin | Filed under Web Design, Web Development
Matt has announced the new release of wordpress 2.8 – Baker, with over 790 bugs fixed, and over 180 new features, changes, upgrades, and improvements.
The Major Improvements:
- WordPress style and scripting has changed which makes the new wordpress 2.8 is way faster to use.
- Enabled browse the entire theme directory and install a theme with one click
- CodePress editor gives syntax highlighting to the previously-plain editor. Also there is now contextual documentation for the functions in the file you’re editing linked right below the editor.
- widgets interface redesigned, also with much cleaner and robust widget API
- new Screen Options on every page
Ready to upgrade? grab the new wordpress 2.8 here
TinyScroller JavaScript Scrollable Div – 1.7KB
Posted by admin | Filed under Web Design, Web Development
TinyScroller is a basic scrollable div script at only 1.7KB. It can be used with any HTML and degrades gracefully. The styling is completely customizable through the simple CSS. More features will be coming soon. I have redesigned leigeber.com and am going to be publishing a number of scripts and articles shortly. I will also be releasing my previous blog theme for free. A few of the upcoming scripts:
- TinySlideshow V3 – many new features and fixes
- TinyTable V3 – advanced search and filtering capabilities
- TinySlider – sliding content script
- TinyDrag – draggable box script
- TinyBox V2 – many new features
- TinyValidator – completely rewritten form validation
- TinyTooltip – slick and full featured tooltip script
- TinyEditor – lightweight JavaScript WYSIWYG editor
- Bug fixes to all other existing scripts.
To initialize a scrollable div use the following code:
TINY.scroller.init('scroll','content','scrollbar','scroller','active')
The TINY.scroller.init function takes 5 parameters: the id of the parent content wrapper, the id of the content div, the id of the scroll div, the id of the scroll button, and the class of the scroll button active state (optional).
This script has been tested working in IE6-IE8, Firefox, Opera, Chrome, and Safari. Please send bug reports to michael@leigeber.com with the subject “BUG REPORT”. This script is available free of charge for any project, personal or commercial, under the creative commons license and is offered AS-IS, NO FREE SUPPORT provided.