Tutorials

Photoshop and Web Design Tutorials

05172013-thumb

Tutorials » Photoshop

Posted on: May 20, 2013 by | No Comments

Sky Replacement – Photoshop CS6 Tutorial

Sky Replacement – Photoshop CS6 Tutorial For a portrait or landscape photographer it is often extremely important to be able to replace a sky here and there when the weather or clouds are not cooperating with the look you want. In addition, replacing a sky is a quick and sure-fire way to drama, mood, and [...]

Drop Caps - CSS3 Tutorial Thumbnail

Tutorials » Dreamweaver

Posted on: May 16, 2013 by | 3 Comments

Drop Cap Effect w/ :first-letter – CSS3 Tutorial

Drop Caps (Decorative First Letter) – CSS3 Tutorial Using a little bit of CSS3 we can quickly create a cool magazine style drop cap letter effect, or in other ways decorate the first letter of our paragraphs in any website. It’s fairly simple, let’s begin! Video   1. Place The HTML And Text We must [...]

Create a Twitter Widget UI - Photoshop CS6

Tutorials » Photoshop

Posted on: May 16, 2013 by | No Comments

Create a Twitter Widget UI – Photoshop CS6

Create a Twitter Widget UI – Photoshop CS6 Create UI elements and full widget mock-ups can be lots of fun and extremely useful for web design and App projects as well. We’re going to take a look at some simple methods to create this fun little Twitter tweet display widget UI in Photoshop CS6. Video [...]

fancyBox-thumb

Tutorials » Dreamweaver

Posted on: May 15, 2013 by | No Comments

How To Use FancyBox – Dreamweaver CS6 Tutorial

How To Use FancyBox | Dreamweaver & jQuery Tutorial FancyBox is an amazing jQuery plugin which you can use on your website for free (for the most part, read here to see if you should buy a license ( http://sites.fastspring.com/fancyapps/product/store ) which offers great functionality and allows you to create image galleries in a snap. [...]

bootstrap-thumb

Tutorials » CSS

Posted on: May 13, 2013 by | No Comments

Guest Blog: Getting Started with Bootstrap

Getting Started with Bootstrap Bootstrap Basics: What is Bootstrap? Bootstrap is a frontend web framework designed and developed by Twitter for the rapid and simple development of web-based applications. It provides a robust and feature-rich foundation upon which sites may be designed and built without having to spend too much time worrying about where (or [...]

050813-thumb

Tutorials » Photoshop

Posted on: May 10, 2013 by | No Comments

The Healing Brush – Photoshop CS6 Tutorial

The Healing Brush – Photoshop CS6 Tutorial The Healing Brush, Spot Healing Brush, and Patch tool are are healing options that I use very much when retouching photographs. These tools are very much “touch and feel” tools that you really want to start using to figure out how best they work for you. There is [...]

CSS3 Full Screen Background Image

Tutorials » Dreamweaver

Posted on: May 6, 2013 by | 2 Comments

CSS & CSS3 Full Screen Background Image – Dreamweaver CS6

CSS/CSS3 Full Screen Background In the following tutorial we will look at two different, no-nonsense ways to quickly create a full screen background with CSS and CSS3. These two methods work in any of the “good” browsers (Chrome, Firefox, Opera, and Safari) and I’ll give you details on Internet Explorer and what works there. Let’s [...]

043113-thumb

Tutorials » Dreamweaver

Posted on: May 6, 2013 by | 3 Comments

Change Code Color Theme – Dreamweaver CS6

Change Code Color Theme – Dreamweaver CS6 Dreamweaver’s UI (User Interface) is uber customizable in most respects and this is the case even when it comes to the color of the code and background in “Code View”. We will take a look at implementing a beautiful dark color theme which will be easier on your [...]