20 Useful Tutorials for Web Developers
20 Useful Tutorials for Web Developers
Being a web developer is not an easy job because you must always stay up to date with everything related to this domain, but it’s impossible to know everything. The best way is to learn how to do it, but sometimes the time is not enough, so the best alternative is to search for a fast tutorial. This article was made exactly for this situation and in it you’ll find 20 very useful tutorials for web developers.
In this tutorial you will learn how to CSS3 transitions in order to create a stylish contact form.
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.
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.
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.
HTML5 offers many improvements and cool features that can be useful while using WordPress. In this tutorial you will learn How to convert WordPress theme to HTML5. Enjoy!
This interesting article talks about the benefit of creating wireframes with HTML5 and CSS3 making the process a bit shorter.
As we go through this post, the methods we’re going to use will get increasingly complicated — start with the first and go as far as you can.
CSS3 is a wonderful thing, but it’s easy to be bamboozled by the transforms and animations (many of which are vendor-specific) and forget about the nuts-and-bolts selectors that have also been added to the specification. A number of powerful new pseudo-selectors (16 are listed in the latest W3C spec) enable us to select elements based on a range of new criteria.
Follow this second part of the tutorial where you’ll code up the design into a fully working HTML and CSS website.
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, i’m going to explain what functions are and how they can be helpful and used.
How are our layouts affected by the (usually) small screen sizes of mobile devices? How do we serve mobile layouts to specific devices?
FBML Tutorial showing how to hide content from Facebook users until they ‘Like’ your fan page.
How To Create Your Own Custom WordPress Theme
Follow this overview of the build process to create your own custom WordPress theme. This project will guide you through the entire process of building a basic WordPress theme.
What are definition lists? When are they appropriate? And how to style them to look like tables, image galleries, calendar of events and more.
This is more of a demo really showing what can be done when combining jQuery with Raphael. Learn how to create a nice looking image gallery where the images spin and rotate as they come into focus.
Learn how to build a cool navigation list complete with a sliding hover effect. Create the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together with a few lines of jQuery to create a semantic, accessible and degradable menu design.
Tweetable is a lightweight jQuery plugin which enables you to display your twitter feed on your site quickly and easily. More than just displaying the feeds you can highlight @replys as well as links being dynamically generated for ease of use.
Philip Tellis and Ellehauge detail out important steps for providing sufficient input validation/sanitization in your web applications.
Multi-column Text Using CSS3
CSS3 offers a new way to arrange text content using the Multi-column CSS3 module. This CSS3 feature will help you fit your text into columns without extra markup like
div floats or extra
Enjoyed this post?
Please share and spread the love.
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.
You may also like
The Design Club Feed
- 8 Attractive and Free Flat Icon Sets
- How to Create a Fancy Top Hat in Adobe Illustrator
- 15 Free Bootstrap Themes
- 25 New WordPress Themes For Photographers
- 25 Outstanding Google Fonts for Web Design
- Collections of Useful Photoshop Custom Shapes
- 30 Awesome Alternate Movie Posters
- Latest Free WordPress Themes 2013