Onextrapixel - 30+ Handy and Free UI Kits
for Web and Mobile

 30+ Handy and Free UI Kits for
Web and Mobile


  User interface design involves a lot of creativity,
inspiration, testing and motivation along with the people-skills necessary to
communicate effectively with clients. Very often, a lot of patience is required,
and quite honestly, a creative mind is not normally associated with a patient
person, so the whole process of user interface design can be stressful,
uncomfortable and time-consuming. The repetitive parts of user interface design,
such as menus, buttons, tags, etc. can these days be effectively removed as
extremely time-consuming parts of the project by the use of downloadable
UI elements.





In this round-up we are bringing you a selection of more than 30 free UI kits
for web and mobile site design use. These include some of the newest kits
available, and some purely CSS elements.



Handy Free UI Kits for Web and Mobile
Web UI Kits
Anarchy UI Kit



Dark Neon UI Kit



iTunes UI Kit



CSS3 UI Kit



Designer CSS UI Kit



Piou UI



Black Media UI Kit



Stylish User Interface
Kit



Crisp UI Kit



The Bricks – User Interface
Framework



Impressionist Free User Interface
Pack



Futurico – Free User Interface Elements
Pack



Free PSD/HTML Web UI Elements
Kit



CSS3 UI Kit (PSD + CSS)



Massive CSS3 UI Kit



Derailed UI Mini Set



Midnight UI Kit PSD



Soft UI Kit PSD



Web UI Elements



Sexy Button Rounds



Metallic and Glassy Web GUI
Pack



Mobile UI Elements
Fresh iPhone UI Kit



Pandora UI Free for iOS



iPhone 3G Stencil



Official Android 4.0 UI
Downloads



iPhone 4 GUI (Retina)



Mobility: Mobile UI Design
Elements



iPad Vector GUI Elements



iPad Calculator



iOS 5 GUI PSD



Zeus iPhone GUI



Music UI Kit for Web and Mobile
Phones



Sweety GUI



More Resources

• 30 Free UI Kits (+1)


• 30 Free UI Kits Featuring Detailed Web
  Elements


• 10 Free Pure CSS UI Kits


• 30 Beautifully Designed and Editable Free
  UI Kits


• 50 Fresh Free Web And Mobile UI Element
  Kits, Wireframe Kits And PSD Files

Conclusion
These are some of the newest UI kits available for free download right now.
If you would like to browse more UI kits and elements, take a look at our
previous article: 50 Useful and Free Web UI, Mobile UI and
Wireframe Kits


Have you come across any free new UI kits that we have missed from this list?
Please share your links and opinions with us in the comments section below.

• Freebies: Free Cool Metallic and Glassy
  Web GUI Pack for Designers


• UICloud: Powerful Search Engine for UI
  Elements and Design Inspiration


• 10 Necessary Steps for Digital Display
  Design


• The Last Word on the
  Fold

