Category: Tutorials

You learn something everyday if you pay attention

20 Must Have Tools For Creating And Maintaining Your Website

As a web developer or designer nowadays can be both stressful and rewarding. Rewarding because your services are some of the most sought after ones in the current market and stressed because the expectations of your clients seem to increase with each passing day. It’s clear that we no longer need plain, functional websites, but… Continue reading 20 Must Have Tools For Creating And Maintaining Your Website

5 Useful Tutorials for Web Designers

Being a successful web designer does not only require creativity and a keen eye for aesthetics. The keys to turning your ideas into a reality are practice and skill. The easiest way to achieve them is by digging around through hundreds of online tutorials and for every hour you waste you’ll get one minute of precious information… Continue reading 5 Useful Tutorials for Web Designers

33 Amazing Frontend Design Patterns using CSS3 and jQuery

Website layouts are typically seen as a combination of design and development meshed together. UI design can be performed using graphics software, code, or in most cases both. This subject offers an interesting combination of skills that work hand-in-hand with each other. Frontend inspiration can offer a lot of great ideas for anyone who builds… Continue reading 33 Amazing Frontend Design Patterns using CSS3 and jQuery

How To: Add a Responsive WordPress Mega Menu for Sites with Lots of Content

If you have a large amount of content on your site which you need to provide access to in your main navigation menu, this can become quite overwhelming to site visitors as they hover over your menu and a million drop downs appear, grouping your content can be quite a challenge. One way to overcome… Continue reading How To: Add a Responsive WordPress Mega Menu for Sites with Lots of Content

23 New Photoshop Tutorials to Learn Creative Techniques

Photoshop tutorials can improve your skills of work in New Photoshop CC. Learn amazing photo manipulations with advance features of Adobe Photoshop with these Adobe Photoshop CC tutorials. Today, we gathered most detailed Photoshop tutorials to learn basic to advanced techniques and tricks, with these twenty three useful tutorials taught by industry experts. Create Amazing Photo Effects Using Photoshop CC… Continue reading 23 New Photoshop Tutorials to Learn Creative Techniques

Designing a Responsive Navigation Your Users Will Love

The process of creating a website should always start with general ideas. These turn into wireframes or low-fidelity mockups to give the designer a sense of direction. It’s fairly straightforward, but the creative process requires a large visual library of existing layouts to understand which interfaces are usable and well-designed. Navigation is a huge part… Continue reading Designing a Responsive Navigation Your Users Will Love

Use Geometry As Your Key Tool for Building a Website

Today you could hardly ever be successful online, if your website is not unique, trendy, and interesting. Year after year, new trends appear, designers find new elements to use in order to turn common things into astonishing art pieces. Now we are talking about geometry use in contemporary website design field. Grids and columns are… Continue reading Use Geometry As Your Key Tool for Building a Website

TETHR – The Most Beautiful iOS Design Kit Indeed!

If you aware of the development of Mobile, Apple has just announced iPhone 6 and iPhone 6 Plus. Also, with the new iOS8 to be released soon, all these factors will bring another huge wave of impact to the iOS development industry for sure. iOS designers, brace yourself and get ready with all the tools… Continue reading TETHR – The Most Beautiful iOS Design Kit Indeed!

20 PSD and Vector Icons with Outstanding Details

Free PSD and vector icons are great freebies for graphic and web designers alike. High resolution, fully detailed icons may be a bit difficult and time-consuming to make, but some really talented designers decided to create and share them for free! We selected 20 PSD and vector icons with outstanding designs! These cool icons are also… Continue reading 20 PSD and Vector Icons with Outstanding Details

10+ Tips for Using Pinterest to Drive More Traffic and Exposure to Your Website

There are all kinds of social networks and websites where you can get involved, gain exposure for your work, and even send traffic back to your website or blog. Probably the most difficult part is deciding which social networks justify the time and effort, and managing to use those networks effectively without being tied to… Continue reading 10+ Tips for Using Pinterest to Drive More Traffic and Exposure to Your Website

Create 3D Snow Text Effect Using Cinema4D and Photoshop

