Resources

mech · mech · commit 38af1f5d5f5d · 2015-01-21T15:40:43.000+08:00
diff --git a/CSS/animation.md b/CSS/animation.md
@@ -6,6 +6,7 @@
 * [The web animation you have always wanted](http://alexjray.com/post/the_web_animations_you_have_always_wanted/)
 * [**Foundation for App - Motion UI is the new flat**](http://zurb.com/article/1340/foundation-for-apps-motion-ui-is-the-new-)
 * [**Codrops playground**](http://tympanus.net/codrops/category/playground/)
+* [**Using motion for UX on apps and websites**](http://www.smashingmagazine.com/2015/01/19/using-motion-for-ux-on-apps-and-websites/)
 * [CSS core animation skills](http://demosthenes.info/blog/966/CSS-Core-Animation-Skills-Gravity-Squash-and-Stretch)
 * [The 12 principles of animation](http://the12principles.tumblr.com/)
 * [Interaction ProTip](http://aerotwist.com/tutorials/)
diff --git a/CSS/layout.md b/CSS/layout.md
@@ -11,6 +11,8 @@
 * [3D curtain template](http://codyhouse.co/gem/3d-curtain-template/)
 * [Float elements with a consistent gutter width and make them drop to next row automatically with cycle](http://corysimmons.github.io/elf/)
 * [Golden ratio is actually real?](http://www.designyourway.net/blog/inspiration/using-golden-ratio-in-web-design-is-not-ludicrous-its-actually-ideal/)
+* [Content filter UI example](http://codyhouse.co/gem/content-filter/)
+* [Responsive grid using calc](http://mintran.com/responsive-grid-using-calc/)
 
 ## Example
 
diff --git a/CSS/resources.md b/CSS/resources.md
@@ -42,6 +42,7 @@
 * [Designer's guide to DPI](http://sebastien-gabriel.com/designers-guide-to-dpi/)
 * [Typesettings?](http://mikemai.net/typesettings/index.html)
 * [Important @font-face fast loading technique](http://www.filamentgroup.com/lab/font-loading.html)
+* [Keeping specificity low](http://css-tricks.com/strategies-keeping-css-specificity-low/)
 
 ## line-height
 
diff --git a/CSS/style_guide.md b/CSS/style_guide.md
@@ -69,6 +69,7 @@ Atom (Abstract) - Molecule - Organisms - Template - Page (the level where you va
 * [Mixins](http://juicynex.us/juice/)
 * [Code Guide by @mdo](http://codeguide.co/)
 * [Style guide best practices](http://bradfrost.com/blog/post/style-guide-best-practices/)
+* [Organizing CSS color palettes](https://news.layervault.com/stories/41926-organizing-css-color-palettes)
 
 ## Playbook
 
diff --git a/CSS/tricks.md b/CSS/tricks.md
@@ -22,6 +22,8 @@
 * [Mobile app introduction template](http://codyhouse.co/gem/app-introduction-template/)
 * [Pull](http://codepen.io/fbrz/full/bNdMwZ/)
 * [Nice button challenge](https://news.layervault.com/stories/41631-css-challenge-how-would-you-markup-this-element)
+* [CSS challenge](https://news.layervault.com/stories/41990-css-challenge-2-how-would-you-markup-this-element)
+* [Auto-hide sticky header](http://osvaldas.info/auto-hide-sticky-header)
 
 ```
 /* do nothing when clicked even through JavaScript */
diff --git a/Command/bash.md b/Command/bash.md
@@ -42,6 +42,8 @@ tree folder -d
 pwd -P # true full path
 grep root /etc/* # Check every files that contain the word root
 df -h # Disk usage
+< /dev/urandom tr -dc _A-Z-a-z-0-9 | head -c12 | xargs echo
+grep -v // !$ | grep -v ^$ # Clean out comment
 ```
 
 `/proc/sys/net/ipv4` is where you configure your TCP/IP.
@@ -137,6 +139,7 @@ IPADDR=58.xx.xx.xx
 Then bring the interface up using `sudo ifup eth0:1`
 
 ```
+netstat -tnl
 less /etc/services
 sudo netstat -anlp
 sudo fuser 22/tcp # To see which application is using which port
diff --git a/Command/mavericks.md b/Command/mavericks.md
@@ -391,7 +391,18 @@ Use https://github.com/jimbojsb/launchrocket at the PreferencePane.
     update users set email=CONCAT("jlxyz_", email) where type='Employer';
     
     mongorestore --db jobline_dev --drop ~/Desktop/mongodb_bak_with_timestamp/jobline_pro
-    
+
+You can also change MySQL root password using:
+
+```
+UPDATE mysql.user SET Password=PASSWORD('XXX') WHERE User='root';
+FLUSH PRIVILEGES;
+DROP USER ''@'db1';
+DROP USER ''@'localhost';
+
+mysql -h $HOST -u $USERNAME --password=$PASSWORD $DB_NAME
+```
+
 # FileMaker and VMWare Fusion
 
 * [Change VMWare Fusion 6 NAT IP space](https://coderwall.com/p/mjbryq)
diff --git a/Command/vim.md b/Command/vim.md
@@ -1,6 +1,7 @@
 # Vim
 
 * [Cheat Sheet](http://www.lagmonster.org/docs/vi.html)
+* [Vim customised to be like SublimeText](https://github.com/subvim/subvim)
 
 ```
 v   # Visual mode
diff --git a/Design (Product)/UX.md b/Design (Product)/UX.md
@@ -12,6 +12,7 @@
 * [**UX Directory**](http://abetteruserexperience.com/ux-directory/)
 * [**UX for wizards**](https://medium.com/re-form/ux-for-wizards-e6ffaad577b4)
 * [**The best UX links of 2014**](https://medium.com/@kennycheny/the-best-user-experience-links-of-2014-7405f7d1668a)
+* [**Lean UXmas**](http://leanuxmas.com/)
 * [Users Know](http://usersknow.blogspot.sg/)
 * [Designer Fund's blog](http://designerfund.com/bridge/blog/)
 * [Design Mind - Frog](http://designmind.frogdesign.com/)
diff --git a/Design (Product)/User Interaction.md b/Design (Product)/User Interaction.md
@@ -8,6 +8,7 @@ Interaction design (IxD) focuses on user behaviors and motivations. IxD asks WHY
 * [**Stop changing UI for no good reason**](https://lobste.rs/s/kiq75p/stop_changing_uis_for_no_good_reason)
 * [**UX UI**](http://designmodo.com/ux-ui/)
 * [**Google's quest to write the rulebook for interaction design**](http://www.wired.com/2014/11/googles-quest-write-rulebook-interactive-design/)
+* [**IA questions on navigation menus**](http://www.nngroup.com/articles/ia-questions-navigation-menus/)
 * [8 smartest UI design ideas](http://www.wired.com/2014/12/years-8-smartest-ui-design-ideas/)
 * [Writing-first design](https://signalvnoise.com/posts/3801-writing-first-design)
 * [Design checklist fir IxD](https://medium.com/@tinkadoic/design-checklist-for-ixd-students-419dbbe1c1d3)
@@ -81,6 +82,8 @@ There is no intuitive interface, just "easy-to-learn" interface.
 
 * [Introduction to Material Design](http://marketblog.envato.com/trends/introduction-material-design/)
 * [How to not freak out about Material Design](https://medium.com/@xXxXxXxXxXam/how-to-not-freak-out-about-material-design-33cec7381b80)
+* [We are living in a material world](http://blog.trello.com/we-are-living-in-a-material-world-and-i-am-a-material-girl/)
+* [Please stop using material design](http://mintran.com/please-stop-using-material-design/)
 
 ## Sound UI
 
diff --git a/Design (Product)/good_design.md b/Design (Product)/good_design.md
@@ -37,6 +37,7 @@
 * [Arrogance and confidence in design - Generate Conference](https://www.youtube.com/watch?v=ngQnoBWsFfc)
 * [Good talks about design](https://news.layervault.com/stories/25939-ask-dn-good-talks-about-design)
 * [The Creative Class](http://thecreativeclass.tv/)
+* [Designers Watch](http://designers.watch/)
 
 ---
 1. **Good design is simple.** When you're forced to be simple, you're forced to face the real problem. When you can't deliver ornament, you have to deliver substance.
diff --git a/Design (Product)/process.md b/Design (Product)/process.md
@@ -74,6 +74,10 @@ Something to break the ICE:
 * Stay in sketch mode, much longer than you think. Longer than you're probably used to. As soon as you go into Photoshop you're slowing yourself down and walling yourself off. In the beginning of the process, when **alignment** and problem solving are paramount, you need to stay in sketch mode as long as possible.
 * Tons of artboards and layers, but no clear story or point of view. No pitch.
 
+## Jobs to be done (JTDB)
+
+* [Converting to Jobs stories](http://robots.thoughtbot.com/converting-to-jobs-stories)
+
 ## Prototyping
 
 * [The PRD is dead, long live the prototype!](http://zurb.com/article/1331/the-prd-is-dead-long-live-the-prototype)
diff --git a/Design (Product)/resources.md b/Design (Product)/resources.md
@@ -4,6 +4,8 @@ It's not about the product, it's about your users.
 
 **https://medium.com/@hvost/designer-news-most-popular-stories-of-2014-547e0e89865b**
 
+* [**Bringing Design to Software**](http://hci.stanford.edu/publications/bds/)
+* [**Design the user, not the experience**](https://userbrain.net/blog/design-the-user)
 * [Humanize experiences with technology and data](http://www.wired.com/2014/11/rise-of-data-artists/)
 * [Don't give your user shit work](http://zachholman.com/posts/shit-work/)
 * [Designing the next generation](http://timothyachumba.com/blog/designing-the-next-generation)
@@ -71,13 +73,15 @@ It's not about the product, it's about your users.
 * [**5 most common mistakes in design**](https://medium.com/the-year-of-the-looking-glass/the-5-most-common-mistakes-in-design-52816ab77b3d)
 * [Best tools for designers](http://www.producthunt.com/saijo_george/collections/best-tools-for-designers)
 * [How to design for everybody](https://medium.com/@rachelhaot/how-to-design-for-everybody-4b2870724c4)
+* [Personas](https://medium.com/@mikeybrand/personas-f563f8ac087a)
 
 ## Research
 
 User research == Customer development
 
 * [Does research make design better?](http://www.dtelepathy.com/blog/design/does-research-make-design-better)
 * [An evolving map of design practice and design research](http://www.dubberly.com/articles/an-evolving-map-of-design-practice-and-design-research.html)
+* [Ethnographic Research](http://robots.thoughtbot.com/ethnographic-research-exercise)
 
 ## Product Design
 
diff --git a/Design (Product)/tools.md b/Design (Product)/tools.md
@@ -13,4 +13,5 @@
 * [Prototyping Tools](http://prototypingtools.co/)
 * [Quick dirty UX design techniques](http://blog.placeit.net/quick-dirty-ux-design-techniques/)
 * [Prototyping with Form for the first time](https://medium.com/@makeshowlearn/prototyping-with-form-for-the-first-time-a2cf2982a952)
-* [Prototyping for better products, stronger teams and happier clients](http://www.smashingmagazine.com/2014/09/19/prototyping-for-better-products-stronger-teams-and-happier-clients/)
+* [Prototyping for better products, stronger teams and happier clients](http://www.smashingmagazine.com/2014/09/19/prototyping-for-better-products-stronger-teams-and-happier-clients/)
+* [Breaking down the prototyping tools of today](http://stephenmeszaros.com/posts/prototyping-tools.html)
diff --git a/Design (Visual)/photoshop.md b/Design (Visual)/photoshop.md
@@ -1,5 +1,6 @@
 # Photoshop
 
+* [**Traveling and Photography**](http://paulstamatiou.com/traveling-and-photography-part-1/)
 * [Some nice free works](http://www.bestpsdfreebies.com/)
 * [State](https://medium.com/@bradee/layer-comps-and-place-linked-smart-objects-6feb574963ef)
 * [Creating color palettes using adjustment layers](http://bjango.com/articles/adjustmentlayers/)
diff --git a/Design (Visual)/resources.md b/Design (Visual)/resources.md
@@ -9,6 +9,8 @@
 * [Design graphics](http://nathanbarry.com/design-graphics-blog-posts/)
 * [Design History](http://www.vanseodesign.com/web-design/design-history/)
 * [Classic design books](https://news.layervault.com/stories/39986-classic-design-books)
+* [Mood lines?](http://www.zevendesign.com/mood-lines-giving-designs-attitude/)
+* [25 epic design tips](http://designschool.canva.com/blog/graphic-design-tips-non-designers/)
 
 ## Videos
 
@@ -34,6 +36,8 @@
 * [Tints, tones, and shades](http://viget.com/inspire/tints-tones-shades)
 * [How do you present a color palette](https://news.layervault.com/stories/38755-how-do-you-present-a-color-pallette)
 * [Material UI Colors](http://www.materialui.co/colors)
+* [Flat UI colors](http://flatuicolors.co/)
+* [Flat UI colors 2](http://flatuicolors.com/)
 
 ## Icon
 
diff --git a/Design (Visual)/sketch_app.md b/Design (Visual)/sketch_app.md
@@ -48,6 +48,8 @@ Tools that are worth watching: Sketch, UXPin, FramerJS, Pixate, Flinto, Marvel,
 * [10 tips](http://blog.uxpin.com/5951/10-best-practices-sketch/)
 * [Design a to-do app icon](http://airwalk-design.com/?cat=tutorials&inc=1744&stick=design-a-todo-list-app-icon-with-sketch-3)
 * [Photoshop extensions for frontend developers](http://vilcins.lv/blog/2015/Photoshop-extensions-for-frontend-developers/)
+* [Prototyping with Sketch](http://blog.invisionapp.com/11-tips-for-prototyping-with-sketch/)
+* [An index of the most useful resources for Sketch](http://sketch.land/index.html)
 
 ## Tutorials
 
diff --git a/Design (Visual)/typography.md b/Design (Visual)/typography.md
@@ -2,6 +2,7 @@
 
 * [**Practical Typography**](http://practicaltypography.com/)
 * [**Free Alternatives**](http://www.typewolf.com/free-alternatives)
+* [**Popular fonts in 2014**](http://www.typewolf.com/blog/most-popular-fonts-of-2014)
 * [Type Genius - Find the perfect font combo](http://www.typegenius.com/)
 * [Typographer typefaces](http://blog.8faces.com/post/103548341771/typographers-typefaces)
 * [Lettering Gear](http://tumblr.ryanhamrick.com/post/50012569117/lettering-gear-a-quick-guide-to-get-started)
@@ -48,6 +49,7 @@
 * [A short and sweet interactive introduction to typography](http://imwillryan.com/typefun01/)
 * [Font pairing](http://www.newmediacampaigns.com/blog/resources-for-font-pairing-typography-inspiration)
 * [The State of Web Type](http://stateofwebtype.com/)
+* [Font Pair for Google fonts](http://fontpair.co/)
 
 ```
 // New for Firefox 25
diff --git a/HR/resources.md b/HR/resources.md
@@ -95,6 +95,7 @@ Using themes examples from Deckset app, we can convert each candidate's CV into
 
 ## Job Board
 
+* [Awesome Remote Job](https://github.com/lukasz-madon/awesome-remote-job/)
 * [How to interpret ridiculous web design job posts](http://blog.teamtreehouse.com/how-to-interpret-ridiculous-web-design-job-posts)
 * [List of job boards](http://oozled.com/resources/job-boards)
 * Company Ethos
@@ -104,6 +105,7 @@ Using themes examples from Deckset app, we can convert each candidate's CV into
 * Job listings distribution channels
 * Have an "Editorial Team" to craft compelling posts
 * [Remote jobs sites](https://news.layervault.com/stories/36437-ask-dn-remote-jobs-sites)
+* [Weekly Design Jobs](http://weeklydesignjobs.com/)
 
 ## Salary
 
diff --git a/HTML5/resources.md b/HTML5/resources.md
@@ -32,6 +32,8 @@
 * [DevTools Tips](http://devtoolstips.com/)
 * [Tools for static websites](http://cloudcannon.com/tips/2014/12/12/the-ultimate-list-of-services-for-static-websites.html)
 * [Andy Hall](http://andyhall.github.io/)
+* [A beginning guide to website speed optimization](https://kinsta.com/learn/page-speed/)
+* [5 ways to use Google Analytics](http://www.sitepoint.com/5-ways-use-google-analytics-ux-research/)
 
 ## Offline-first
 
diff --git a/JavaScript/angular.md b/JavaScript/angular.md
@@ -7,6 +7,9 @@ Angular 2.0 favors class-based designs with annotations as metadata.
 * [Design doc for Angular 2.0](https://drive.google.com/drive/#folders/0B7Ovm8bUYiUDR29iSkEyMk5pVUk)
 * [Preparing for the future of Angular.js](https://www.airpair.com/angularjs/posts/preparing-for-the-future-of-angularjs)
 * [Angular Resources](https://github.com/JonathanZWhite/AngularJS-Resources)
+* [The problem with Angular](http://www.quirksmode.org/blog/archives/2015/01/the_problem_wit.html)
+* [What's wrong with Angular.js](https://medium.com/este-js-framework/whats-wrong-with-angular-js-97b0a787f903)
+* [You have ruined JavaScript](http://codeofrob.com/entries/you-have-ruined-javascript.html)
 
 # Angular 1.0
 
diff --git a/JavaScript/resources.md b/JavaScript/resources.md
@@ -2,6 +2,7 @@
 
 JavaScript dynamic duo (static type is overrated):
 
+* [**ES6 Learning**](https://github.com/ericdouglas/ES6-Learning)
 * [ES Discuss](http://esdiscuss.org/)
 * Loose typing
 * Object extension
diff --git a/Mobile Web/resources.md b/Mobile Web/resources.md
@@ -29,6 +29,7 @@
 * [Inspect your device](http://mydevice.io/)
 * [**WTF Mobile Web**](http://wtfmobileweb.com/)
 * [How to write mobile-first CSS](http://www.zell-weekeat.com/how-to-write-mobile-first-css/)
+* [Responsive grid using calc](http://mintran.com/responsive-grid-using-calc/)
 
 ## List of screen resolution
 
@@ -174,6 +175,7 @@ Notice the `background-size` is set to `100%` for both width and height. This ma
 
 * [Figuring responsive images](http://css-tricks.com/video-screencasts/133-figuring-responsive-images/)
 * [Responsive images in practice](http://alistapart.com/article/responsive-images-in-practice)
+* [Adaptive Images](http://adaptive-images.com/)
 
 ## Favicon
 
diff --git a/Ruby/api.md b/Ruby/api.md
@@ -11,6 +11,8 @@ API driven. Treat data as content package and not as rows in a spreadsheet. Make
 * [Microservice?](http://www.infoq.com/news/2014/05/nano-services)
 * [Scalable Internet Architectures](http://www.infoq.com/presentations/Scalable-Internet-Architectures)
 * [**HTTPie**](https://github.com/jakubroztocil/httpie)
+* [**resty**](https://github.com/micha/resty)
+* [**jq**](http://stedolan.github.io/jq/)
 * [RESTful API design](http://restful-api-design.readthedocs.org/en/latest/)
 * [Hypermedia APIs the new wild west](http://decomplecting.org/blog/2012/05/30/hypermedia-apis-the-new-wild-west/)
 * [Roar and Representable - Strange API libraries](https://github.com/apotonick/roar)
@@ -26,6 +28,7 @@ JSONP is just a hack to bypass.
 * [The Same-Origin Saga](https://vimeo.com/54121245)
 * [Origin policy enforcement in modern browser](https://www.youtube.com/watch?v=PbvxtMCUG8U)
 * [HTTP Strict Transport Security](https://www.owasp.org/index.php/HTTP_Strict_Transport_Security)
+* [Enable CORS](http://enable-cors.org/)
 
 ## API Testing (TDD)
 
diff --git a/Software Engineering/resources.md b/Software Engineering/resources.md
@@ -1,5 +1,6 @@
 # Resources
 
+* [**Dev Freecasts**](http://devfreecasts.org/)
 * [**Structure 101**](http://structure101.com/)
 * [VisuAlgo](http://www.comp.nus.edu.sg/~stevenha/visualization/index.html)
 * [Quickly learn X programming language](http://learnxinyminutes.com/)
