in Development

30 Very Useful Tutorials for Web Developers

Being a developer means that you need to constantly look for new things regarding your field of work and to learn new “tricks” because nobody can say that he knows everything. So, even if you are an experienced programmer or a newbie, reading tutorials could only make you better at what you do.

In this article you will find 30 great tutorials created by web developers to web developers. You’ll see a lot of tricks and how-to’s related to some very popular platforms such as WordPress.

Saving custom fields in quick or bulk edit mode in WordPress

One of the most cool features when managing WordPress posts, is the ability to batch edit multiple posts at once or quickly edit one post to perform a simple task such as adding a tag. Learn how to extend WordPress Quick Edit and Bulk Edit to retrieve and save the value of your custom fields.

Cool Notification Messages With CSS3 & jQuery

Notification messages are an important part of the user experience and you can’t afford to omit them. A notification alert message should appear every time the user perform important tasks. In this article, you’ll learn how to create some alert messages with CSS3 and Jquery.

How To Create a Slick Features Table in HTML & CSS

We’ve all grown up as web designers staying well away from table based layouts, but we don’t often brush up on our table building skills ready for when we will actually need them. Follow this step by step tutorial to create a slick looking data table to compare the features of various Harley Davidson motorcycles. We’ll build the table in clean HTML then polish it up with CSS to create a cool and easily readable HTML table.

Migrating WordPress Across Hosts, Servers and URLs

Here’s a handy article for WordPress users: everything you need to be aware of when migrating a WordPress application across hosts, servers and URLs.

10 HTML Entity Crimes You Really Shouldn’t Commit

An interesting article that covers some petty mistakes you may be guilty of committing with your HTML.

Using Caching in PHP to Speed Up Third Party API Access

An exploration of simple file caching in PHP specifically targeted at improving the speed of third party API calls.

Recreating the HTC clock widget with CSS3

Read this step-by-step guide on how to re-create HTC’s slick clock and weather widget using CSS.

Creating a Facebook like Registration Form with jQuery

Read this step by step guide on how to create a Facebook like registration form.

Build an Admin Panel with the Fuel PHP Framework

With this tutorial you’ll learn how to build an admin panel for an application, cover the common uses of the ORM and use the Authentication package to restrict access.

Create a YouTube Style Show More Button

One of the challenges of being a web developer is that sometimes you need to cram handfuls of content on a page like a manatee into a tube top without cluttering things up. This tutorial shows you how to create a “show more” button to solve this problem.

How to Convert WordPress Theme to HTML5

HTML5 offers many improvements and cool features that can be useful while using WordPress. In this tutorial you will learn how to convert a WordPress theme to HTML5.

How to Detect an iPhone Browser Natively in WordPress

Learn how to detect whether the user is visiting your WordPress site using an iPhone and apply a CSS class or an alternative mobile stylesheet.

A Beginner’s Guide to Becoming One with SQL

Read this beginning article that explains what SQL is, which stands for Structured Query Language.

Optimize WordPress For Heavy Traffic

Read this interesting guide on how to your WordPress site running quickly.

Object-Oriented PHP for Beginners

For many PHP programmers, object-oriented programming is a frightening concept, full of complicated syntax and other roadblocks.

Styling Texty Inputs Only

This interesting guide teaches you how to style particular form inputs with simple CSS3.

Beginner’s Guide to Custom PHP Functions

One of the most useful coding practices you will ever learn in PHP is the use of custom functions. Functions can instantly decrease the amount of time you spend on writing code and thus get more done quicker! In this tutorial, the author will explain what functions are and how they can be helpful and used.

How to Hide Content until Someone Likes Your Facebook Fan Page

Hiding content from Facebook users until they ‘Like’ your fan page is a great way to increase the amount of fans following your page by giving users extra incentive to actually want to ‘Like’ your fan page.

An In Depth Analysis of HTML5 Multimedia and Accessibility

In this tutorial, you’ll learn how HTML5 helps to provide you with several ways of presenting your media content to users. As a result, you’ll increase the availability of your media to users with different needs and requirements, making it more accessible.

How to Create Your Own YouTube Search Engine

YouTube is a video-sharing website on which users can upload, share, and view videos. I have got for you step-by-step tutorial on how to create your own YouTube search engine.

Display Tweets with the Tweetable jQuery Plugin

This jQuery plugin enables you to share your twitter feed with your users quickly and easily. Super easy to implement and customize.

Keeping Web Users Safe By Sanitizing Input Data

Philip Tellis and Ellehauge detail out important steps for providing sufficient input validation/sanitization in your web applications.

Load More Sidebar Content When There Is Room

Learn how to automatically add in more content to a part of your website when their is more white space available. This tutorials teaches you to load in more content to a sidebar if there is space available using jQuery and PHP.

Building Faster Websites with CSS Sprites

Using CSS sprites allows you to greatly increase your websites speed by using single image files that contain multiple graphics. This tutorial will show you how to use CSS sprites of your own!

Quick & Easy CSS Development with Firebug

With Firebug, one can rapidly make changes to CSS making cross-browser website compliance a breeze. These tips and tricks will show you how to get started, and how to use Firebug to live edit your CSS code.

Introducing “Regular Expressions: Up and Running”

Regular expressions are easily one of the (initially) scariest aspects of programming. Particularly at the beginning, when you haven’t learned a single symbol, a large regular expression chunk can serve to be an incredibly intimidating force.

Hide Adsense Ads for specific countries

On regular websites is this not a big problem, just use the country code which belongs to a visitor and decide to show an advertisement or not. If you use some cache functions on your site, it becomes more complicated…

Screen Resoultion Detector Tutorial with Javascript

Many web applications need to resize or display warning when improper/un-supported monitor screen resolution is detected. The first part of displaying such warning messages is to first detect the current resolutionof the monitor. One can always resize the browser window but the length and width of monitor screen is independent of any application running on the computer. JavaScript itself provides properties which can be used to find the size of screen and display warning or redirect the user to some error page. The following JavaScript code generates an alert box while displaying the alert box.

Firebug Tutorial – Getting Started

Firebug is a Firefox browser add-on that specializes in putting several web development tools in your hands while you surf the web. Firebug allows you to edit, debug and monitor JavaScript, CSS and HTML in real-time on any web page. It also allows you to explore the DOM (Document Object Model) to create CSS selectors in conjunction with JavaScript to create dynamic Web 2.0 webpages.

Zend Framework from Scratch

Ready to take your PHP skills to the next level? In this new “From Scratch” series, we’ll focus exclusively on Zend Framework, a full-stack PHP framework created by Zend Technologies. This second tutorial on our series is entitled “Models and Integrating Doctrine ORM”.


Bogdan is the founder of Top Design Magazine. You can find him in Bucharest-Romania so next time you want to drink a beer there and talk about web and stuff, give him a message.