✱*¨*•✶ (✿◠‿◠)★░░░░ ֆIԼƐɳƈƐ ░░░░*´`*•.✶ OFF ★
ցօօժղìցհէ ★sɯɐǝɹp ʇǝǝʍs★BBL★ http://www.zazzle.com/creativecolours*
★ ♥ˆ◡ˆ♥ ★ ღƪ(ˆ◡ˆ)ʃ ☼★ (✿◠‿◠)
★((❀◕‿.◕))♥★☾☼☽

FEEL FREE TO CHECK OUT MY STORE ANYTIME... ITS WHAT I DO
& HOW I EARN MY LIVING! HAVE FUN BROWSING / BUYING...
THANKS.... SWEET
SLEEPS ALL :))

http://www.zazzle.com/creativecolours*
OR you can go there
from this
website's homepage :))
 
 

Look Out!
Desk-bound folks may find themselves glued to
computer screens day in and day out. Not only is this bad for the muscles and
joints below our neck. Our eyes can also be damaged from staring at monitors too
long. Keep vision sharp — and ward off headaches — by looking away from the
screen every fifteen minutes. Better yet, get up and stretch to give your eyes,
brain, and body a chance to recharge.

Takeaway: Next
time you’re composing e-mails, browsing the internet, or typing up a virtual
doc, look off into the distance each time you pause to gather your
thoughts.



Continue Reading... 

Computer screens proving a pain in the eyes? Follow these guidelines to help
ease symptoms:

• Have your eyes checked regularly. If you need a new or
  changed prescription and don’t have it, using a computer will be difficult,
  period.


• Reposition the computer. The screen should be about an arm’s length
  away and positioned directly in front of the face, not off to the side. Position
  the monitor so its center is four to eight inches below the eyes, which allows
  the neck to relax while we read and type.


• Follow guidelines for good posture. It’ll
  reduce strain on the back, neck, and
  shoulders.


• Ensure proper lighting. Try the visor test to determine
  if current lighting is a problem: Look at the monitor and cup the hands over the
  eyes, like a baseball cap. If the eyes immediately feel better, then the
  lighting should be changed. Experiment with brighter and dimmer lighting, as
  well as the angle of the lights, to find what’s most comfortable for the
  eyes[7].


• Reduce glare. Installing anti-glare filters on the monitor,
  adjusting window shades, and changing the screen’s contrast and brightness can
  help reduce glare and
  reflections[8].


• Blink frequently. It should prevent dry eyes. If that
  doesn’t work, consider lubricating eye drops[9]. Also make sure air vents aren’t blowing on the face
  (this can dry out the eyes), and use a humidifier if the room is super dry.


• Take regular work breaks. Stand, stretch, or just look off into the
  distance, away from the computer, every 15 minutes or so to give
  the eyes a break[10].


• Clean the monitor regularly. Dust can decrease screen
  sharpness, making the eyes work harder.


• Try computer glasses. Unlike everyday
  eyewear, they’re designed specifically
  for looking at computer screens.


• Consider Optometric Vision Therapy. Some computer users
  have issues
  with eye focusing or coordination that aren’t corrected by
  glasses or contacts. Vision therapy consists of doctor-prescribed activities
  designed to improve visual functioning (think of it as a workout for the
  eyes—though no guarantees as to calorie burn).

Thanks to Dr. Dominick
Maino, Professor of Pediatics/Binocular Vision at the
Illinois Eye Institute/Illinois College of Optometry, and Dr. Leonard
Press, Developmental Optometrist at the Vision and
Learning Center, for their help with this article.


Have you suffered from computer eye strain? Have any of these tips worked
for you? Share in comments below!



Works Cited

1. A comparison of symptoms after viewing
   text on a computer screen and hardcopy. Chu, C., Rosenfield, M.,
   Portello, JK, et al. SUNY College of Optometry, State University of New York,
   New York. Ophthalmic and Physiological Optics, 2011 Jan;31(1):29-32 [↩]


2. Computer vision syndrome: a review of
   ocular causes and potential treatments. Rosenfield, M. SUNY
   College of Optometry, New York. Ophthalmic and Physiological Optics, 2011
   Sep;31(5):502-15 [↩]


3. Effects of job-related stress and
   burnout on asthenopia among high-tech workers. Ostrovsky, A.,
   Ribak, J., Pereg, A., et al. Department of Environmental & Occupational
   Health, Sackler Faculty of Medicine, Tel Aviv University, Israel. Ergonomics,
   2012 Aug;55(8):854-62 [↩]


4. Computer vision syndrome: a review of
   ocular causes and potential treatments. Rosenfield, M. SUNY
   College of Optometry, New York. Ophthalmic and Physiological Optics, 2011
   Sep;31(5):502-15 [↩]


5. Computer vision syndrome: a review of
   ocular causes and potential treatments. Rosenfield, M. SUNY
   College of Optometry, New York. Ophthalmic and Physiological Optics, 2011
   Sep;31(5):502-15 [↩]


6. Factors leading to the Computer Vision
   Syndrome: an issue at the contemporary workplace. Izquierdo, JC,
   Garcia, M., Buxo, C., et al. Academia Perpetuo Socorro, Puerto Rico. Boleton de
   la Associacion Medica de Puerto Rico, 2004 Mar-Apr;96(2):103-10 [↩]


7. Computer vision syndrome: a review of
   ocular causes and potential treatments. Rosenfield, M. SUNY
   College of Optometry, New York. Ophthalmic and Physiological Optics, 2011
   Sep;31(5):502-15 [↩]


8. Computer vision syndrome: a review of
   ocular causes and potential treatments. Rosenfield, M. SUNY
   College of Optometry, New York. Ophthalmic and Physiological Optics, 2011
   Sep;31(5):502-15 [↩]


9. Computer vision syndrome: a review of
   ocular causes and potential treatments. Rosenfield, M. SUNY
   College of Optometry, New York. Ophthalmic and Physiological Optics, 2011
   Sep;31(5):502-15 [↩]


10. Computer vision syndrome: a review of
    ocular causes and potential treatments. Rosenfield, M. SUNY
    College of Optometry, New York. Ophthalmic and Physiological Optics, 2011
    Sep;31(5):502

Outdoor cycling is a great way to pack nature and exercise into your day. But
careful with what you wear — loose-fitting pants can slow you down and prevent
the body from properly cooling down. Opt for tight-fitting bike shorts to
improve your ride and be nicer to your sweat glands. Guys, take note, you’ll
also benefit from extra protection where it’s needed
most.

Takeaway: Swap basketball shorts with spandex or
nylon for a smoother bike ride.


Continue
Reading...

After watching this year’s Tour de France and Olympic track cycling, it’s
hard not to be inspired to hop on a bike and ride. Whether the goal is to ride
down a mountain faster than a car, beat friends in a race, lose weight, get fit, or have an
excuse to buy a new toy — road cycling has it all. Here are the need-to-know
facts every aspiring road cyclist should grasp before hitting the open road.


Pedalling the Pavement — The Need-to-Know
Lance Armstrong makes it look easy, but don’t be fooled — road cycling is no walk in the park. It
requires concentration, balance, strength, endurance, and a little bit of
craziness. It also requires a lot of energy, since it’s arguably the most
calorically demanding sport. A 150 pound dude can burn around 700 calories an
hour pedaling at a 14-15.9 mph pace (moderate effort). If our aspiring cyclist
increased the pace to a more vigorous effort of around 16-19 mph, they could
burn almost 900 calories an hour[1]. While
other sports like running can burn just as many calories per minute, an elite
marathoner might use around 2,000 calories for the entire two-hour race, but a
pro cyclist  can sustain this effort even longer. They can burn more than 6,000
calories in a single day of racing, and do it every day for over three
weeks[2].


Cycling is also relatively easy on the joints, which makes it a great
exercise for overweight people or those with mobility problems. But
don’t ditch the strength training. One study found that
recreational cyclists had lower bone mineral density than runners, likely due to
the fact that they weren’t placing as much strain on their bones[3]. Even pro
cyclists have lower bone mineral density than average Joes[4]. Not only
will strength training
increase bone density, it can also improve cycling performance by boosting
metabolism, building lean weight and shedding fat[5][6].


Live Free and Ride Hard — Your Action Plan
Ready to start riding? Here’s a 12-step action plan to get you started.


1. Wear a helmet: This should be
a no-brainer (literally, if a cyclist crashes without one). Not all states
require cyclists to wear a helmet but it’s one of the easiest and most effective ways to
keep the noggin safe.


2. Get the right fit: Work with
a local bike shop to create a perfect fit on the
bike. This will avoid back pain and injuries and improve performance over the
long-term. Bike fits are highly individual, but a good rule of thumb for
determining saddle height is for the user to place a bare heel on the pedal and
adjust the saddle so that the knee is locked. Cyclists can adjust it from there
to suit taste[7].


3. Bring a repair kit (and learn how to
use it): Buy a spare tube from the local bike shop, cover it in baby
powder (to make sure it slides into the bike tire in emergencies), and put it in
a plastic bag.  Carry a bike pump and a patch kit to avoid getting stranded.
Practice fixing a flat at home
before the ride to make sure it can be done in an emergency.


4. Find a place to ride: After
searching for a cycling club, look for ride routes and maps on
the club’s website. These rides will be safer, smoother, and easier to follow
than random roads.


5. Find some cycling friends:
The best way to learn road cycling is to ride with more experienced riders.
There’s no substitute for real-world instruction and most cyclists are happy to
teach newbies everything they know. Search the USA Cycling website to find a club.


6. Bring some ID: Accidents
happen, and it’s a good idea to have some identification in case a cyclist
becomes unconscious or injured.  Bring an old driver’s license, scribble some
information on a piece of paper, or use a fancy bracelet or anklet with contact
information on it, called a Road ID.


7. Get comfortable with cars:
Cyclists have to share the road and not all drivers are as courteous as
they could (or should) be. Don’t get upset or flash vulgar hand gestures if a
driver comes too close. Stay calm, maintain control over the bike, and wave.
It’s better to make friends with drivers rather than be enemies.


8. Learn the lingo: Cycling is
not just a sport  – it’s a culture with its own language. The terms will come naturally after
a time, but here are two basics every rider should know: “drafting,” riding
behind another cyclist to limit wind resistance and save energy, and “peloton,”
a group of riders drafting off one another.


9. Spin up to speed: Aim for a
high cadence of around 90-100 revolutions per minute. This might not be possible
at first, but make it a goal. This will make the pedal strokes smoother, which
will reduce fatigue and increase speed[8][9].


10. Learn to love tight clothes:
It’s possible to get away with regular shorts for brief rides, but dawn
some tight-fitting, padded bike shorts for longer ones. This keeps the body
cool, cuts down on drag, and keeps the, um, “undercarriage” comfy.


11. Resist the urge to splurge:
Believe it or not, it’s possible to spend more than $20,000 on a
bike. Don’t do it. Most beginner bikes will be around $500 to $1000, which is
still a good chunk of change.  Luckily, the rewards are worth the cost, as a
good bike will last several years. Start with a lower-priced model and
resist the temptation to buy a super-bike… at least for now.


12. Think about joining USA Cycling:
USA Cycling is the official governing body of mountain biking, BMX,
track cycling, road cycling, and pretty much any other form of human powered
vehicle on two wheels in the United States. For those who are interested in
trying a bike race, a USA Cycling license is
required.  Joining USA cycling also has some nice benefits, including
information on where to ride, bike shops, cycling news, tips, and clinics.


Feeling faster already?  Go to the local bike shop (“LBS” in cycling speak)
and start testing some bikes. Ask lots of questions and be ready to make a few mistakes —
that’s how road cycling is learned.  Check out the list of resources below for
more information.


Will you try road cycling? Tell us in the comments below.



Further Resources

• 
  
  
  
  
  
  


• 
  Bicycling Magazine: Beginners
  Useful advice for newbie cyclists.
  
  
  
  
  


• 
  How to Buy a Bike
  Some tips and advice for finding the perfect ride.
  
  
  
  
  


• 
  Basic Road Bike Skills You Should Know
  Essential skills to learn before hitting the road.
  
  
  
  
  


• 
  How to Choose a Saddle
  Learn how to pick the most important piece of equipment on a bike.
  
  
  
  
  


• 
  Replacing an Inner-Tube
  Blow a wheel? Here’s a seven-minute video on how to fix a flat tire.
  
  
  
  
  

Works Cited

1. 2011 Compendium of Physical Activities: a second update of codes
   and MET values. Ainsworth, B.E., Haskell, W.L., Herrmann, S.D.,
   et al. Exercise and Wellness Program, School of Nutrition and Health Promotion,
   Arizona State University. The Journal of Medicine and Science in Sports and
   Exercise, 2011 Aug;43(8):1575-81 [↩]


2. Nutritional practices of male and
   female endurance cyclists. Burke, L.M. Australian Institute of
   Sport. The Journal of Sports Medicine, 2001;31(7):521-32 [↩]


3. Participation in road cycling vs running is associated with
   lower bone mineral density in men. Rector, R.S., Rogers, R.,
   Ruebel, M., et al. University of Missouri. The Journal of Metabolism: Clinical
   and Experimental, 2008 Feb;57(2):226-32 [↩]


4. Evaluation of the bone status in
   high-level cyclists. Guillaume, G., Chappard, D., Audran, M.
   French Professional Cyclism Team. The Journal of Clincial Densitometry, 2012
   Jan-Mar;15(1):103-7 [↩]


5. Resistance Training is Medicine:
   Effects of Strength Training on Health. Westcott, W.L. Quincy
   College. The Journal of Current Sports Medicine Reports, 2012 Jul;11(4):209-16
   [↩]


6. Effect of different bicycle body
   positions on power output in aerobically trained females.
   Hubenig, L.R., Game, A.B., Kennedy, M.D. University of Alberta. The Journal of
   Research in Sports Medicine, 2011 Oct;19(4):245-58 [↩]


7. Cyclists Improve Pedalling Efficacy and
   Performance After Heavy Strength Training. Hansen, E.A.,
   Ronnestad, B.R., Vegge, G., et al. Aalborg University. The International Journal
   of Sports Physiology and Performance, 2011 Dec 2 [↩]


8. Effects on the crank torque profile
   when changing pedalling cadence in level ground and uphill road
   cycling. Bertucci, W., Grappe, F., Girard, A., et al. Université
   de Franche Comté. The Journal of biomechanics, 2005 May;38(5):1003-10 [↩]


9. Effects of saddle height, pedaling
   cadence, and workload on joint kinetics and kinematics during
   cycling. Bini, R.R., Tamborindeguy, A.C., Mota, C.B. Universidade
   Federal do Rio Grande do Sul. The Journal of Sports Rehabilitation, 2010
   Aug;19(3):301-14 [↩]

Related Posts

• 
  Resources
  to Jump-Start Your Interval Training Now
  
  


• 
  50
  Bodyweight Exercises You Can Do Anywhere
  
  


• 
  News: Exercising Less May Help
  Us Lose More Weight
  
  


• 
  Healthier
  Choices: Kelvin Gary’s Daily
  Routine
  
  

✱*¨*•✶ (✿◠‿◠)★░░░░ ֆIԼƐɳƈƐ ░░░░*´`*•.✶

OFF ★
ցօօժղìցհէ
★sɯɐǝɹp ʇǝǝʍs★BBL★http://www.zazzle.com/creativecolours*



★ ♥ˆ◡ˆ♥ ★ ღƪ(ˆ◡ˆ)ʃ ☼★ (✿◠‿◠)



★((❀◕‿.◕))♥★☾☼☽


FEEL
FREE TO CHECK OUT MY
STORE
ANYTIME... ITS WHAT I
DO & HOW I EARN MY
LIVING! HAVE
FUN BROWSING /

BUYING...
THANKS.... SWEET SLEEPS ALL :))



http://www.zazzle.com/creativecolours* OR you

can go there from
this website's homepage
:))