1stwebdesigner

Posted by | Posted on 18:57

1stwebdesigner


99 Amazing Speed Drawing Videos You Must See Now!

Posted: 27 Sep 2010 02:00 PM PDT

Video walktroughs are always a great way to acquire something new. You can see the whole creation process and gain some experience at the same time. In speed drawing the usual long drawing process is compressed into just a few minutes. If you have ever wondered how it's possible to draw realistic digital paintings so quick, continue to read and discover 99 awesome speed drawing videos.

1. Jigsaw (SAW 4) – Speed Drawing

2. Mona Lisa with MS Paint

3. Spiderman Black 3 Speed Painting in Photoshop

4. Spiderman Speed Painting by Nico Di Mattia

5. Slash Speed Painting by Nico Di Mattia

6. Michael Jackson Speed Painting by Nico Di Mattia

7. Megan Fox Speed Painting by Nico Di Mattia

8. Wolverine Caricature by Nico Di Mattia

9. Robo Girl Speed Painting by Nico Di Mattia

10. Kate “LOST” – Evangeline Lilly – Speed Drawing

11. The Dark Knight Speed Painting by Nico Di Mattia

12. Solid Snake Speed Painting by Nico Di Mattia

13. Pace Wu Speed Painting by Nico Di Mattia

14. Amy Weber Speed Painting by Nico Di Mattia

15. Akon & Snoop Dogg Speed Painting by Nico Di Mattia

16. Tiger Woods Speed Painting

17. Hot Armed Girl Speed Painting by Nico Di Mattia

18. Ironman Speed Painting by Nico Di Mattia

19. Master Chief Speed Painting by Nico Di Mattia

20. Techno Landscape Speed Painting by Nico Di Mattia

21. Antonella Speed Painting by Nico di Mattia

22. Bumble Be Speed Painting by Nico Di Mattia

23. Optimus Prime Speed Painting by Nico Di Mattia

24. Jack Bauer Speed Painting by Nico Di Mattia

25. Ghost Whisperer Speed Painting by Nico Di Mattia

26. Gabi Speed Painting by Nico Di Mattia

27. Lost – Sawyer Speed Painting by Nico Di Mattia

28. Lost – John Locke Speed Painting by Nico Di Mattia

29. Tim Burton Speed Painting

30. Thom Yorke, Radiohead Speed Painting by Nico Di Mattia

31. Lord of the Rings-Time Lapse Paint by Nico Di Mattia

32. Doctor House Speed Painting

33. Paolo Borsellino Speed Painting Manlio Noto

34. Terminator Speed Painting by Manlio Noto

35. Paul Teutul Sr Speed Painting by Manlio Noto

36. Vasco Rossi Speed Paintingby Manlio Noto

37. Cave Diving – Time Lapse/Speed Painting

38. Ben Stiller Speed Painting by Manlio Noto

39. Hellboy Speed Painting by Manlio Noto

40. Hotlegs Speed Painting

41. Batman The Dark Knight Speed Painting

42. “Giovanna” Speed Painting by Manlio Noto

43. “Orlando Furioso” Speed Painting

44. Transformers Speed Painting by Manlio Noto

45. Luciano Pavarotti Speed Painting

46. Caravaggio La Deposizione Speed Painting

47. Giovanni Falcone Speed Painting

48. Jack Sparrow – Pirates of the Caribbean Speed Painting

49. Jack Sparrow 2 – Pirates of the Caribbean Speed Painting

50. Jack Sparrow 3 – Pirates of the Caribbean Speed Painting

51. Voldemort from Harry Potter – Speed Painting in Photoshop

52. Spiderman 3 Speed Painting

53. Speed Painting Titti Birthday

54. Jimi Hendrix Speed Painting

55. Jazz Trombonist Speed Painting

56. Sax Man Speed Painting

57. Albus Dumbledore Speed Painting by Nicola’s Valese

58. Lost Speed Painting Part 1 By Nicola’s Valese

59. Lost Speed Painting Part 2 By Nicola’s Valese

60. Avril Lavigne Speed Painting By Nicola’s Valese

61. Speed paint Jack Sparrow by Nicola’s Valese

62. Beyonce Speed Painting by S. Maguire

63. Indiana Jones Speed Painting by S. Maguire

64. Bruce Lee Speed Painting by S. Maguire

65. Jackie Chan Speed Painting by S.Maguire

66. Escape From New York Speed Painting by S. Maguire

67. Dragon Speed Painting

68. “Grandma’s House” Speed Painting Doodle

69. Photo Realistic Cat Painting

70. Sci-Fi Art 3 Hour Digital Paint

71. Painting T-Rex

72. Swamp Beast Critter

73. Wolf Man Digital Paint

74. A Dragon Awakens

75. Dragon In the Storm

76. Speed Painting a Sea Monster

77. Speed Painting Werewolf Lurking

78. Speed Painting Werewolves

79. Speed Painting A Monster

80. Speed Painting a Werewolf

81. Speed Painting a Werewolf

82. Another Dragon

83. Captain Jack Sparrow Speed Painting by Martin Missfeldt

84. Speed Painting Photo Realism

