60 Excellent Web Development Tutorials

Web development is a broad term for the work involved in developing a web site for the Internet. This can include web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services. This post is a showcase of excellent web development tutorials for web developers.

 

1. Add columns for custom taxonomies to custom post types in WordPress

 

2. CSS3 Dropdown Menu

 

3. How To Use CSS3 Pseudo Classes

 

4. How To Code A Stylish Portfolio Design in HTML/CSS

 

5. WordPress plugin template: Shortcodes Toolbox

 

6. Better Check Boxes with jQuery and CSS

 

7. How to Create a CSS3 Search Box

 

8. Beginner’s Guide to Custom PHP Functions

 

9. Styling Texty Inputs Only

 

10. Advanced boxes with pure css3, ribbons, tapes, curved shadows, etc etc (no images at all)

 

11. CSS Floats 101

 

12. Create a Stylish Contact Form with HTML5 & CSS3

 

13. Building an Interactive SVG Map with Raphael

 

14. How to Create a Custom Facebook FBML Slideshow

 

15. How to Hide Content until Someone Likes Your Facebook Fan Page

 

16. Vintage typewriter: The sexiest jQuery contact form ever

 

17. Cross-Browser CSS Gradient Buttons

 

18. How To Create Your Own Custom WordPress Theme

 

19. Customizing the Facebook Fan Box Widget with CSS

 

20. CeraBox – Lightbox for Mootools 1.3

 

21. Definition Lists – Misused or Misunderstood?

 

22. How to Create Your Own YouTube Search Engine

 

23. HTML5 logo using CSS3

 

24. Getting Started with Fireworks: Using Master Pages, Pages, and Web Layers

 

25. Jquery Advanced Ajax validation with CAPTCHA

 

26. Fireworks Pro Series: Where Does Fireworks Fit Into Your Workflow?

 

27. How To Create a Cool Animated Menu with jQuery

 

28. Create a Gallery with Rotating Image Popouts using jQuery and Raphael

 

29. How to Create WordPress Shortcodes

 

30. Animated CSS3 Helix Using 3d Transforms

 

31. Keeping Web Users Safe By Sanitizing Input Data

 

32. Display Tweets with the Tweetable jQuery Plugin

 

33. 15-Minute Python Crash Course

 

34. Creating a Gmail Desktop App in Adobe Air, HTML and Javascript

 

35. Multi-column Text Using CSS3

 

36. Custom WordPress Login/Register/Password Code

 

37. Expedite your Workflow with Macros

 

38. Load More Sidebar Content When There Is Room

 

39. Custom Content Scrollbar with jQuery and CSS

 

40. Create Animated eCards Using HTML5?s Canvas

 

41. Get to Know Your CSS3 :target Pseudo-Class

 

42. Build an Image Slideshow that Rotates Images with CSS3 and jQuery

 

43. Create a Festive Holiday Banner with CSS3

 

44. Webkit Image Wipes

 

45. Create a Smooth Animated Quote Display Using jQuery

 

46. Automatically Add <p> Tags to Content in WordPress

 

47. Add a Character Counter For The Excerpt In WordPress

 

48. Creative CSS3 Table Design: Shadows, Gradients, Border Radius & More

 

49. Hovering Menu That Follows Cursor Using jQuery

 

50. The Web Designer’s Guide to Comparing Photoshop and Fireworks

 

51. Using the LESS CSS Preprocessor for Smarter Style Sheets

 

52. How to Create a jQuery Confirm Dialog Replacement

 

53. How To Build a Joomla Template

 

54. Display Your Favourite Music with jQuery & Last.fm

 

55. Harden Your WordPress Website Security

 

56. Quick Tip: Mimic a Click Event with CSS

 

57. Building Faster Websites with CSS Sprites

 

58. Creating a Twitter OAuth Application

 

59. Custom WordPress Homepage with Customizable Widgets

 

60. Quick & Easy CSS Development with Firebug