Make a simple and cool bootstrap form.

All you have to do is, just add a class ‘alo-form’ to your form element and add the following styles to your stylesheet. All of a sudden your form looks like this. Styles ======== .alo-form .form-group:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .alo-form .form-group { display: table; width: 100%; margin-bottom: -1px; border: 1px solid #ccc; […]

Continue reading


User Experience design guidlines

http://www.smashingmagazine.com/2013/10/23/smart-transitions-in-user-experience-design/ http://www.smashingmagazine.com/2014/05/07/6-common-problems-ux-process-6-solutions/ http://www.smashingmagazine.com/2013/11/11/guidelines-navigation-categories-ecommerce-study/ http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/ The Lean UX Manifesto: Principle-Driven Design http://www.smashingmagazine.com/2014/01/08/lean-ux-manifesto-principle-driven-design/ http://boxesandarrows.com/the-right-way-to-do-lean-research/  

Continue reading


Resources for becoming good UX designer

UX design patterns and resources for learning UX/UI HTML 5 and CSS3 Learn to use HTML and CSS to produce solid, professional-looking static web content. Learn to use Google Chrome Developer tools to understand web page construction. Learn to design and wireframe a site and then code it from scratch. http://learn.shayhowe.com/html-css/ http://www.codecademy.com/tracks/web http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/ http://joshmilo.com/new-technologies-a-how-to/ jQuery […]

Continue reading