manikrathee
/ ios-viewport-scaling-bug-fix-original.js
Created
March 1, 2012 22:10
— forked from mathiasbynens/ios-viewport-scaling-bug-fix-original.js
Improved version of JavaScript fix for the iOS viewport scaling bug. See http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/ | |
| var metas = document.getElementsByTagName('meta'); | |
| var i; | |
| if (navigator.userAgent.match(/iPhone/i)) { | |
| for (i=0; i<metas.length; i++) { | |
| if (metas[i].name == "viewport") { | |
| metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0"; | |
| } | |
| } |
manikrathee
/ index.html
Created
September 18, 2012 19:36
There is probably a lot of place for improvement, but you get the point : one element, custom tooltip.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <span class="tooltip" data-tooltip="Hi! I'm a tooltip!">Hover me</span> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <style> | |
| #rotate{ | |
| position: absolute; | |
| top: 400px; | |
| font-size: 20px; | |
| background: #f3f3f3; | |
| color: #333; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <style> | |
| #rotate{ | |
| position: absolute; | |
| top: 400px; | |
| font-size: 20px; | |
| background: #f3f3f3; | |
| color: #333; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Background Change based on track click | |
| $('#main-stream').on('click', '.stream-item', function(){ | |
| streamItem = $('this'); | |
| albumArt = $('this').data('album-art-background'); | |
| console.log( streamItem.data('album-art-background') ); | |
| console.log('stream-clicked'); | |
| if ($('body').hasClass('active')){ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Now Playing & Background Album Art | |
| $('#main-stream').on('click', '.stream-item', function(){ | |
| var artist = $('this').find('.artist').text(); | |
| var track = $('this').find('.track').text(); | |
| var nowPlaying = arist + track; | |
| $('#now-playing-title').text(nowPlaying); | |
| if ($('#now-playing').hasClass('hidden')){ |
manikrathee
/ uber-vs-taxis-manik-rathee-blog
Last active
December 20, 2015 11:59
Blog Post for blog.manikrathee.com
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| The San Francisco Taxi Labor Union is on strike. They are unhappy with Ubers, RideShare and Lyfts taking away their business. But it begs the question - if customers are leaving, are these new innovators to blame? | |
| From my perspective, there is a really simple reason customers are not using regular cabs anymore. Allow me to take my experience and paint you a word picture. | |
| The Process of Finding a Cab | |
| Taxi | |
| Try hailing a cab for 5-10 minutes while several empty ones ignore me and drive past. | |
| Uber | |
| Wait 3 minutes for a driver to arrive and call my phone, while I enjoy a beer at home. Follow their location via GPS. | |
| Then, The Driver Arrives |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Alert System | |
| @mixin alert($color) { | |
| @extend %alert_base; | |
| color: lighten($color, 30%); | |
| // background: $color; | |
| background: darken($color, 4%); | |
| text-shadow: 0 1px 0darken($color, 25%); | |
| border-color: darken(adjust-hue($color, -10), 30%); |
manikrathee
/ super-clickable-button-scss
Last active
December 21, 2015 04:49
A Sass version of my '.super-clickable-button' gist: https://gist.github.com/manikrathee/1b1f98577d93844fd5fa
OlderNewer