August 2014

Aug 30
0

A Week in Review N.03

Sat, 08/30/2014 - 15:24 — julie

Envato Roundup

Collis announced on Monday our new support plans for ThemeForest and CodeCanyon, and followed it up on Wednesday with a second post to answer your forum questions.
Tuts+ this week launched the Tuts+ Translation Project, and they’ve already published almost 200 translations in more than a dozen languages!
Envato Studio introduced their new affiliate program.
We announced some fresh and forthcoming (more...)

Aug 27
0

Introduction to Google PageSpeed Insights

Wed, 08/27/2014 - 15:43 — julie

So you’ve bought yourself a WordPress theme from the ThemeForest, uploaded it to your WP installation on your server, edited the options page, activated the SEO, sharing and cache plugins, and finally you have published your content. Your site is live, and you can at last sit back and wait for the readers to flock in.

Hold on, there maybe some other aspects you should consider first…

Maintaining Your Site

Let’s face it: the internet has become overcrowded. Irrespective of the genre or nature of the site you are running, you cannot expect to be popular and successful if you fail to maintain it in good health, and only focus on its promotion and growth.

(more...)

Aug 26
0

Addons & Plugins for Extending Bootstrap

Tue, 08/26/2014 - 14:48 — julie

Ahhhh, the much loved Bootstrap. No other front-end framework has revolutionized the web design world in the way that Bootstrap has. Put simply, it has allowed us to create consistent, mobile-first, and cross-browser layouts much faster and much better than ever before. And on top of that, every single aspect of it can be completely customized to our needs.

One great thing that separates Bootstrap from other frameworks is that it comes bundled with a selection of reusable components and jQuery plugins. You may use them, you may not. That is the beauty of Bootstrap, you have the choice.

(more...)

Aug 25
0

How to Use Overfow With CSS

Mon, 08/25/2014 - 13:54 — julie

Overflow is useful when you have a div box in your html file with size defined. And you may have content below the div box and the content of the div box might overlap another box or content. In that case you need to use overflow. Follow the steps provided in this tutorial to use overflow with CSS.

Steps to use overflow with CSS

1. First of all, create an html file. You may use any IDE like notepad or notepad ++ or Adobe Dreamweaver to create an html file. In this tutorial, we are using plain notepad that is available on any Windows PC. Open notepad any type following code:

(more...)

Aug 23
0

A Week in Review N.02

Sat, 08/23/2014 - 14:29 — julie

After everything that went on last week, it has been really nice to settle back into a normal working week. Well, perhaps not quite normal, it’s our 8th birthday after all!

(more...)

Aug 22
0

Inspiring Photo-Realistic Examples of Branding Mockups

Fri, 08/22/2014 - 15:10 — julie

In times gone by, skilled designers that undertook the monumental task of creating a brand identity for corporate businesses would, as a means of showing their client, typically have to create time-consuming real-world examples of the brand in action.

Nowadays, with the help of Photoshop and Illustrator, we can quickly and painlessly create these ‘real-world’ examples without ever having to leave the office or studio by using pre-designed mockup templates, as we now call them.

Some designers have elevated the art of creating branding mockups to a new level by showcasing pre-branded items, such as business cards, envelopes, headed paper, coffee cups, folders, bags, and many other common office items, in an inspiring and photo-realistic environment.

(more...)

Aug 21
0

How to Delete Browser Default Settings with CSS

Thu, 08/21/2014 - 19:03 — julie

Almost all browsers have their own default settings for margins, paddings and other elements. And sometimes you may want to override or delete the default settings so your margin or padding is displayed as you need it. When you see your code output, you may be surprised why the margin is there, even though you never specified one. If that’s the case, chances are it’s the browser’s default margin. This tutorial teaches you how to remove default browser settings.

Steps to delete browser default settings with CSS

1. First of all, create an html file. You may use any IDE like notepad or notepad ++ or Adobe Dreamweaver to create an html file. In this tutorial, we are using plain notepad that is available on any Windows PC. Open notepad any type following code:

(more...)

Aug 19
0

25 Free & Premium Icon Sets for Web Designers

Tue, 08/19/2014 - 15:05 — julie

There has been a growing transition within web design from using standard graphical and font icons to using inline SVGs instead.

