How To Create Abstract Geometric Photo Collage Art

Since posting this showcase of inspiring artwork combining geometry & photography back in 2014 I’ve wanted to give this trendy style of art a try myself. I finally sat down with Illustrator & Photoshop and devised a method of transforming a photograph into an abstract collage of geometric shapes. We’ll begin with Illustrator to build… Continue reading How To Create Abstract Geometric Photo Collage Art

6 Key Tips for Building a Successful Mobile App

Mobile applications have become a vital component in our lives. You can find an app serving varied purposes, from letting you play games to track healthy eating habits, organize to-do lists and much more. With mobile devices outselling traditional computer systems, creating a mobile app can help expand your reach to the target audience located… Continue reading 6 Key Tips for Building a Successful Mobile App

Draw a Delicious Ice Cream Icon in Photoshop

In this tutorial, we will learn how to Draw a Delicious Ice Cream Icon in Photoshop. We will be using the built-in vector shapes in Photoshop to achieve this outcome. Have a try! This is an intermediate to advanced level Photoshop tutorial. Final Result Preview Step 1: Preparing Canvas We will start by making a new… Continue reading Draw a Delicious Ice Cream Icon in Photoshop

Learn Web Design, Development And Business: The Only Course You Need

In this section we have put all the best of our content in the one place. As the title says, here you will be able to catch up if you are starting out as a web designer and polish your skills as an amateur. Keep coming to this page often, pick your interesting section and… Continue reading Learn Web Design, Development And Business: The Only Course You Need

animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

In user interface design, a modal window is a graphical control element subordinate to an application’s main window which creates a mode where the main window can’t be used.It can be used to generate alert or confirm messages with few lines of code. animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3… Continue reading animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

Use Google Analytics to Tweak Your Website Design

As a designer, you let design elements — colors, textures, graphics, and layout — guide you as you create different pages and templates. Unfortunately, even the most beautiful design ultimately fails if it doesn’t deliver for the client. Most people blame a non-productive website on problems like search rankings and keywords. However, if people are… Continue reading Use Google Analytics to Tweak Your Website Design

Solutions To Fix Navigation Issues For Mobile Devices

When it comes to creating a responsive design for mobile the most challenging aspect we face is creating a navigation menu that works well on any mobile device screen. Especially, when your website navigation menu has several items, squeezing all those items into a mobile device with small screen resolution, is a tricky problem to… Continue reading Solutions To Fix Navigation Issues For Mobile Devices

Tips & Tricks for Designing Uniform Website Icons

Featured image source Beautiful icons are the rainbow sprinkles on top of a delicious website sundae. The ability to craft icons that blend together is almost compulsory. Any UI designer should be more than willing to jump onto the path of icon design. Although it is jarring and difficult, consistent icon design greatly improves the… Continue reading Tips & Tricks for Designing Uniform Website Icons

How To Create a Seamless Topographic Map Pattern

I’ve posted articles about topographic maps before on my blog, namely my contour map effect Illustrator tutorial and my free pack of topographic map patterns. My first tutorial used Illustrator’s Blend tool to draw a series of concentric lines. It worked pretty well, but I went on to develop a technique that would help create… Continue reading How To Create a Seamless Topographic Map Pattern

20 Best Color Palette Tools for Web and Graphic Designers

As a web or graphic designer you must have a keen sense of color combinations and feel which colors look good together and which don’t. Anyway, even with this great skill in color combining, you may find yourself in situations when you just feel less inspired. That’s when these best color palette tools come in… Continue reading 20 Best Color Palette Tools for Web and Graphic Designers

Using Googles NoCaptcha ReCaptcha In WordPress

Google has recently announced a new project called recaptcha which is a way of spam protecting your website from bots but making it easy for humans to submit the form by simply recreating a checkbox for users to click. Registering Your Website To use Google NoCaptcha ReCaptcha for your website you must first register your… Continue reading Using Googles NoCaptcha ReCaptcha In WordPress

Data Structures With JavaScript: Tree

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trees are one of the most commonly used data structures in web development. This statement holds true for both developers and users. Every web developer who has written HTML and loaded it into a web browser has created a tree, which is referred… Continue reading Data Structures With JavaScript: Tree

Create 3D Star Light Text Effect in Photoshop

In this tutorial, I will show you the process of creating this 3D star light text effect in Photoshop. We will use a number of manipulation techniques such as layer blending, adjustment layers and various tools such as brush, eraser and free transform tools. Note: The Photoshop tutorial is done in Photoshop CC – therefore some… Continue reading Create 3D Star Light Text Effect in Photoshop

Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop

In this tutorial, I will show you the process used to Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop. We will use a photo of a metal dragon display in a museum and make it alive and breath fire. We will also create a mountain village scene from several stock images. Have a try! Note: The… Continue reading Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop

36 Photoshop Tutorials For iPhone App UI Design

Are you looking for some easy to follow and step by step tutorials on iPhone app UI design? If yes, then here you go. In this compilation, we have put together 36 Adobe Photoshop tutorials for iPhone app UI designs for you. Today, mobile apps and mobile app designing are the hottest topics. Everyone seems… Continue reading 36 Photoshop Tutorials For iPhone App UI Design

How to Create Stylish Transparent Labels for your Web Images in Photoshop

Transparency is seriously trending in web design right now, due to the popular use of large images, transparencies help to make the text pop on the busy image. This quick and simple tutorial will show you how to make a stylish transparent label with large type. We have done this in white, but it can… Continue reading How to Create Stylish Transparent Labels for your Web Images in Photoshop

How To Design Enticing Registration Pages

It’s difficult to persuade new visitors to sign up for a website. Most of the time they just found the site and have no idea what it does. With exciting copy and some relatable graphics you can often get people interested. But how do you craft a registration page that attracts visitors and pushes them… Continue reading How To Design Enticing Registration Pages

Best framer.js tutorials for 2015

When it comes to being a great web developer, it’s always important to acquire new skills especially in this new environment where everything moves so fast. Learning Framer.js has become one of the top priorities for many developers, mainly because this skill helps a lot with prototyping efforts. If you like to learn Frame.js, here… Continue reading Best framer.js tutorials for 2015

5 Productive Ways to Spend Weekend for Your Good

Sometimes I am dreaming about another day off right when I wake up in the Monday morning. Does this happen to you too? Many of us spend our weekend with family, go for a trip, party, or do nothing lying in the bed and watching a movie. Have you ever thought about making some use… Continue reading 5 Productive Ways to Spend Weekend for Your Good

Hover.css Project

Hover.css is an interesting project that is available to contribute to on Github. This library is a collection of different CSS effects that be applied to single elements. The project effects are self contained pieces of CSS that can be used freely in your next project. It also comes in Sass or LESS if you… Continue reading Hover.css Project

WP_Query Arguments: Status, Order, and Pagination

In this part of the series on Mastering WP_Query, you’ll learn about some of the arguments you can use with the WP_Query class, namely those for status, order, and pagination. You can use these arguments to fetch scheduled posts from the database, to query attachments, to amend the way posts are ordered and what they’re… Continue reading WP_Query Arguments: Status, Order, and Pagination

Posts, Pages and Post Types

In this part of this series on WP_Query, you’ll learn how to use WP_Query to query for posts, pages and custom post types. You can query for specific posts and pages or you can run a query to return posts of one or more post types. A Recap on How Arguments Work in WP_Query Before… Continue reading Posts, Pages and Post Types