Convert Twitter to RSS using PHP

jp@joomlapanel.com — Mon, 01 Jun 2009 15:21:44 +0100

Twitter is basically a cut-down blogging service. This article focuses only on the REST API because you really don't need search functionality to publish an RSS feed of tweets. Needless to say, the search API is extremely useful, providing data in Atom and JavaScript Serialized Object Notation (JSON) formats, and allowing a variety of search criteria (tweets containing a word, from a particular user, to a particular user, referencing a particular user, containing [...]

Beckup Database Joomla with mySQLdump

jp@joomlapanel.com — Mon, 01 Jun 2009 14:40:55 +0100

There are many ways how you can create a backup joomla database with MySQL. Tthe backup possibilities depend on what kind of database engine you use. In this tutorial only demonstarte mysqldump as it is more general than the others and can backup all kind of tables.

Using mysqldump to backup your data:

First of all you have to check if the MySQL bin directory is in your PATH or not. Simply try to execute the mysqld [...]

PHP Captcha Script for Submission Forms

jp@joomlapanel.com — Sat, 30 May 2009 16:36:05 +0100

Captcha’s have become the most popular method to prevent these automatic programs from completing a form submission. A Capthca is a simple challenge-response test, usually requiring the person to repeat a text string that appears in an image, in a field on the form. Images are used to present the challenge because it is difficult for an automatic program [...]

Create Grunge Text with Adobe Fireworks

jp@joomlapanel.com — Sat, 30 May 2009 16:15:49 +0100

A lot of photoshop tutorials on grunge text / special effects but none in Adobe Fireworks. We do not have brushes in FW, but we can try a different approach on creating a grunge look using vectors. The key thing to note here is , experiment on different approaches till you are satisfied.

Flipping Corner Banner without Flash Driven

jp@joomlapanel.com — Sat, 30 May 2009 15:21:21 +0100

Try it out to create great effect Flipping Corner Banner (Page Peel) using some simple lines of jQuery and CSS without flash Driven.

1. HTML - Page Peel Wireframe

The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg_block” wrapped in an <a> tag. Note - If you don’t [...]

Fixed & Liquid Columns with CSS & jQuery

jp@joomlapanel.com — Sat, 30 May 2009 14:52:35 +0100

Fixed Columns The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But as you can see there will be certain viewport resolutions, where it leaves excess white space where a column was just not able to squeeze in.

Liquid Columns do not leave any excess white space and fits perfectly within its layout, only do [...]

10 Free Resource for Web Analytics Tools

jp@joomlapanel.com — Mon, 04 May 2009 20:26:04 +0100

Web analytics is the process of gathering and analyzing your web content’s data in order to glean meaningful information about how your site is being utilized by your users. There are plenty of Web analytics applications out there uch as Google Analytics, Crazy Egg, and remote-site services such as Alexa etc.

In this art [...]

jQuery Cycle Plugin

jp@joomlapanel.com — Mon, 04 May 2009 20:20:27 +0100

The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling.

It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

The plugin provides a method called cycle which is invoked on a conta [...]

jQuery Slideshow for Full Screen Background

jp@joomlapanel.com — Mon, 04 May 2009 20:10:44 +0100

Resizes images to fill browser while maintaining image dimension ratio No extra whitespace, no scrollbars - the entire browser window is always filled Compatible in Firefox, Safari, Opera, IE7, and IE6 Ability to cycle through images/backgrounds via slideshow.

The first thing we are going to want to do is set up the initial CSS/HTML, then get the jQuery in place.

The CSS

view plaincopy to clipboardprint?

/*Supersize Plugin Styles*/
body {
overflow:hidden;
} [...]

Get the Most Out of Google Docs

jp@joomlapanel.com — Mon, 04 May 2009 19:40:22 +0100

Google Docs is rapidly becoming one of the more popular brands. Google Docs is free, web based (i.e. cross platform), and quite simple to use. But that doesn’t mean it lacks features. Whether you’re a regular user or have just been thinking about trying it out, here are the top 6 tips and tricks to help you get the mos [...]

Using Twitter Social Networking for Internet Marketing

jp@joomlapanel.com — Mon, 27 Apr 2009 12:00:00 +0100

Social networking site twitter.com where celebrities, businesses, and people from all over the world are connecting in real-time. it's quick and easy to keep up with friends and family, promote your music and writing, and expand your business!

A tweet with a hashtag is automatically threaded at http://www.hashtags.org, which allows users to track T [...]

Quick Tool for CSS Generators, Creators, and Makers

jp@joomlapanel.com — Sat, 25 Apr 2009 21:10:15 +0100

Do you want to code your website in CSS, but have no idea how to do it? Or maybe you do know how to code your website in CSS but you are feeling a bit lazy? Either way, over 40 CSS generators that you might want to bookmark. Or [...]

Create Social Network Using Joomla!

jp@joomlapanel.com — Sat, 25 Apr 2009 19:42:15 +0100

Joomla!, the popular Open-Source CMS, has some great and affordable ways to bring your site to the social networking level. Joomla! shouldn't just be looked at as a CMS but a framework from which to build your applications and accomplish your dreams. Before you jump in and start lacing together extensions to build your site, proper planni [...]

Animated Navigation using CSS and jQuery

jp@joomlapanel.com — Sat, 25 Apr 2009 19:29:35 +0100

Animation are great ways for user in nav gating and interacting with a website. While traditionally Adobe's Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we're going to build a really cool animated navigation menu using just CSS and jQuery.

<img class="captioned" src="red_rocks.jpg"
title="Photo of Red Rock Mountain." width="300" height="201" /& [...]

SEO principals, HTML Markup After Content

jp@joomlapanel.com — Tue, 21 Apr 2009 09:28:08 +0100

One of the SEO principals that really seems to make sense to m [...]

px - em - % - pt - keyword , Which is best?

jp@joomlapanel.com — Tue, 21 Apr 2009 09:17:43 +0100

When using a value, you need to declare a unit of measure which itself has four options, When it comes to setting the size of type in CSS, you have lots of options. You can apply a “keyword”, like p { font-size: small; } or a numerical value. It depends of course. Let’s take a look:

Keyword

CSS Transparency for All Browsers

jp@joomlapanel.com — Tue, 21 Apr 2009 09:13:04 +0100

Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need four separate CSS statements. Fortunately they don’t interfere with each other re [...]

Developing Semi-Liquid Layouts

jp@joomlapanel.com — Tue, 21 Apr 2009 09:03:20 +0100

Semi-liquid layouts may possibly start to become more popular in the near future. As screen resolutions get both smaller (mobile) and bigger (larger monitors), having some knowledge on adapting to semi-liquid layouts will most definitely be a plus in your arsenal. Here are few tricks that I use when it comes to working with semi-liquid layouts. If you have some of your own that you would like to share, I would love to learn about it!

Blog Entries