(more...)

Aug 18
0

Getting Started with Adobe After Effects

Mon, 08/18/2014 - 14:06 — julie

After Effects' extensive and professional-level array of tools and features has made it the first choice for professional and amateur filmmakers and animators for a number of years now.

But for anyone that is just starting out with the application, it can have an intimidating learning curve. So, to help you create video backgrounds for your website and to also help get you on the path to visual storytelling genius, we have a 10 part video course that has been specifically designed to help anyone that is stepping into the world of After Effects for the very first time.

(more...)

Aug 16
0

A Week in Review N.01

Sat, 08/16/2014 - 14:23 — julie

Welcome to our first-ever ‘A Week in Review’. This post gives us the chance to share with you guys everything that has been going on this past week, not only at Envato, but also out in the design community.

Envato Roundup

Phew, what at week it has been! So much has been going on behind the scenes here at Envato this week…

(more...)

Aug 15
0

CSS Border Property Demystified

Fri, 08/15/2014 - 17:37 — julie

Adding a nice border to your images will give them a clean and modern look. This tutorial will show you how to add border using CSS. It will also explain all the different options and properties for adding borders using CSS.

8 Possible CSS Border Values

There are eight possible values in CSS for border-style:

(more...)

Aug 15
0

How to Overlap Multiple Images Using CSS

Fri, 08/15/2014 - 00:16 — julie

As you already know, you can accomplish basically anything with CSS if you know how to use it. Sometimes, you may want to position one image on top of another image with CSS and make them overlap. If you didn’t know how to do this, then you are reading the right article. In this tutorial, we are showing you how to make multiple images overlap using CSS.

Steps to position one image on top of other image in CSS

1. First of all, create an html file. You may use any IDE like notepad or notepad ++ or Adobe Dreamweaver to create an html file. In this tutorial, we are using plain notepad that is available in any Windows PC. Open notepad any type following code:

(more...)

Aug 13
0

Introducing Paul Andrew – Market Blog Content Lead

Wed, 08/13/2014 - 04:16 — julie

Hi everyone, my name is Paul Andrew and I have just started work as the content lead for the Market Blog.

I live in the small but beautiful Scottish city of Inverness. Nessie is my neighbor and I am a real Highlander. I love football, Star Wars and Lego. I also love good design.

I wanted to give you guys a quick introduction into who I am, what I have done, and what my aim is for the Market Blog. Although, and I am really sorry about this, I actually wrote a lot more than I intended to, but I am just going to roll with it as it seems to illustrate the point I want to make.

A rare thing: clean shaven and wearing a tie.

Anyway…

(more...)

Aug 12
0

How to Ghost an Image in Photoshop

Tue, 08/12/2014 - 21:02 — julie

If you want to plan something for Halloween then ghosting effect on your image would look exciting, natural and very approripate. In this tutorial you will learn how to ghost an image  in Photoshop.

Steps to ghost an image in Photoshop

1. First of all, open Adobe Photoshop. We are using Adobe Photoshop CS5.5 but this also works on earlier or later versions.

2. Next, Open the image where you want to apply ghost effect. To do that, click on the File >> Open and select the file you want to open. Then click on the Open button.

(more...)

Aug 11
0

Learn How to Illustrate a Realistic Rocketship in Photoshop

Mon, 08/11/2014 - 14:55 — julie

In this tutorial, we will create a retro styled rocket in Photoshop. We will explore the importance of details in creating a complex illustration, as well as how to create realistic surfaces.

Moreover we will look into the process of using layer masks and how effectively they can control your artwork in a non-destructive way. You’ll also learn how to manage your project when working with many layers and many more time saving tricks. So let’s start!

What You’ll Be Creating:

Here’s a look at the outcome you’ll be able to produce by the end of this lesson:

Step 1

Open a new file in Photoshop with the following settings and save as Retro Rocket.psd. During work always remember to frequently press Control + S to save and update the file.

(more...)

Aug 10
0

How to Create a Photo Collage in Photoshop

Sun, 08/10/2014 - 21:00 — julie

One of the most fun thing to do with photos is to create a collage. Photo collage allows you to tell a story using photos in any way you want. In this tutorial, we’ll teach you how to create a collage, which a pile or stack of images arranged either regularly or randomly.

