Categories

  • AngularJS (42)
  • CSS (21)
  • Fun Projects (7)
  • Git (2)
  • IOS (1)
  • JavaScript (52)
  • Kendo (2)
  • OS X (15)
  • Performance (7)
  • PHP (4)
  • Rails (15)
  • ReactJS (4)
  • Recommendations (7)
  • Ruby (6)
  • SICP (3)
  • Testing (7)
  • Thoughts (30)
  • THREE.js (1)
  • Tools (9)
  • TypeScript (2)
  • Ubuntu (6)
  • Uncategorized (7)
  • VIM (4)

Archives

  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • November 2016
  • October 2016
  • September 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • September 2013

Tags

angular directive AngularJS Book Charles Chrome CoffeeScript Compatibility CSS Debug Fun Future Future Reference Git html input Jasmine JavaScript jQuery Knowledge Learn Less localStorage Map Material Design parallax Performance PHP Programmers Proxy Psychology Rails ReactJS reading Recommendations Reference RoR Ruby Ruby on Rails Self-teach Snippet SublimeText Testing Three.js Vim Wordpress YouTube API

Most Helpful Posts

  • Angular Email Validation with Ng-Pattern (2484)
  • How to: Prevent Body From Scrolling When Overlay Is On (1658)
  • Reference: $state.go() with Parameter (1369)
  • Angular: All About Input Type="File" (1251)
  • Protractor Locators (Selectors) (905)
  • Cannot read property 'replace' of undefined in jQuery (436)
  • Angular Directive: Click Elsewhere? (394)
  • How To Remove All NPM Proxy Settings (368)
  • Render Post Processing with Three.js (233)
  • Disable Popup "Please Fill In this Field" (230)
  • Common Errors with NanoScroller (213)
  • How to: Prevent Body From Scrolling (202)
  • Object.prototype.toString.call()? (161)
  • Using Karma With RequireJS (156)
  • Angular Material: No Instance Found For Handle Left (118)

Total quant of thanks: 11743

  • Email
  • Twitter
  • Google Plus
  • LinkedIn
  • GitHub
  • Widgets
  • Connect
  • Search

Have Fun Learning

Passionately Curious

Menu

Skip to content
  • Posts
  • Playground
  • Recommendations
  • About

Monthly Archives: July 2014

JavaScript

jQuery: keyup, keydown, keypress?

July 31, 2014luciaJavaScript, jQuery

In normal cases, go for keyup:

$(document).keyup(function(e){
  console.log(e.which);
});

Reasons:

  1. keydown keeps firing when user holds the keys down, while keypress and keyup fire only once.
  2. keypress doesn’t detect special keys (e.g. SHIFT), keydown and keyup do.
ajax loader
Standard
CSS, JavaScript

IOS Video Control: Mission Impossible?

July 28, 2014lucia

I spent 1.5 hours deleting code and comparing and found that JavaScript initiated events just can’t get the video going. One all-mighty Googling [1][2]  revealed that, “embedded media cannot be played automatically in Safari on iOS – the user always initiates playback.” Damn.

It looks like a dead end. But wait. How did videojs-youtube managed it?

Continue reading →

ajax loader
Standard
Fun Projects, JavaScript

jquery-youtube: Youtube API Packup

July 25, 2014luciaCoffeeScript, JavaScript, YouTube API


[LINK]

Continue reading →

ajax loader
Standard
JavaScript

FullScreen with jQuery

July 16, 2014luciaFullScreen, jQuery, Plugin

 

The thing is, for security reasons, fullscreen could only be triggered by mouse and keyboard events. Trying it out in console alone would be vain.

Continue reading →

ajax loader
Standard
JavaScript

Youtube Embedding

July 14, 2014luciaYouTube API

Where I stumbled:

  • The JavaScript API is a completely different thing than the iframe API
  • An outside script is actually needed for the iframe API

Continue reading →

ajax loader
Standard
JavaScript, THREE.js

Understanding THREE.js

July 11, 2014lucia

Q: What is a working THREE page composed of?

THREE things:

  • Scene: a scene, a stage, to add stuff into
  • Camera: somewhere to stand and peer
  • Renderer: a 2D surface to cast the 3D calculation onto

Continue reading →

ajax loader
Standard
JavaScript

window.innerWidth Vs. $(window).innerWidth()

July 1, 2014luciajQuery

What are the differences:

  • window.innerWidth: with scrollbar
  • $(window).innerWidth(): wrong usage
  • $(window).width(): without scrollbar
  • mediaquery: with scrollbar (at least the standard ones)

Continue reading →

ajax loader
Standard
Proudly powered by WordPress | Theme: Ryu by WordPress.com.