Posts

The Elements Of The Mobile User Experience

Image
The mobile user experience encompasses the user’s perceptions and feelings before, during and after their interaction with your mobile presence — be it through a browser or an app — using a mobile device that could lie anywhere on the continuum from low-end feature phone to high-definition tablet. Creating mobile user experiences that delight users forces us to rethink a lot of what we have taken for granted so far with desktop design. It is complicated in part by mobile-specific considerations that go hand in hand with small screens, wide variations in device features, constraints in usage and connectivity, and the hard-to-identify-but-ever-changing mobile context. Dissecting the mobile user experience into its key components gives us a conceptual framework for building and evaluating good mobile experiences, within the context of a user-centered approach to designing for mobile . These components shape the mobile user experience — including functionality, context, user input, c

Cool Typography Effects With CSS3 and jQuery

Image
Cool Typography Effects With CSS3 and jQuery Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with  CSS3 animations  and transitions and we’ll explore some of the possibilities. Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with  CSS3 animations  and  transitions  and we’ll explore some of the possibilites. We’ll be using   jquery.DG_lettering.js  in order to style single letters of the words we’ll be having in our big headlines. THE HTML The structure will simply be an h2 element with an anchor inside. We’ll wrap the headline in a container:      Sun Then we’ll call the jquery.DG_lettering.js plugin, so that every letter gets wrapped in a span. This example looks crazy: we’ll create a  text shadow  that “elevates” the letters. We’ll also create a  pseudo element which has a superhero as backgrou

Creating a iOS7 icon in under 30 seconds

Create a Flat Countdown Timer in Photoshop - iOS 7 Inspired

Create a Responsive Website Using HTML5 and CSS3

Responsive Website Design Tutorial: Using Media Queries

Snow-Fall Effect with JavaScript – Creating Merry Christmas Greetings

Image
On the occasion of Christmas and winter Holidays, I thought to wish this festival by create a nice webpage greetings. So, today I had created this Christmas greeting card using snow-fall effect with help of CSS3 and JavaScript. I hope you all will enjoy this holiday and my web-card too :). Today we will create a Christmas greeting card using CSS3 and jQuery. There are many things we can do with  CSS3  and javascript. We’ll use  snowfall.dg.js  for creating these snow. Features and Principle Note: Snowfall Plugin is Less than 12Kb in size. There are many options for customize and use this plugin as per your requirement. Some features are: No need to add any image for snow. No need to add any JavaScript library. You can use any html element in place of snow. Change the Color of Snow by using hexadecimal value. Also support in iPhone, iPad and Mobile devices. Snow-fall movement with mouse/cursor. Stick on bottom. Snow melt effect. Twinkle effect – you can use this al