Create An Advanced Chinese Lantern Icon In Photoshop & Illustrator

In this tutorial we will be using Adobe Illustrator and Adobe Photoshop for our icon design. This tutorial is rated advanced for those who are beginners in these programs I would recommend checking out some of our easier tutorials to start out with. Our basic shapes will start out with illustrator then we can export them over to photoshop to polish, add texture and finalize our icon. Continue Reading

5 Comment(s)
Dec

13

Create An Apple Style Menu Purely In CSS3 – No Images Required

This just goes to show you how much of a difference CSS2 and CSS3 are and how much more CSS3 can do for us to cut our design work literally in half. In this tutorial I will show you how to create a non-image, apple style menu all out of CSS3! The only problem with this is doing so you are limiting the amount of browsers that will be able to correctly display your work (Firefox and Safari only). So you would want to make sure to have alternatives for other browsers (meaning you WILL have to use images and alternate code). Continue Reading

22 Comment(s)
Jul

07

How To Draw A Glossy 2.0 Loading Bar Vector In Illustrator

In this tutorial we’re going to show you how to draw a glossy slick looking loading bar in illustrator. The benefits of doing a project like this in illustrator is that it uses vectorization. By vectorizing this drawing we can resize it to what ever width and height we want without losing the quality of the image (pixelated). You can also transfer our vector from illustrator over to photoshop for easy editing. Continue Reading

3 Comment(s)
Jun

30

Add A Custom Ajax Twitter Feed To Your Web Site

A lot of people like to add a twitter feed to their website for convenience, but many of them are template files that they download and copy/paste onto their website and looks out of place. Twitter has provided an API service to their registered users to use jSON to pull information and display it whichever way the creator likes. In this tutorial I’ll show you how to add a completely custom twitter feed controlling how many tweets, how the date is displayed, and if their linked or not. Continue Reading

22 Comment(s)
Jun

24

18 Custom Web Safe Fonts From Google

Are you sick of using the same old fonts for your websites? Well as technology of the web advances we are now able to add other custom fonts to our web library now. Google offers a free service of offering an additional 18 web safe fonts that can be embedded into your site within two lines of code, nifty huh? Adding a custom font is easy: just add a special stylesheet link to your web page, then use the font in a CSS style. All fonts are open source high quality type faces that are cross browser accessible. Continue Reading

5 Comment(s)
Jun

20

5 jQuery Must Have Code Snippets

If you haven’t heard of jQuery yet, than you are definitely missing out on one of the most dynamic and stable JavaScript Libraries. With thousands of plug-ins and added widgets it makes jQuery one of the leaders in javascript frameworks. jQuery is designed to cut all hand-code in half if not more simplifying HTML document traversing, event handling, animating, and Ajax interactions for more streamlined web development. Continue Reading

11 Comment(s)
Jun

20