Steps to create a photo collage in Photoshop

1. First of all, open Adobe Photoshop. We are using Adobe Photoshop CS5.5 but this also works on earlier or later versions.

2. Next, create a new document of any dimension. Usually, a document of at least 1000 PX wide and 1000 PX height is recommended. To do that, click on the File > New, specify width and height and click on the OK button.

(more...)

Aug 08
0

How to Whiten Teeth Using Photoshop – Tutorial

Fri, 08/08/2014 - 18:17 — julie

Let’s face it – not everyone has the pearly whites they wish they had. You thought you took that perfect picture of you or someone you know, just to be disappointed later when you saw yellow teeth. Don’t worry, we can whiten your teeth without paying $500+ for a professional dentist whitening. In this tutorial, we are showing you how to whiten teeth using Photoshop.

Steps to whiten teeth

1. First of all, open Adobe Photoshop. We are using Adobe Photoshop CS5.5 but this also works on earlier or later versions.

2. Next, Open the image which has yellow teeth. To do that, click on the File >> Open and select the file you want to open. Then click on the Open button.

(more...)

Aug 07
0

How to create a HDR sharpened effect in Photoshop

Thu, 08/07/2014 - 03:00 — julie


This is an easy to follow design screencast tutorial. The tutorial is a quick tip which i find myself using time and time again when importing photographs into web design projects. I’m by far Photoshop expert on retouching photographs, but its a great little technique for sharpening and refining an image in Photoshop. 

Tutorial Details

Difficulty: Beginner

Tutorial estimation time:Under 2 minuets

Program: Photoshop

(more...)

Aug 06
0

How to Style Links with CSS – Top 5 Link Styling Properties

Wed, 08/06/2014 - 18:32 — julie

We have learned how to create navigation using CSS in the last tutorial. Now in this tutorial we will learn how to style (change color/behavior) of those links present in the navigation bar. Follow the steps provided in this tutorial to style links with CSS.

Steps to style links with CSS

1. First of all, create an html file. You may use any IDE like notepad or notepad ++ or Adobe Dreamweaver to create an html file. In this tutorial, we are using plain notepad that is available on any Windows PC. Open notepad any type following code:

(more...)

Aug 02
0

How to Create Navigation with CSS

Sat, 08/02/2014 - 16:41 — julie

Navigation is one of the most important parts of any website. Poor navigation can lead to user abandonment and if your website is something that makes you money, that translates into lost income. Follow the steps provided in this tutorial to create basic navigation with CSS. If you are looking to create a navigation drop-down menu with CSS, HTML and Jquery then please see our drop down menu tutorial.

Steps to create navigation with CSS

1. First of all, create an html file. You may use any IDE like notepad or notepad ++ or Adobe Dreamweaver to create an html file. In this tutorial, we are using plain notepad that is available on any Windows PC. Open notepad any type following code:

(more...)

Aug 01
0

20 Coolest PSD Freebies of the Month

Fri, 08/01/2014 - 21:38 — julie

Graphic designers have to stay permanently updated with the latest design trends on the web, and that is why we always love new, high quality freebies! PSD freebies are not only a great source of inspiration, but they will also save us a lot of time in our design process. Update your freebies collection with these 20 PSD freebies of the month for designers. All of these various graphic freebies are very high quality free PSD files you can download and use in your projects.

In this list of 20 PSD freebies of the month you’ll find lots of random PSD freebies such as objects, kits, logos, and more!

Want more? Get these PSD Freebies

(more...)

Aug 01
0

How to Put Your Image in List Item with CSS

Fri, 08/01/2014 - 00:50 — julie

Lists are useful when you want to list your text in a number or bullet style. But you don’t always want to use the default, boring list style. What would look even better is if you use your own image or style instead. Follow the steps provided in this tutorial to put your own image in list item using CSS.

Steps to put your image in list item with CSS

1. First of all, create an html file. You may use any IDE like notepad or notepad ++ or Adobe Dreamweaver to create an html file. In this tutorial, we are using plain notepad that is available on any Windows PC. Open notepad any type following code:

(more...)

Copyright 2009. E-mail Me
Auto Spare Parts