khoand0000

My choice is ESLint

I like post. I have not used any tools before. I follow the post and decide to choose ESLint because I like feature: turn on/off and edit configuration. JSLint comes from Douglas Crockford, is a good choice. Ideally, all developers use only shared rules-base, come from a experience person. But each company have its rules-base, comes from a leader's experience, just suit to the company. As a developer, we need to follow the company's rules-base even we want to or not. As a freelancer, I have my own rules-base, some rules suit for me, some are not.

References:

• http://www.sitepoint.com/comparison-javascript-linting-tools/ comparating 4 tools fully
• http://stackoverflow.com/questions/6803305/should-i-use-jslint-or-jshint-javascript-validation

khoand0000

From http://underscorejs.org/#chaining

You can use Underscore in either an object-oriented or a functional style, depending on your preference

I decided that using functional style even I love OOP because:

• I want code style is consistent when using jquery, _.php (_.php uses static functions for usage, it is similar to functional style), _.js
• There is a special case: chaining using OO style, I known. It is exception.

khoand0000

Ref:

• https://gist.github.com/staltz/868e7e9bc2a7b8c1f754 main reference
• https://github.com/baconjs/bacon.js I think it is simple library to apply FRP, good document
• https://github.com/Reactive-Extensions/RxJS have not used.
• http://elm-lang.org/ A library provide a new language to build web, may be good, but I think to hard plug a js library into it. Need more time to learn and apply it because it is new language, not js or any languages I known

khoand0000

Ref:

• http://codenugget.co/2015/03/05/declarative-vs-imperative-programming-web.html main reference
• https://www.netguru.co/blog/imperative-vs-declarative having slide is good
• https://teamtreehouse.com/community/declarative-vs-imperative-vs-procedural-programming no example, but answer is good
• http://latentflip.com/imperative-vs-declarative/

Haven't read carefully:

• http://prog.vub.ac.be/~cderoove/declarative_programming/#material

khoand0000

Tools

• https://templates.campaignmonitor.com/canvas/design/03-fresh#/firstrun support drap&drop, easy to use but less customization, eg: change line-height, margin, padding between lines. don't need to register
• http://mailchimp.com drap&drop, easy to use, more customization than campaignmonitor, but need to register first
• http://foundation.zurb.com/emails/docs.html no editor, provide Boilerplate. As developer, I like it, but hard to implement it, not sure will put right table into another table

--> use mailchimp.com, export html and change code

Compare wordpress email plugin

• https://wordpress.org/plugins/email-templates/ can't edit body, don't like it
• https://wordpress.org/support/view/plugin-reviews/wp-email-template many options, I can't find that change content body, hard to use, don't like it

khoand0000

ref: http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery

function resetFormElement(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();

  // Prevent form submission
  event.stopPropagation();
 event.preventDefault();

khoand0000

Don't use it. ref: http://stackoverflow.com/questions/16157762/tolocalestring-not-supported-in-all-browsers

khoand0000

user-role-editor

• pros: support multiple roles for user. Permit add/remove other capabiliies for given user.
• cons: all capabilities are listed flat layout, not grouped, hard for normal user (not wordpress developer)

advanced-access-manager

• pros: good UI, easy usage, hide backend menu (love the function)
• cons: user has just only role, can't add more capabilities into given user, just enable/disable capabilities belong to role that user belongs to

capability-manager-enhanced

• pros: clear UI, I like table layout. copy role from existing role

khoand0000

I copied the solution from link: http://stackoverflow.com/questions/19305821/multiple-modals-overlay

$(document).on('show.bs.modal', '.modal', function () {
    var zIndex = 1040 + (10 * $('.modal:visible').length);
    $(this).css('z-index', zIndex);
    setTimeout(function() {
        $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
    }, 0);
});

khoand0000

pure js	jquery	angular	_.js	_.php	pure php	note
-	[$.map]	-	[_.map]	->map	[array_map]	-
-	-	-	[_.filter]	->filter	[array_filter]	-
-	-	-	[_.pick]	->pick	[array_filter]	filter object (whitelisted keys)
-	-	-	[_.omit]		-	filter object (blacklisted keys)
-	-	-	[_.reduce]	->reduce	-	-
-	-	-	[_.chain]	Underscore::from	-	-
-	-	-	[_.value]	->value	-	-
-	-	-	[_.pluck]		-	-