I'm a Full Stack Developer + Aspiring iOS Developer, HTML5/JS Hacker, NodeJS Enthusiast, Micropreneur, Music Nerd, Scotch Fanatic and Chicken Tender Lover
I specialize in building stunning, responsive websites for both desktop and mobile. My toolbox includes HTML/HTML5, CSS3, JavaScript development and many other tools.
Lately I've been enjoying building and designing anything mobile from mobile apps to mobile websites. This blog is about anything I find interesting and fun.
The Purpose:
On mobile display, every pixel counts. To minimize the space required to display the search form, it is displayed in a compact form and then expand to full width on :focus. This way more space can be used for other interface elements or content area.
Check out the extended article over at http://webdesignerwall.com
I wanted to see the effects of jquery compiled from coffeescript. When writing any coffeescript take notice of how you must use white space.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
// coffeescript menuStatus = false $("#showMenu").live 'tap', -> if !menuStatus then $(".ui-page-active").animate marginLeft: "165px", 280, -> menuStatus = true else $(".ui-page-active").animate marginLeft: "0px", 280, -> mentuStatus = false return // compiled jQuery var menuStatus; menuStatus = false; $("a.showMenu").live('tap', function() { if (!menuStatus) { return $(".ui-page-active").animate({ marginLeft: "165px" }, 280, function() { return menuStatus = true; }); } else { return $(".ui-page-active").animate({ marginLeft: "0px" }, 280, function() { var mentuStatus; return mentuStatus = false; }); } }); return; |
© 2017 Aldo Lugo
Theme by Anders Noren — Up ↑
