Archive for the ‘Tutorials’ Category
Build a Custom URL Structure with .htaccess Rewrites
On almost every Apache server you will find different plugins and tools you can work with. One of these modules is mod_rewrite which allows you to redirect URLs according to matched regular expressions. These can range from extremely simple commands to very complex lines of code. The URL rewriting scheme is perfect for web developers trying to customize their site.
In this tutorial I’ll introduce a few commands that beginners can start with right away. All you need is Apache, which you can install on your local machine or work off a remote server.
Checking Form Validation Fields with jQuery
There are dozens of misconceptions around what you can build with jQuery. The library is extensible enough that you can target a whole range of HTML elements and perform some very complex data checks. Form validation is one such problem which jQuery can solve – and to be more specific e-mail contact form validation.
In the tutorial below I’ll demonstrate how you can build a jQuery-powered form validation script. We will hide the submit button until the user has entered a name, a valid e-mail address, and some message text. This approach on form validation is slightly different than the norm. But it works well enough to keep spam submissions to a minimal.
Coding Unique Ad Display Blocks in WordPress
WordPress is a great system for newcomers merging onto the web. It provides easy-to-understand tools in a beautiful Admin backend wrapper. Along with content publication you’ll find that advertising is a big topic of discussion.
WordPress users are familiar with some of the basic trends for advertising. AdSense has always been popular, along with similar companies such as Technorati Media. In this tutorial I’d like to share a couple tricks for building customized WordPress ad blocks within your template. Development can be tricky if you are new to PHP. But it’s not awful to pickup and start running right away on your own layout.
23 Must-Read Tutorials for Advanced HTML5/CSS3 Coders
If you already have a solid grasp on building websites, you may not know where to move next. There are so many topics held under the umbrella of HTML5/CSS3. It’s not possible to learn them all in one sitting! But tons of design blogs these days are writing tutorials geared towards advanced web developers.
Below I have included 23 examples of what I would deem “advanced” web design. These are mostly focusing on CSS3 effects and constructing webpages with HTML5 elements (and some light jQuery in a few). If you know of any other great articles please share links in the comments area below.
Apple Navigation Bar using CSS Sprites
Fresh Photoshop Web Design Tutorials for 2011
There are many of resources out there for beginning in web design, and a helpful place to start is with Photoshop web layouts. In today’s post, we will share with you a mix of tutorials catering to beginners, and intermediate web designers. Lets get started!
Create a Clean, Minimal Website Design
38 Fresh Illustrator Tutorials From 2011
In this post we have compiled 34 fresh and awesome illustrator tutorials from 2011. Enjoy!!
How to Create a Hair Braid Pattern Brush in Illustrator
40 Premium Adobe Photoshop Tutorials
Today I would like to share 40 premium Adobe Photoshop tutorials from TutPlus. This post is to inspire you (and me) with the fresh inspiring designs submitted by designers worldwide. If you would like to share your work and being published on DzineBlog.com, feel free to email us at mywork@dzineblog.com. I may publish your work here. Enjoy!
Photoshop Tutorial: Creating Distorting Mirror Effect
This tutorial tells us how to distort an image using a couple of filters. The tutorial is easy, but very interesting.
Let’s begin with finding an appropriate image to work with, we can try searching in Google Images or take my picture it can be absolutely any image. Open the chosen image and begin working with it.
Photoshop Tutorial: Create Your Own Galaxy
There are galaxies of various forms, sizes and colors, and we’ll create our own, the one we like.
Create Sin City Style Wallpaper with Photoshop
In this Photoshop tutorial you will learn how to make wallpaper for your desktop in the style of the film ‘Sin City.’
Before starting our tutorial find some picture to demonstrate effect on it. Go to Google Images and find some appropriate picture or you can use my picture. Open up the picture, then make selection of all the canvas with Ctrl+A and press Ctrl+C to copy selected area. Then create a new document sized 1920×1200 pixels (white background) and paste copied fragment into it with Ctrl+V.
