Bread crumbs…they bring up associations with the fairy tale of Hansel and Gretel, where Hansel leaves bread crumbs to help him find his way home again. Although the association with bread crumbs is perhaps still stronger in the realm of Grimm stories, that’s gradually changing as breadcrumbs in navigation help web designers create a better… Continue reading How to use breadcrumbs (the right way)
Tag: path
Choice paralysis: 3 ways the number of choices impacts conversions
Maybe you’ve heard of a phenomenon called choice or analysis paralysis. In short, it’s a situation where a customer can’t make a decision on a purchase because he’s faced with so many choices that they end up paralyzing him. Hence, choice paralysis. In the annals of marketing, there’s this notorious jam experiment that painfully details… Continue reading Choice paralysis: 3 ways the number of choices impacts conversions
SVG Tools And Resources You Might Want To See
Advertisement SVG, also known as Scalable Vector Graphics, is one of the fastest and best tools being utilized by web developers, especially those who are looking to have different animations placed into the many websites and apps that they design. As mobile devices such as smartphones and tablets become more and more popular throughout the… Continue reading SVG Tools And Resources You Might Want To See
Create an Aquarium Inside a Light Bulb with Photoshop
Learn how to combine stock photos to create a saltwater aquarium inside a light bulb. This Photoshop tutorial will show you how to combine and warp images and apply easy color correction. Final Results Tutorial Resources Free stock photography can sometimes disappear. If one of the link is broken, try using the “Alternative” link instead.… Continue reading Create an Aquarium Inside a Light Bulb with Photoshop
How to Create Your Own Product Mockup Box in Photoshop
Learn how to create your own realistic looking Product Mockup Box in Photoshop with this very easy tutorial This image was made to help readers create their very own product mockup. To create this, we’ll start by making the boxes. Next, we’ll add some designs to the box. Finally, we’ll finish it up with shadows… Continue reading How to Create Your Own Product Mockup Box in Photoshop
Using Laravel Valet for WordPress Development
If you’re familiar with the PHP community, then you’re likely familiar with a number of the different applications and frameworks that are currently popular in the development space today. One of the more common frameworks that we’re seeing used to build web applications is Laravel. Though this tutorial is not specifically about Laravel, I recommend checking… Continue reading Using Laravel Valet for WordPress Development
Optimizing Google PageSpeed to 100 in WordPress
What You’ll Be Creating How to Reach a PageSpeed of 100 Welcome to part two of our series on Google PageSpeed. In the first episode, I optimized the PageSpeed of my site’s then theme, MySiteMyWay’s Construct. I managed to get to 70 Mobile and 86 Desktop. However, with MySite’s closure, I chose a new theme and reached… Continue reading Optimizing Google PageSpeed to 100 in WordPress
Create an Abstract Portrait in Photoshop
On this tutorial we will create abstract photo artwork of a girl portrait with disintegration effect on it. We will learn to create disintegration effect in a handy and practical technique, adorn the photo with stunning lighning and then complete it with color adjustment. Throughout the tutorial, we will have fun to learn simple and… Continue reading Create an Abstract Portrait in Photoshop
How exactly to Overcome The Top 4 Freelance issues
“Freelancing is tough. It may be very hard, in reality. It May wear people down, making them lose sight of whatever they utilized to love simply because they need to just do everything else to get by.” – Mason Hipp, The Unlimited Freelancer Recently, a friend of mine switched to become a freelancer that is full-time.… Continue reading How exactly to Overcome The Top 4 Freelance issues
A Closer Look at the Best UX and UI Tools and Apps
There are various ways to build a prototype, and a prototype can be used as a measure of design progress or to test final result. In most instances, a web designer goal is to create a high-fidelity prototype has the look and feel of the end product, and is also capable of supporting team collaboration… Continue reading A Closer Look at the Best UX and UI Tools and Apps
Create an Underwater Dreamscape in Photoshop
Learn how to emotional photo manipulation of an underwater dreamscape with Photoshop. In this tutorial, you’ll learn how to create a fantasy underwater scene, place a girl in the dreamscape, then complete it with some bubbles. Throughout the tutorial, you’ll learn techniques that will help you create better matte paintings and photo manipulations. What you’ll… Continue reading Create an Underwater Dreamscape in Photoshop
How to Work With Images in Shopify
When starting out with a new platform, such as Shopify, there’s a lot to learn. Whilst Liquid, the template language used in Shopify themes, is very readable and easy to get started with, one area of Shopify development which can often cause confusion for new theme developers is images. I believe the main reason for… Continue reading How to Work With Images in Shopify
10 Reasons Why Your Design Skills May Seem Lame
The design field is pretty crowded. If this is your “calling,” then you have to accept that you are in competition with a lot of creatives that may know more than you. You have to accept that you will have to take all of that creativity you have and translate it into products that others… Continue reading 10 Reasons Why Your Design Skills May Seem Lame
How to Use Swift on Linux
1. State of the Union As with any new and emerging technology or language, it is always important to stay on top of the latest news and updates. Swift as a language is no different. Apple has released many new updates and enhancements in the short time that Swift has been in existence. So you first… Continue reading How to Use Swift on Linux
Build a Custom Photo Widget for Your Desktop with Node.js
The first thing I do on any new device is customize the home screen. This has been a tradition of mine since my first non-DOS computer, when I used my Mario Paint manual to help me make some Legend of Zelda pixel art in MS Paint, and set it as the Desktop wallpaper. Now that… Continue reading Build a Custom Photo Widget for Your Desktop with Node.js
Designing For Small Businesses: 10 Websites That Can Change The Game
Source: Be Digital[2] First impressions count. This is where pre-built websites can play a key role in creating any business-oriented website. There has to be a follow-through of course, but the importance of creating a great first impression can never be overemphasized. The problem facing the web designer is what makes a great first impression… Continue reading Designing For Small Businesses: 10 Websites That Can Change The Game
How to Create a Surreal Space Scene in Photoshop
How to Create a Surreal Space Scene in Photoshop 3.33/5 (66.67%) 3 votes This is a simple tutorial about how to make an awesome space image with a couple of simple pictures. Made in Photoshop Cs5 on a Macbook pro. What you’ll be creating Jupiter Fall is a piece I did out of a dream I… Continue reading How to Create a Surreal Space Scene in Photoshop
Animated Map Path for Interactive Storytelling
Today we’d like to share an experimental demo with you. This demo is an interactive map that will animate a map path while scrolling the page. The main idea is to connect the story being told with the path itself. The journey can also contain images that will indicate where they have been taken with… Continue reading Animated Map Path for Interactive Storytelling
Working with Type on a Path in Illustrator
What You’ll Be Creating In this quick tip tutorial, you will learn how to add Type on a Path in Adobe Illustrator. This is handy for logos and badges. So let’s get to it! Text Around a Circular Path Let’s start with the badge scenario. The first thing you need to do is create a… Continue reading Working with Type on a Path in Illustrator
HTTP: The Protocol Every Web Developer Must Know – Part 1
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Learning the fundamentals of the World Wide Web is crucial, especially if you are planning to build web apps. And, HTTP is at the heart of any web application you could build. HTTP stands for Hypertext Transfer Protocol. It’s a stateless, application-layer protocol for communicating between distributed… Continue reading HTTP: The Protocol Every Web Developer Must Know – Part 1
New to Photoshop? Get Started Here!
So you’ve decided to teach yourself Photoshop? That is so exciting! Thank you for choosing Tuts+ as your place to learn. Photoshop is a fantastically powerful application that will allow you to manipulate images in just about any way you can think of. You can remove unwanted people or distractions from a photo, make color… Continue reading New to Photoshop? Get Started Here!
Manipulating SVG Icons With Simple CSS
This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS
Setting up Foundation With Sass and Compass
Sass is a great way to speed up front-end development in general, I use it in every one of my projects. Sass (as with all other preprocessors) allows for nested styles, functions and prewritten code in what are called mixins. Foundation has a few different versions, currently we’ve covered the most common HTML/CSS variants, but… Continue reading Setting up Foundation With Sass and Compass
Create a Shaded, Stylized Text Effect in Photoshop
Typography and text effects are critical in today’s graphic and commercial design. Viewers are becoming more and more overwhelmed with daily information, and as a result they can inadvertently be conditioned to “filter out” messaging that isn’t truly distinctive. Stylized typography is an effective way to regain the attention and appeal that can otherwise be… Continue reading Create a Shaded, Stylized Text Effect in Photoshop