Today we are very excited to be sharing something amazing with you guys. the folks at Icon8 have released an amazing free consisting of more than 300 Flat color icons. Every web designer will tell you that there is nothing better than getting something for free, not only will it save you a lot of… Continue reading Freebie: 300+ Free Flat Color Icons
Category: Tutorials
You learn something everyday if you pay attention
How to Create a Digital Photo Illustration in Adobe Photoshop CS6
In this tutorial, it will show you the steps to turning a regular photo into an eye-catching fashion illustration using lighting effects and colour correction in Adobe Photoshop CS6. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS6 with the size 1000px… Continue reading How to Create a Digital Photo Illustration in Adobe Photoshop CS6
1600+ Fresh and New Sketch Freebies | Massive Collection!
Sketch is a great software for designers which gives you the power, flexibility and speed you’ve always wanted in a lightweight and easy-to-use package. Sketch is relatively new but it is getting more and more popular each day, among designers and web designers. In this post we selected 1600+ fresh and new Sketch freebies for designers. This massive… Continue reading 1600+ Fresh and New Sketch Freebies | Massive Collection!
12 Things You Must Know Before Developing Mobile Apps
The mobile industry has taken the web by storm, and it’s a fact proven beyond any shred of doubt. The rising popularity of smartphones and tablet devices have given businesses new ways to connect and engage with their audience on the go. Mobile phones are becoming a significant part of our life and they show… Continue reading 12 Things You Must Know Before Developing Mobile Apps
Our Favorite jQuery Plugins and Libraries For Spring 2015
Web development is hard and there is much to learn. Developers and designers need to be on top of a lot of emerging technologies and trends. But the community is buzzing with activity and it creates awesome libraries and plugins that can help us do our work. Here are some of our favorites. Not all… Continue reading Our Favorite jQuery Plugins and Libraries For Spring 2015
Build a Custom WordPress User Flow — Part 3: Password Reset
In the first two tutorials in this series, we have built custom pages for logging in and registering a new user. Now, there is only one part in the login flow left to explore and replace: what happens if a user forgets their password and wants to reset their WordPress password? In this tutorial, we’ll… Continue reading Build a Custom WordPress User Flow — Part 3: Password Reset
Create Mysterious “Energy Flow” Rock Text Effect in Photoshop
In this tutorial, I will show you the steps I took to create this Mysterious “Energy Flow” rock text effect in Photoshop. We will use a rock texture, river flow stock image, and cloud brushes to achieve this effect. The rock texture will form the foundation of the text, whereas the river stock will be used to… Continue reading Create Mysterious “Energy Flow” Rock Text Effect in Photoshop
What Are Web Designers Best Sources For Inspiration?
What Are Web Designers Best Sources For Inspiration? If inspiration is as easy as drinking a cup of coffee or you can easily find inspiration in a cup of coffee, then a web designer’s life is a breeze. However, like their art and all the codes that go with it, there are times when inspiration… Continue reading What Are Web Designers Best Sources For Inspiration?
20 Inspirational Website Designs with Incredible Graphics!
Today we won’t give you a&nbsfree website templates showcase, but instead we decided to amaze you with HUGE dose of web design inspiration! We searched the web for the most inspirational website designs with incredible graphics and concepts and selected only 20 of them. These are the ones we liked most. These inspirational website designs… Continue reading 20 Inspirational Website Designs with Incredible Graphics!
65+ Must-Have Free Mockups for Designers
We know that designers are always looking for fresh and new mockups to use for their design presentations and so we decided to keep you all updated with the latest must-have free mockups on the web! These must-have free mockups will make your projects look even better when you’ll show them to your clients. In this article you… Continue reading 65+ Must-Have Free Mockups for Designers
15 Must-Know Chrome DevTools Tips and Tricks
Google Chrome is the most popular web browser used by web developers today. With a quick six week release cycle and a powerful set of ever expanding developer features turned the browser into a must have tool. Most of you are probably familiar with many of its features like live-editing CSS, using the console and… Continue reading 15 Must-Know Chrome DevTools Tips and Tricks
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