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

Loveish Kalsi

Loveish Kalsi is a freelance Web and Graphic Designer from India. He is the owner of famous design blog Creativedesignmagazine.com

Yazara ait tüm yazılar →

One Response to 60 Excellent Web Development Tutorials

  1. CMSCrate says:

    Great roundup! Thanks for including the Shortcodes Toolbox into this list.

Leave a reply