In this tutorial, I will walk you through the steps to create this 3D Snowy Text Effect Using Cinema4D and Photoshop. We will render the 3D text in Cinema4D, then apply the snow effect in Photoshop. Have a try! Final Image Preview This is my final effect for this tutorial To complete this tutorial, you will… Continue reading Create 3D Snow Text Effect Using Cinema4D and Photoshop

How To Create a Double Exposure Effect in Photoshop

Traditionally the double exposure effect is produced by photographers using nothing but their camera to combine two separate photographs to create an abstract and surreal image. However, we can also mimic the effect in Photoshop, which actually gives us more control over the final output with the ability to adjust and preview the effect as… Continue reading How To Create a Double Exposure Effect in Photoshop

25 Fresh Photoshop Text Effect Tutorials

When you are considering graphical editing or effects or visual enhancements, you go Photoshop. Photoshop is the most widely used software in any matter where graphical designing and refurnishing is concerned as it offers one of the most dynamic graphics editing practices ever. Anyone related to field of visual graphics depends on Photoshop as air… Continue reading 25 Fresh Photoshop Text Effect Tutorials

How I Built The One Page Scroll Plugin

Scrolling effects have been around in web design for years now, and while many plugins are available to choose from, only a few have the simplicity and light weight that most developers and designers are looking for. Most plugins I’ve seen try to do too many things, which makes it difficult for designers and developers… Continue reading How I Built The One Page Scroll Plugin

A Simple Responsive Email Design Tutorial

If you are looking to familiarize yourself with responsive emails this is a perfect place for you. In this quick tutorial I will be going over how to code a simple and minimal typography based responsive email. It will provide you a fundamental understanding how responsive emails work. Responsive Design Because this is a typography… Continue reading A Simple Responsive Email Design Tutorial

Create A Beautiful Retro Text Effect In Photoshop CS6

Hello websoulz readers. First I would like to apologize for our absence from websoulz for so long. As you are well aware of our new venture Graphicsoulz, a place to serve the designer community with great resources. So being so young Graphicsoulz wanted our undivided attention in these last few months and the love and… Continue reading Create A Beautiful Retro Text Effect In Photoshop CS6

Installing and Using PHPMyAdmin With WordPress

PHPMyAdmin (PMA) is an excellent free, open-source, web-based database client which can be used to interact more easily with MySQL and WordPress databases. I’ll describe how to install PMA in Linux and with the WAMP and XAMPP server distributions. I’ll also describe ways to secure it and some common scenarios in which it can assist… Continue reading Installing and Using PHPMyAdmin With WordPress

Are You Making These 14 Common HTML5 Mistakes

HTML5, the latest standard for HTML and a candidate recommendation of the W3C, was definitely a blessing for web developers. It has not only allowed them to make their markup more search engine friendly, but also helped them get cut off on HTTP requests and create a better user experience. Despite all HTML5 has to… Continue reading Are You Making These 14 Common HTML5 Mistakes

Create a Photo Manipulation Of a Lonely child in Photoshop

Learn how to create this photo manipulation of a lonely child in an emotional dreamscape with Photoshop. In this tutorial, you’ll learn how to create your own atmospheric dark fantasy scene using stock images, retouching skin, enchanting original image with lightning and some more. Throughout the tutorial, you’ll learn techniques that will help you create… Continue reading Create a Photo Manipulation Of a Lonely child in Photoshop

20 Exemplary Adobe Photoshop Tutorials

Adobe Photoshop is one of the most powerful tools for creating surreal photos and artworks. Due to its powerful effects many designers today are attracted to it. With Adobe Photoshop there is no limit to any designer’s imagination and the designer can safely let it run wild with brilliant ideas which he/she can then give… Continue reading 20 Exemplary Adobe Photoshop Tutorials

CSS Gradient Tutorials for Web Designers

A website can be well decorated if you can implement some CSS tricks for the background. For any color combination of background to highlight your content you have to spend some time with some useful tutorials of CSS Tricks. This article is a beautiful collection of CSS Gradient Tutorials for Web Designers. CSS Gradient Background… Continue reading CSS Gradient Tutorials for Web Designers