85. Speed Painting Photo Realism 2

86. “Angelina Jolie” Time Lapse Painting

87. “This Is Sparta!” Speed Painting + Animation

88. 300 (Leonidas) Speed Painting by Damien Rowe

89. Harry Potter Speed Painting

90. Darth Maul Speed Painting

91. Batman Speed Painting by Eduard Visan

92. Chrysler Car Speed Painting

93. Undead Speed Painting by Rune Bodker

94. Halo Master Chief Speed Painting

95. Lich King Speed Paint

96. The Joker Speed Painting by N.Suarez

97. Terminator Speed Painting by Nico Di Mattia

98. Chuck Norris Speed Painting by Nico Di Mattia

99. Dr. House Speed Painting by Nico Di Mattia

How to Create Kick-Ass PHP Contact Forms

Posted: 27 Sep 2010 03:00 AM PDT

I am sure that almost everyone can agree on the importance of contact forms for use on everything from static HTML websites, to WordPress powered websites. I found myself many times creating custom PHP contact forms for clients and always changing things around to suit the needs of the client.
After going through this article you should have a better understanding of creating custom PHP contact forms. These can be really useful in your own projects, as well as projects for clients. I have used these for basic contact forms, surveys, and even to create simple help desk ticket systems for clients. The list is endless, just be creative. I will discuss everything that you will need to know to make your own custom HTML and PHP forms.

P.S You can check the online Demo here.

Forms

First things first – To create a form in our HTML document, we will need to select the location we will be placing the form. Generally, most forms will start with:

<form>

and end with the closing tag of:

</form>

The form action will tell this form what to look for when the submit button is pressed. In this example we will be working with below, this is a second file that we will be creating called mail.php

The beginning line of our code that begins our form shows our action of mail.php – and the method of POST – which will trigger the php script to send the email when the forms is filled out, and the submit button is pressed.

Action and Method of mail.php

 <form action="mail.php" method="POST"> 

The last thing we will need to understand before starting our form is the use of INPUT – which will tell browsers to allow an input of text type, to complete a field. Using this along with textarea will allow us to create our form and create a space for users to input information that we will later use PHP to send via email. Each one of these areas we create on our form will be given a NAME that we will also be using on our PHP document to mark the information being sent.

Taking a Look at It

Now let’s begin our example. We will create a very simple starting point that I will show you how to modify for your own needs. Understanding the code and how it works will help you use it better and help ensure you have less problems when placing this on a live website.

I will start with a very basic contact form to get us started. Here is the basic HTML that we will use to create our form.

HTML Form Code

 <form action="mail.php" method="POST"> <p>Name</p> <input type="text" name="name"> <p>Email</p> <input type="text" name="email"> <p>Message</p><textarea name="message" rows="6" cols="25"></textarea><br /> <input type="submit" value="Send"><input type="reset" value="Clear"> </form> 

Using the code above – You can insert this directly into your html document to create the form itself. Later we will look at modifying this more and creating something a little more custom.

Now for the PHP

Now, to make our form work, we will need to use a little php. This part is actually easier than most people think. We will be using the PHP $_POST funtion, and creating labels for each name that we have created in our form. This will allow us to further customize the form later on as well.

Now we will create our mail.php file – This is what will generate the email from the form and actually mail it:

mail.php

 <?php $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $formcontent="From: $name \n Message: $message"; $recipient = "emailaddress@here.com"; $subject = "Contact Form"; $mailheader = "From: $email \r\n"; mail($recipient, $subject, $formcontent, $mailheader) or die("Error!"); echo "Thank You!"; ?>  

Notice our three name tags we have created. We have Name, Email, and Message. These are the three that we created in our form. This is the information that will be sent from our contact form via email.

The $recipient area will need to be modified to fit YOUR email address where you wish to have the email sent to. You can also modify the other information as needed such as the subject, and success message. We will get more into these later when we begin customizing the form even more.

Customizing More

Now since we have the basic idea of the html form, and tieing it together with our PHP to create a basic contact form, I will begin to go a step further and now show how you can customize this form even more to fit your needs for your project. I will show how to add a dropdown option box, and explain adding checkboxes or radio buttons for selection items to be chosen, and emailed from the form.

Adding Dropdown Option Boxes

To add a dropdown box we will need to add the section within our HTML code to create the area for the form, as well as add the proper code to our PHP to recognize the input from the HTML, and be able to send it.

Here is a simple example HTML dropdown box:

 <p>Dropdown Box</p> <select name="dropdown" size="1"> <option value="Option1">Option1</option> <option value="Option2">Option2</option> <option value="Option3">Option3</option> <option value="Option4">Option4</option> </select> <br /> 

In the example above, we have created a dropdown box with options 1 through 4. The option value will be what is actually submitted, and the Text within the will be what the user actually sees when making a selection. Remember that this will need to be inserted into your html document within the form fields.

Here is an example of the completed HTML form we have created with the dropdown box included:

HTML Form with Dropdown Box

 <form action="mail.php" method="POST"> <p>Name</p> <input type="text" name="name"> <p>Email</p> <input type="text" name="email"> <p>Phone</p> <input type="text" name="phone">  <p>Dropdown Box</p> <select name="dropdown" size="1"> <option value="Option1">Option1</option> <option value="Option2">Option2</option> <option value="Option3">Option3</option> <option value="Option4">Option4</option> </select> <br />  <p>Message</p><textarea name="message" rows="6" cols="25"></textarea><br /> <input type="submit" value="Send"><input type="reset" value="Clear"> </form> 

Now we will need to change our PHP to make sure the information from the HTML form is rendered and submitted to the provided email address.

Let’s take a look at our modified PHP that will now have the dropdown box readable.

 <?php $name = $_POST['name']; $email = $_POST['email']; $dropdown = $POST['dropdown']; $message = $_POST['message']; $formcontent="From: $name \n Message: $message"; $recipient = "emailaddress@here.com"; $subject = "Contact Form"; $mailheader = "From: $email \r\n"; mail($recipient, $subject, $formcontent, $mailheader) or die("Error!"); echo "Thank You!"; ?> 

Notice that we have added “dropdown” as a $_POST variable that will now be sent. The dropdown name itself comes from the html portion that is labeled as

The size option lets you select how many rows will be viewable at one time. The most general setting for this is “1″ but you can change it to more if you would like.

Adding Radio Buttons and Checkboxes

TO add Radio Buttons and Checkboxes the same will apply as the above. We will need to add it within our HTML code, and then modify the PHP to take the input from the HTML form and properly send it.

Here is an example of the HTML code for adding Checkboxes:

 <p>Request Phone Call:</p> Yes:<input type="checkbox" value="Yes" name="call"><br /> No:<input type="checkbox" value="No" name="call"><br /> 

Full Example Using All Elements

For this example I have changed some of the names to we can create a custom contact form for our completed example now that we have a basic understanding of the way it works.

Our HTML Form

 <form action="mail.php" method="POST"> <p>Name</p> <input type="text" name="name"> <p>Email</p> <input type="text" name="email"> <p>Phone</p> <input type="text" name="phone">  <p>Request Phone Call:</p> Yes:<input type="checkbox" value="Yes" name="call"><br /> No:<input type="checkbox" value="No" name="call"><br />  <p>Website</p> <input type="text" name="website">  <p>Priority</p> <select name="priority" size="1"> <option value="Low">Low</option> <option value="Normal">Normal</option> <option value="High">High</option> <option value="Emergency">Emergency</option> </select> <br />  <p>Type</p> <select name="type" size="1"> <option value="update">Website Update</option> <option value="change">Information Change</option> <option value="addition">Information Addition</option> <option value="new">New Products</option> </select> <br />  <p>Message</p><textarea name="message" rows="6" cols="25"></textarea><br /> <input type="submit" value="Send"><input type="reset" value="Clear"> </form> 

And again, our PHP that will correspond with this HTML form to make it work:

Our completed PHP

 <?php $name = $_POST['name']; $email = $_POST['email']; $phone = $_POST['phone']; $call = $_POST['call']; $website = $_POST['website']; $priority = $_POST['priority']; $type = $_POST['type']; $message = $_POST['message']; $formcontent=" From: $name \n Phone: $phone \n Call Back: $call \n Website: $website \n Priority: $priority \n Type: $type \n Message: $message"; $recipient = "youremail@here.com"; $subject = "Contact Form"; $mailheader = "From: $email \r\n"; mail($recipient, $subject, $formcontent, $mailheader) or die("Error!"); echo "Thank You!"; ?> 

Customizing the Thank you Message on Form Success

Now for the final part of this tutorial I will explain how to customize the very last line of our PHP script we have created. The basic way will just echo “Thank You” on our screen, but we need to make a better way so our viewers can easily have a way to get back to another page. This will be useful in creating a custom page redirect, or a link to bring the user to a different area after completing the form. Remember that when working with PHP, some of the HTML will be different as to not disrupt our PHP code.

We will need to use single quotes ‘ instead of double quotes ” within this one, so we don’t end our php arg.

We will be adding a space after the “thank you” message, and adding a link back to our “form.html” document (Or whatever link you wish to create) – and also changing the color of the link using inline styles.

Let’s take a look at the modified echo command in our mail.php file:

 echo "Thank You!" . " -" . "<a href='form.html' style='text-decoration:none;color:#ff0099;'> Return Home</a>"; 

You can play around with the example above to create your own thank you message for your site. Inline styles are not required, I just used them for this example instead of including a stylesheet. Remember that the echo command is only seen on a successful send of the message. Otherwise, the error message is sent.

Download The Files

I am providing the download for the completed form for you to play with. Feel free to use it any way you wish, and customize it for your own projects. There are still many other things that can be done with PHP for your contact forms. One that you might want to consider is CAPTCHA, which prevents spam email. You can also customize the other portions of the form and create your own! Have fun, and I hope that everyone has enjoyed the article and finds it useful for their own needs. You can download the example files by clicking [HERE]

Note: I have included a few styling examples using CSS in the demo download. This will allow you to see the forms styled and understand how to style them using CSS.

Comments (0)

Post a Comment