Skip to content

Instantly share code, notes, and snippets.

@spinningcat
Created October 31, 2016 13:48
Show Gist options
  • Save spinningcat/945119bac03bafc4e258e97dd4644884 to your computer and use it in GitHub Desktop.
Save spinningcat/945119bac03bafc4e258e97dd4644884 to your computer and use it in GitHub Desktop.
useful sources and codes
Display the source blob
Display the rendered blob
Raw
### *Learning Jquery*
##### **For learning jquery.**
- http://jquery.com
- http://jqueryui.com
- http://jquerymobile.com
- http://learn.jquery.com
- http://try.jquery.com
##### **Check this playlist out. This playlist has multiple vids series. Guy who make this video available to you, is probably**
##### **indian but he has understandable acceent.**
- https://www.youtube.com/results?search_query=kudvenkat+playlist
##### **You can apply this any jquery ui object.**
- https://jqueryui.com/position/
##### **Interactive course web site.**
- https://tr.coursera.org/
- https://www.pluralsight.com/
- https://www.codeschool.com/
- https://www.lynda.com/in/general2?utm_source=google&utm_medium=cpc&utm_campaign=l%204-EMEA-SEM-Brand&cid=l3-gb:en:ps:lp:prosc:s0:0:all:google:mbm-lyndia&utm_content%20=104754940626&utm_term=%2Blyndia&device=c
- https://www.udemy.com/
- https://www.codeacademy.com/
#####**Complete tutorial HTML - JS - CSS**
- https://developer.mozilla.org/en-US/
- https://developer.mozilla.org/en-US/docs/Web/CSS
- https://developer.mozilla.org/en-US/docs/Web/JavaScript
- http://tutorialzine.com/
- https://css-tricks.com/complete-guide-table-element/
- https://css-tricks.com/snippets/css/complete-guide-grid/
- https://css-tricks.com/centering-css-complete-guide/
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
#####**Books**
- http://eloquentjavascript.net/
- http://bdcampbell.net/javascript/book/javascript_the_good_parts.pdf
- http://javascript.crockford.com/
#####**Javascript and Css Library**
- https://d3js.org/
- https://gitgud.io/unconed/mathbox
- https://js.coach/
- https://www.npmjs.com/
- http://www.trenthamunited.com/archive/db/styles/
- http://www.trenthamunited.com/archive/db/scripts/
- https://cdnjs.com/libraries
###**Angular JS example**
- http://plnkr.co/edit/gaZmjcz66yNf5WaYFueW?p=preview
- http://plnkr.co/edit/FJ0XD8We1iIJi6nhTs3O?p=preview
- http://plnkr.co/edit/k6DAIdp93uQc6GG25I19?p=preview
- http://plnkr.co/edit/k6DAIdp93uQc6GG25I19?p=preview
- http://plnkr.co/edit/k6DAIdp93uQc6GG25I19?p=preview
###**Vector Graph and Animation with Example**
#####**Floaticon is really good web site. You dont need to worry about image like an**
#####**arrow or facebook button. This site has really good stuff. So check it out.**
- http://www.flaticon.com/
#####**Font awesome is for vectoral graphic. My two pennies, those two sites are related.**
- http://fontawesome.io/?utm%20source=hackernewsletter
#####**Unicode symbols. You can just copy and paste the symbols to your editor.**
- http://unicode-table.com/en/sets/
#####**Css examples. You can check examples and test your skills.**
- https://dribbble.com/
#####**Loading Animation**
- http://jsfiddle.net/hellyeah/wx1ncstt/embedded/result/
#####**Click button to get animation**
- http://jsfiddle.net/hellyeah/w5yomb0k/18/embedded/result/
#####**jQuery Animation**
- http://api.jquery.com/animate/
#####**Css transition is one of option to make an animation.**
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS%20Transitions/Using%20CSS%20transitions
#####**Different Animation Alternatives.**
- https://css-tricks.com/almanac/properties/t/transition/
#####**Animation Examples (Variations)**
- http://jsfiddle.net/hellyeah/qjSr6/1/embedded/result/
###**Hoisting and Scope**
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment