Category: Tutorials

A popular trend in modern UX design is creating animated GIF images to demonstrate how an interface will behave with user interaction. The interface can relate to sliding menus, buttons, swipe-animated galleries, and a whole lot more. The best tool for creating these animations would be After Effects – a program by Adobe which offers a lot of powerful tools.

If you’ve never used After Effects before don’t sweat it! This software can be understood with just a bit of practice and repetition. I’ve cataloged a series of tutorials which display how you can build animated interfaces for websites and mobile apps. Some tutorials also cover graphic animation effects which explain how you can build custom FX and apply them to your own interfaces. If you’ve ever wanted to learn UI/UX animation these tutorials are the best place to get started on your journey.

Cell Phone Screen Replacement

cell phone screen replacement vimeo tutorial

Not many developers have heard about the open source Aardvark Topsites script for PHP. It is a small user-submitted content engine for ranking websites based on pageviews, or clicks in/out of the site. It is a very simple installation process and easier to manage than you might assume. And while I can see that not everybody would have a need for building topsites, it is an extremely beneficial webapp for users.

In this article I want to introduce some basic concepts around building skins for Aardvark. The whole CMS is open source and free to edit to your own choosing. There are 2 default skins which are quite basic presented as a default choice. But using some typical HTML and CSS styles you can quickly turn any basic template into a full Topsites skin.

aardvark topsites homepage screenshot preview image

There are a few methods for setting up a custom e-mail newsletter and not all of them are equal. You have the option of setting up custom scripts on your server, such as Interspire Email Marketer. But there is also the option of using web services like Campaign Monitor. For somebody who has never done email marketing it can feel a little overwhelming.

MailChimp sticker box goodies gifts logo - featured image

But for this article I’d like to focus on MailChimp which has been gaining attention over the past few years. You can sign up for a free account and hold up to 2000 people in your mailing list. Their service is fantastic and you always have the ability to pay for more advanced features. But just getting started is difficult enough and I’d like to make that process a little easier.

What’s the easiest way to pick up new trends in web design? Reading popular articles and blog posts is certainly the quickest method. But video tutorials are also very helpful for techniques which you need to replicate. These could focus on Photoshop/Illustrator techniques, or additionally offering resources for new web developers.

I have put together 29 outstanding YouTube video tutorials focused around website design. Some of the topics may be a little bland for more experienced designers. But go through the showcase and see if you can pick out any gems from the crowd. There are always new techniques you can learn and apply to your ongoing projects. And learning from video tutorials is not only easy, but also fun and pretty exciting too!

Photoshop Stitch Effect

Every professional web designer had to get started somewhere. The process of improving your graphic design skills comes at the burden of many months and years of hard work. But after enough time you’ll begin to realize your true potential and follow through with a path of amazing creativity!

For this reason alone I’ve scoured the web for 35 outstanding Photoshop tutorials for new upcoming web designers. All the tips & tricks are super easy to follow even if you’re brand new to the software. It will take some time and lots of patience, but if you can push through a couple of these tutorials I promise you’ll learn so many incredible techniques. If you know of any similar tutorials we’ve forgotten feel free to share them in the post discussion area below.

Mini Radio Music Player

Using CSS3 media queries we can target a host of devices and browser settings. The mobile web has adjusted into a huge market where more people are accessing the Internet via phones and tablets. This trend is not slowing down, and in fact many web designers are jumping on board to see what all the…

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…

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…

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…

Privacy Policy | Contact