in Development

Tutorial Roundup: 25 Very Useful Tutorials and Articles for Web Developers

Being a web developer is amazing because not only that you create stuff with your own mind and hands, but also because you can work with cool technologies and you’ll never get tired. It’s like you’re in a toyshop and you are allowed to play with everything. Like in any other industries, to be a web developer has also some downsides: you always need to keep the pace with the newest things, you need to adapt in any given situation and also you need to deliver in time. Sometimes due to the tight deadlines or to the complexity of the project, you need to come with solutions fast but if you don’t know how to do it, it will be a pain to allocate time and to start searching. This article comes in help with 25 very interesting and useful tutorials and articles for web developers that can help you learn interesting stuff.

1. 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.

2.Create a Custom Settings Page For Your WordPress Theme

Learn how to build a custom settings page for your WordPress Theme. Great article to hold onto for more advanced WordPress devs.

3. 10 HTML Entity Crimes You Really Shouldn’t Commit

There’s something about this title people just can’t resist! Let’s take a look at ten crimes you may be committing in your HTML content. These won’t exactly land you a life sentence, but I bet almost every one of us will be guilty of at least one of these petty crimes.

4. 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.

5. 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.

6. Experimenting with the Element() CSS Function

In this tutorial you’ll learn the new CSS feature added to the Gecko engine, called the element() function.

7. HTML5 and CSS3: Wireframing in the final product

This interesting article talks about the benefit of creating wireframes with HTML5 and CSS3 making the process a bit shorter.

8. How to Detect an iPhone Browser Natively in WordPress

In this tutorial you will learn how to apply a class using WordPress’ body_class based in that variable.

9. A Beginner’s Guide to Becoming One with SQL

If you don’t know SQL, this article is a great introduction to it.

10. Create Instagram Filters With PHP

In this tutorial, the author will demonstrate how to create vintage (just like Instagram does) photos with PHP and ImageMagick.

11. How To Build a Stylish Portfolio Web Design Concept

This tutorial covers part one of a multi-part series where you’ll go through the process of building a stylish design portfolio website.

12. How to Create a Helpful Plugin With Twitter Anywhere

Twitter Anywhere is a “one-script-include” solution from Twitter to bring the power of their communication platform to your website. You’ll be building a small jQuery script that utilizes Twitter Anywhere for your users.

13. Beginner’s Guide to Custom PHP Functions

In this tutorial the author what explain what functions are and how they can be helpful and used.

14. Why You’re a Bad PHP Programmer

We all have our bad habits. In this article, you’ll go over a list of bad practices that are worth examining, reevaluating, and correcting immediately.

15. Keeping Web Users Safe By Sanitizing Input Data

As you’ll see from the examples, insufficient input validation can result in various kinds of code injection including XSS, and in some cases can be used to phish user credentials or spread malware.

16. How to Create WordPress Shortcodes

Shortcodes allow WordPress users to run custom defined macros in their content very easily. When a shortcode is called, a matching handler function takes user-given parameters and generates code automatically.

17. Decoupling HTML From CSS

or years, the Web standards community has talked about the separation of concerns. Separate your CSS from your JavaScript from your HTML. We all do that, right? CSS goes into its own file; JavaScript goes in another; HTML is left by itself, nice and clean.

18. Random Redirection In WordPress

If you run an online magazine, most of your readers will never go through your archive, even if you design a neat archive page. It’s not you; it’s just that going through archives is not very popular these days. So, how do you actually make readers dig in without forcing them?

19. WordPress Caching: What’s the best Caching Plugin?

Your WordPress blog getting sluggish? Caching is a great technique for speeding up your blog and the WordPress community has a lot of caching plugins to choose from. Lets review each one and find out which caching solution will work best for your WordPress blog.

20. Why We Shouldn’t Make Separate Mobile Websites

There has been a long-running war going on over the mobile Web: it can be summarized with the following question: “Is there a mobile Web?” That is, is the mobile device so fundamentally different that you should make different websites for it, or is there only one Web that we access using a variety of different devices? Acclaimed usability pundit Jakob Nielsen thinks that you should make separate mobile websites. I disagree.

21. Using Click Heatmaps to Understand Your Viewers

While there are some quick & easy solutions for making our websites more usable, not everything can be made clear through standard analytics programs overnight.  One way to accurately visualize how our visitors use our sites is through the use of Click Heatmaps.

22. The Elements Of Navigation

Interesting article about how important are the elements of the navigation structure in a website.

23. Writing Unit Tests For WordPress Plugins

When my WordPress plugin had only three users, it didn’t matter much if I broke it. By the time I reached 100,000 downloads, every new update made my palms sweat. (By )

24. A Beginner’s Guide To jQuery-Based JSON API Clients

Are you fascinated by dynamic data? Do you go green with envy when you see tweets pulled magically into websites? Trust me, I’ve been there.

25. Ten Things To Think About When Designing Your iPad App

Like most well-designed things, the magic of an iPad app comes from a union of usefulness, usability and meaning. Games aside, the app must be useful by solving a problem that people actually have through the right set of functionality at the right time.


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.