Questions & temp notes
// Working
$(document).on("click", ".add-project-btn", function() {
console.log($(this).parents(".project-container").);
});
// Not working
$(".add-project-btn").on("click", function() {
console.log($(this).parents(".project-container").);
});
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
@media screen and (max-width: 600px) {
ul.topnav li.right,
ul.topnav li {float: none;}
}
http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_responsive
#navbar-container button {
border: none;
background: none;
display:inline-block;
margin: 0;
padding: 5px 10px;
font-weight: 400;
}
-
Cross origin: Cross origin requests are only supported for protocol schemes: run your html on a simple server to get rid of this:
howler.min.js:2 XMLHttpRequest cannot load file:///C:/Users/Jiabei/Desktop/Web/partatap/src/sounds/zig-zag.mp3. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
I decided to run it on a local HTTP server hosted by Python, using:
python -m SimpleHTTPServer
var filters = $(".plan-filter-options .font-subtitle");
for (var i = 0; i < filters.length; i++) {
$(filters[i]).on("tap", function() {
$(this).next().slideToggle(200);
$(this).siblings(".font-subtitle").next().css("display", "none");
});
}
val() only gives the "value" of the option, like value="name"
user["gender"] = $("#register-gender option:selected").text();
// Get a list of checked:
var categories = $("input[name='interests']:checked");
- Frontend Engineer
- Web browsers
- Programming Languages
- Slicing
- Development tools
- Editors and IDEs
- Debugging
- Revision Control
- Code quality
- Coding style
- Unit testing
- Auto-testing
- Frontend libraries / frameworks
- Frontend standards / specifications
- HTTP/1.1: RFCs 7230-7235
- HTTP/2
- ECMAScript3/5
- W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
- CommonJS Modules/AMD
- HTML5/CSS3
- Semantic Web
- Web Accessibility
- Performance
- SEO
- General programming knowledge
- Data structure
- OOP/AOP
- Prototype chain/Scope chain
- Closure
- Programming paradigms
- Design Patterns
- Javascript Tips
- Deployment flow
- Code organizing
- Modularizing libraries
- CommonJS/AMD
- YUI3 Modules
- Modularizing business logic
- File loaders
- Modular preprocessor
- Modularizing libraries
- Security
- CSRF/XSS
- CSP
- Same-origin policy
- ADsafe/Caja/Sandbox
- Mobile Web
- Advanced technology communities/conferences
- D2/WebRebuild
- NodeParty/W3CTech/HTML5梦工厂(HTML5 Dreamworks)
- JSConf/沪JS(JSConf.cn)
- QCon/Velocity/SDCC
- JSConf/NodeConf
- CSSConf
- YDN/YUIConf
- HybridApp
- WHATWG
- MDN
- codepen
- w3cplus
- CNode
- Computer science
- Compilation principle
- Computer network
- OS
- Algorithm principle
- Software Engineering/Software testing principle
- Unicode
- Soft skills
- Knowledge Management/Sharing
- Communication/Teamwork
- Requirements Management/PM
- Interaction Design/Availability/Accessibility
- Visualization
- Backend Engineer
The ★ less and easier, the more suitable for starters
- More Eric Meyer on CSS★★★
- CSS: The Definitive Guide (3rd Edition)★★
- CSS Mastery: Advanced Web Standards Solutions★★★
- DOM Scripting: Web Design with JavaScript and the Document Object Model★
- Professional JavaScript for Web Developsers (Third Edition)★★
- 锋利的jQuery★★
- High Performance JavaScript★★★
- JavaScript: The Good Parts★★★
- JavaScript: The Definitive Guide (Sixth Edition)★★★
- Maintainable JavaScript★★★
- JAVASCRIPT语言精髓与编程实践★★★
- Effective Javascript★★★
- Secrets of the JavaScript Ninja★★★
- JavaScript Patterns★★★
- JavaScript设计模式★★★★
- JavaScript Web Applications★★★★
References: JacksonTian