Articles Tagged 'tutorial'

jQuery Mobile – What You Need to Know

jQuery Mobile version 1.0 finally launched this past November. Don't know if you heard about it, but if you are planning to do any mobile app or website development, it's better to get started with it right now. I'm sure you've heard about jQuery. So, its mobile version is pretty close to what you already are used to, but with a lot of enhancements for mobile screen events (like touching instead of click, and there is no hover) and browsers (this one is tricky since there are plenty of browsers and devices out there) and capabilities (pluggable components). The crazy thing is how simple it is to initiate and build a fully working mobile site. Actually, we'll be talking about concepts, tips, codes, and in the meantime you can build your own app, in no more than one hour. Yeah, noob to ninja in one hour, this is what you'll get here :) So, let's rock!

jQuery Mobile – What You Need to Know

 Read more

Create a Classic-Styled Portfolio Design in Adobe Photoshop

Howdy, today we will be creating a nice design for your online portfolio. What we will learn here is how you can use a combination of textures and patterns to create a nice old-school look and how to use guides in a smart way.  Here is what we will be making:

Create a Classic-Styled Portfolio Design in Adobe Photoshop

 Read more

Create A Sleek Music Player In Adobe Photoshop

 Posted in: TutorialsWeb InterfaceWritten by: Davey HeuserJanuary 19th, 2012

In this tutorial you’ll learn how to make a beautiful music player in Adobe Photoshop. It is important that you take the time when you are designing and do not rush things. I focused on the details so I invite you to look at every little thing carefully and think about why I did it and how you can learn from it! Good luck!

Create A Sleek Music Player In Adobe Photoshop

 Read more

Create a Web Hosting Landing Page in Adobe Photoshop

In this week's tutorial we are going to create a Web Hosting Landing Page layout for Besthost as an example. The template will have a simple logo, navigation, slider gallery, package, about us, services, testimonials and footer. Let's combine these all together to make an awesome template. I will try my best to make it easy for you to follow this tutorial. So let's get started!

Create a Web Hosting Landing Page in Adobe Photoshop

 Read more

4 Simple Steps To Make Silhouettes Using Photoshop

Silhouettes as an art form originates back to as early as 18th century drawing its name from a French minister Étienne de Silhouette who imposed heavy economic cuts on French people. Quite symbolically austere outline portraits which became popular in the same time period started to be referred as Silhouettes. Silhouettes art had tremendous popularity which has grown over years and is now associated more with images depicting fashion and fitness. Traditional ways of making Silhouettes are somewhat complex which involve cardboard and paints, but thanks to two wonderful inventions of mankind – Photoshop and Wacom things are much simpler now. In this tutorial I will take you through some beautiful examples for inspiration and then we will proceed to make a silhouette from scratch.

4 Simple Steps To Make Silhouettes Using Photoshop

 Read more

Creative Christmas Gift For Geek Lovers – Web & Mobile App

Oh, Christmas. The magic time when you spend all the money you've been saving the whole year. Oh, and we have all that Christmas Spirit, of course. Now, you probably want to spend a lot on your soul mate's gift, to show her how deep is your love. Yeah, money can buy cool things, but guess what: almost every year I make my own gifts for my girlfriend (but I always have to buy something else anyway). And I feel that she just loves when I do something by myself instead of just buying it (unless shoes, she wouldn't like if I made her a shoe). So I'll show you, dear Padawan, how to make a cool one-page-gift for anybody that you like. Our goal here is to do a simple "slider", where a lot of messages and pictures that you like are shown. In the meantime you'll learn a little bit about design, jQuery and CSS3. So, let's rock!

Creative Christmas Gift For Geek Lovers – Web & Mobile App

 Read more

Create Elegant Tags With Sliding Post Count For WordPress

Tired of the boring category style being always same, like a mini menu? Tired of items arranged horizontally or vertically, styled always the same way? Yes, I'm tired of it too. So let's make things more interesting now. Our starting point will be a cool sliding tags design made by Thomas Bosée. Then we'll learn how to use WordPress wp_list_categories function, how to edit its result, how to code CSS and finally a little of jQuery "Black Magic". So, let's rock!

Create Elegant Tags With Sliding Post Count For WordPress

 Read more

Using Retro Style Images And Banners For Advertising

 Posted in: Quick TipsText EffectsTutorialsWritten by: pritDecember 6th, 2011

Retro style images and pop art graphics like those of Roy Lichtenstein and Andy Warhol is a popular style adopted by graphic designers for web and print design. They are chic, fashionable, eye-catching and add to the 'cool' factor of the company and its products. Lots of stock images are available for download which can be used for web designing, however if you want something unique or customized it's better to grab a pencil and paper and do it yourself.

Using Retro Style Images And Banners For Advertising

 Read more

Definitive Mobile Guide – 40+ Tools, Frameworks And Tutorials

 Posted in: TutorialsWritten by: Rochester OliveiraNovember 29th, 2011

The mobile market is getting bigger and bigger. A lot of people are spending much more time mobile browsing than desktop. Sometimes I feel like developers aren't paying proper attention to mobile interfaces. Maybe because we don't have enough tools to do it, right? No, actually it isn't. Despite cool things like Safari Mobile that makes any (non-flash) website "browsable" it's easy to see that conversion rates are much higher on interfaces design for mobile viewing. So be ready to see A LOT of tools to help you create cool things for mobile with just what we know (HTML, CSS, JS).

Definitive Mobile Guide – 40+ Tools, Frameworks And Tutorials

 Read more

Snickles: Create A Modern Business Template In Adobe Photoshop

Good day! Today we will be designing a modern business template in Adobe Photoshop.. This template will contain a header, slide show, service area, video, about us, testimonials, and footer. What you will be learning from this tutorial are how to achieve that 3D looking interface in just a few simple steps, creating patterns, combining textures, colors, alignments and many more. So get ready and let's get started!

Snickles: Create A Modern Business Template In Adobe Photoshop

 Read more

Page: 1 of 16

   
US