Video 1. Download fancyBox The very first thing we must do is download fancyBox. If you are using this for a personal, non-commercial website it’s completely free, if not, a license is inexpensive, just $19 USD. 2. Unzip + Organize Once you download the file, unzip it and find a place on your hard...
Bootstrap Basics: What is Bootstrap? For this tutorial, I’d like to walk you through the process of obtaining Bootstrap, putting everything where it needs to be, and going through a small, very basic example homepage. Where to Begin First and foremost, you’ll need somewhere to set up your project. Luckily, Bootstrap is all HTML, JavaScript,...
30 of the Best Character Design Tutorials for PS & AI 28 Fresh Free Fonts Inspiring Examples of Negative Space in Logos The Superhero Illustrations of Jeremy Roberts How To Create an 8-Bit Pixel Character in Illustrator 30 Web Designs Featuring Beautiful Scenes of Nature How to Create a Surreal Gothic Artwork in Photoshop Create...
Video 1. Why I Love The Healing Brush When it comes to the healing tools in Photoshop we have three big options to choose from, The Spot Healing Brush, The Healing Brush, and The Patch tool. The Healing Brush is my weapon of choice because it gives me to most control. It allows me...
1. Design & Code a Cool iPhone App Website in HTML5 2. Create a Stylish Contact Form with HTML5 & CSS3 3. HTML5 Tutorial: How To Build A Single Product Page 4. Coding An HTML 5 Layout From Scratch 5. How to Code a Clean Website Template in HTML5 & CSS3 6. HTML5 File Uploads...
1. Choosing The Background Image This may go without saying, but just to be thorough you want to make sure that your background image is probably at least 2000px wide or so. Bigger is better when dealing with web background images, just take care to optimize that image as much as you can. 2. CSS...
1. Get The Theme While Dreamweaver allows us to customize every little aspect of the code we write, creating the whole look can be quite time consuming and there is a whole bunch of trial-and-error. I’ve found an amazing Dreamweaver color theme which you can download for free right here: http://www.thatwebguyblog.com/post/a_dark_code_view_theme_for_dreamweaver/ You’re looking for the...
Written Tutorial Starts: 1. Grab Subject & Background The first thing you will want to do is download the guy with gas mask (who I have already cut off the background) and the background texture we will use. Download: Guy with gas mask » Download: Background Texture » 2. Create a New Document Create...
1. Abstract Brush Pack Vol. 7. 2. Kinetic Brush Set 3. Alchemy Brushes By Xavier 4. Skin Brushes 5. Urban Retroism & Flares Brushes 6. Fibers 1. 7. Fractal 6. 8. Oil Spill 9. HighTech Circles 2. 10. Masonry 11. Street Grunge 12. Vector Grunge Brush Pack 13. Halftone Brushes 14. Watercolor Photoshop Brushes Set...
Free PSD Files For Designers 50 Beautiful Sketchbook Drawings for Inspiration 30 Fresh Examples of Vintage Style Typography within Web Design Create a StarCraft-Inspired Firestorm in Photoshop 20 Awesome Free Brush Fonts 23 Flat Design iPhone Apps 50 Amazing jQuery Plugins That You Should Start Using Right Now 80 Inspirational Design Portfolios to Bump Up...
Written Tutorial Starts: 1. The Simple Hyperlink: It All Begins Here The most basic link is a link from one page of your website to another. This can be done in Dreawmeaver CS6 by highlighting the item you want to turn into a link (we’re going to use a word in our navigation bar)...
Written Tutorial Starts: 1. Find Amazing Textures. The web is loaded with amazing design resources and textures, you will be bombarded with loads of content if you run a google search, but here are a few of my favorite places to find amazing textures. Subtle Patterns: http://subtlepatterns.com/ Lost & Taken: http://lostandtaken.com/ Brusheezy Patterns:...