article

Monday, May 3, 2010

jQuery PhotoShoot Plugin 1.0

jQuery PhotoShoot Plugin 1.0

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder. Hover the mouse over the image,click on the section of the image you like and hey presto your cropped PhotShoot image will appear. excellent plugin.

If you want to know more and download the source follow the link below

http://tutorialzine.com/2010/02/jquery-photoshoot-plugin/


Demo

http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html

Learn How to Validate Forms in both sides using PHP and jQuery

Learn How to Validate Forms in both sides using PHP and jQuery

In this tutorial you are going to learn how to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). It will be interesting to see how to use regular expressions to validate different kind of e-mails, passwords and more.

If you want to know more and download the source follow the link below

http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/


demo

http://yensdesign.com/tutorials/validateform/

Download

http://yensdesign.com/tutorials/validateform/validateform.zip

http://dl.dropbox.com/u/3293191/JQUERY/validateform.zip

JavaScript & AJAX interview questions Part(1)

JavaScript & AJAX interview questions Part(1)

Here are nice collection of basic JavaScript & AJAX interview questions Part(1)
visit here

JavaScript Interview Q/A

JavaScript Interview Q/A

Commonly asked Javascript Interview Questions and Answers here

PHP Interview Questions & Answers

PHP Interview Questions & Answers

Great collection of basic PHP Interview Questions & Answers here

Sunday, May 2, 2010

Mastering-Integrated-HTML-and-CSS

Mastering-Integrated-HTML-and-CSS

Master Hpertext (or Extensible Hypertext) Markup Language (HTML/XHTML) and Cascading Style Sheets (CSS), and You’re well on your way to creating modern, accessible Websites. This comprehensive guide offers integrated instruction in both. You’ll save time and get more productive by learning to structure your (X) HTML content for best effect with CSS styles, from the start.Using the latest standards, best practices, and real-world examples, web expert Virginia DeBolt offers a thorough grounding in the basics plus advanced techniques for those who want to improve their current skills or learn more modern ways of working. You’ll find out how to create websites that are accessible to the widest range o visitors, learn the latest specs, build CSS for print and handheld devices, and work with a variety of CSS-based layouts.

If you want to know more and download the source follow the link below

http://socifiles.com/d/747058


Cheats Sheets for Designers n Developers

Cheats Sheets for Designers n Developers

If you are a web developers and designers, and you are working on multiple programming languages and different frameworks then you must need cheat sheets to enhance and fast your work.

If you want to know more and download the source follow the link below

http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/

http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/images/html5-cheat-sheet/preview.gif

jQuery and Google Maps Tutorial: The Basics

jQuery and Google Maps Tutorial: The Basics

If you have never worked with the Google Map API before it can all seem daunting. What you need is a step-by-step guide that will cover the basics and give you a better understanding of everything that is going on, and that is what this tutorial covers.

If you want to know more and download the source follow the link below

http://marcgrabanski.com/article/jquery-google-maps-tutorial-basics

Demo

http://marcgrabanski.com/webroot/resources/jquery-ui-google-maps/tutorial-part1.html

PHP MYSQL - MySQL Average

PHP MYSQL - MySQL Average







MySQL Average
The AVG function returns the average value for the specified column of a group.



<?php
$con = mysql_connect("localhost","root","ednalan");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
$query = "SELECT type, AVG(price) FROM products GROUP BY type"; //GROUP BY type
$result = mysql_query($query) or die(mysql_error());

// Print out result
while($row = mysql_fetch_array($result)){
echo "The average price of ". $row['type']. " is $".$row['AVG(price)'];
echo "
";
}

?>
//display
//The average price of Food is $8.730000

PHP MYSQL Basic

PHP MYSQL Basic

What is PHP?

PHP stands for PHP: Hypertext Preprocessor
PHP is a server-side scripting language, like ASP
PHP scripts are executed on the server
PHP supports many databases (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, etc.)
PHP is an open source software
PHP is free to download and use

What is MySQL?

MySQL is a database server
MySQL is ideal for both small and large applications
MySQL supports standard SQL
MySQL compiles on a number of platforms
MySQL is free to download and use







mysql_connect

$con = mysql_connect("localhost","root","ednalan");
mysql_select_db("dbednalan", $con);
$sql = mysql_query("select * from dir_buscoupon WHERE busid = '{$_GET['busid']}'");
$rs = mysql_fetch_array($sql);
$id = $rs["id"];
$img = $rs["img"];


mysql_fetch_array

//1. list records where condition
$sql = mysql_query("select * from registrations WHERE id='$id'" ORDER BY asign_number Asc); ///////DESC Limit 5";
$rs = mysql_fetch_array($sql);
$id = $rs["id"];
$email = $rs["email"];

//2. while loop
define("REGISTRATION", "registration");
$sql_welcome = "SELECT * FROM ".REGISTRATION;
$sql_result = mysql_query($sql_welcome) or die("Could not connect");
while ($sql_row= mysql_fetch_array($sql_result, MYSQL_ASSOC)){
echo $sql_row['welcome'];
}
$sql="Select * From dbisubcategory";
$db_query=mysql_query($sql) or die("Could not requery");
while ($result=mysql_fetch_array($db_query, MYSQL_ASSOC))
{
$About=$result['id'];
echo($About);
}
//3 where condition
$result=mysql_query("SELECT * FROM gb_users where status='admin'") or die('Error 3- No database found.');
$row = mysql_fetch_array($result, MYSQL_ASSOC);
$mail=$row['email'];

//4. Define table in view records in table
define("ABOUT", "tblabout");
$sql_announcement = "SELECT * FROM ".ABOUT." WHERE id=4";
$sql_result = mysql_query($sql_announcement) or die("Could not connect");
echo "";
while ($sql_row= mysql_fetch_array($sql_result, MYSQL_ASSOC)){
echo "

";
}
echo "

$sql_row[About]
";

//5 get variables
$sql = mysql_query("select * from dir_buscoupon WHERE busid = '{$_GET['busid']}' AND id = '{$_GET['id']}'");
$rs = mysql_fetch_array($sql);
$id = $rs["id"];
$img = $rs["img"];




mysql_fetch_assoc

$qry = mysql_query("SELECT * FROM events WHERE id = '$event_id'") or die(mysql_error());
$rows = mysql_fetch_assoc($qry);
$event = $rows['name'];


mysql_num_rows

$sqld = "SELECT * FROM dir_coupon_print WHERE busid = '{$_GET['busid']}' AND userid = '{$_GET['iuser']}'";
$result = mysql_query($sqld);
$total = mysql_num_rows($result);//total
//echo $total;
if (mysql_num_rows($result)>0){ //no records founds
while ($rw = mysql_fetch_array($result, MYSQL_ASSOC)){
if (($dateadd >! $rw['dateexpire'])) {
echo "You already consume coupon for this business. wait 24 hours before printing the coupon again. ";
}else{
updateCoupon($rw['id']); //UPDATE RECORDS
}
}
}else {
insertCoupon($record); //INSERT RECORDS
}


Friday, April 30, 2010

Transforming the Button Element with Sliding Doors and Image Sprites

Transforming the Button Element with Sliding Doors and Image Sprites

create a a cross-browser, flexible and attractive button using the sliding doors technique and image sprites for fast hover changes and less HTTP requests.

http://techblog.procurios.nl/k/618/news/view/33023/14863/Transforming-the-button-element-with-sliding-doors-and-image-sprites.html

http://dl.dropbox.com/u/3293191/CSS/button.zip

Nested Side Bar Menu in Javascript

Nested Side Bar Menu in Javascript

a simple looking multi level side menu. Markup wise it’s just a regular nested UL list, turned into a drop down menu using a very small JavaScript code.

If you want to know more and download the source follow the link below

http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/

CSS Uniquely Designed Web Form Styles

CSS Uniquely Designed Web Form Styles

This is great free resource from CSS Globe, 5 downloadable uniquely designed and coded web form styles.

If you want to know more and download the source follow the link below

http://cssglobe.com/post/3875/cssg-collections-web-forms

Demo

http://cssglobe.com/collections/forms/

Download

http://cssglobe.com/collections/forms/forms.zip

http://dl.dropbox.com/u/3293191/CSS/Web%20Forms.zip

CSS Niceforms

CSS Niceforms

Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.

If you want to know more and download the source follow the link below

http://www.emblematiq.com/lab/niceforms/

Demo

http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html

Beautiful CSS buttons with icon set

Beautiful CSS buttons with icon set

design nice clean buttons using some lines of HTML, CSS code and proxal icon set.

If you want to know more and download the source follow the link below

http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html

http://dl.dropbox.com/u/3293191/CSS/nicebutton.zip

Thursday, April 29, 2010

Facebook Style Footer Admin Panel

Facebook Style Footer Admin Panel

Learn how to recreate the Facebook footer admin panel with CSS and jQuery.

http://www.sohtanaka.com/web-design/facebook-style-footer-admin-panel-part-1/

Styling Buttons and Toolbars with the jQuery UI CSS Framework

Styling Buttons and Toolbars with the jQuery UI CSS Framework

create and style a basic button with the jQuery UI CSS framework, they also offer some downloadable button examples, that demonstrate how to effectively incorporate the power of the CSS framework classes in a custom widget.

If you want to know more and download the source follow the link below

http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/


Cool 3D Ribbons Only Using CSS3

Cool 3D Ribbons Only Using CSS3

You will be using box-shadow to create a drop-shadow with RGBa, border-radius and the transform property for the single items of the list to make a nice 3D effect.


http://www.pvmgarage.com/en/2010/01/how-to-create-depth-and-nice-3d-ribbons-only-using-css3/

Demo

http://www.pvmgarage.com/downloads/ribbon/

Create Skype-like buttons using jQuery

Create Skype-like buttons using jQuery

If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that’s why I’m going to show you how to create the same button using jQuery and some simple CSS.

If you want to know more and download the source follow the link below

http://www.jankoatwarpspeed.com/post/2009/03/11/How-to-create-Skype-like-buttons-using-jQuery.aspx

Demo

http://www.jankoatwarpspeed.com/examples/skype_buttons/

Wednesday, April 28, 2010

Recreating the OS X Dock with CSS

Recreating the OS X Dock with CSS

If you want to know more and download the source follow the link below

http://www.zurb.com/playground/osx-dock

Related Post