Awesome js/css and other libraries and resources for web development.
- A functional and reactive JavaScript framework for predictable code: https://cycle.js.org/
- A collection of repeatable SVG background patterns for you to use on your web projects: http://www.heropatterns.com/
- Simple grid system: http://simplegrid.io/
- Awesome Buttons: https://bttn.surge.sh/
- A JavaScript library to make navigation menus activate the item based on currently in view section.: https://leocs.me/menuspy/
- Animate On Scroll Library: https://michalsnik.github.io/aos/
- A tiny async loader / dependency manager for modern browsers: https://github.com/muicss/loadjs
- CSS minifier with structural optimizations: https://github.com/css/csso
- Cross-browser style inputs: https://codepen.io/jestho/pen/WbRjay
- Menu: https://balzss.github.io/luxbar/
- Cross-browser style inputs: http://stackoverflow.com/questions/19145504/style-a-checkbox-in-firefox-remove-check-and-border
- Cross-browser style inputs: https://www.everythingfrontend.com/posts/cross-browser-css3-image-free-custom-checkbox.html
- Datepicker: https://crsten.github.io/datepickk/
- Building a Morphing Hamburger Menu with CSS: https://scotch.io/tutorials/building-a-morphing-hamburger-menu-with-css
- Mobile online emulator: http://www.mobilephoneemulator.com/
- Fela is a fast and modular library to handle styling in JavaScript. It is dynamic by design and renders your styles depending on your application state.: https://github.com/rofrischmann/fela
- Iphone resolution: http://www.kylejlarson.com/blog/iphone-6-screen-size-web-design-tips/
- Apple products resolution: http://iosres.com/
- Lightweight and simple carousel with no dependencies: https://pawelgrzybek.com/siema/
- Simple browser dialogs: https://alertifyjs.org/
- A simple and beautiful wiki for teams: http://matterwiki.com/
- UI components for Elasticsearch: http://searchkit.co/
- A browser extension for displaying responsive web-pages in a side-by-side views to quickly test how it looks at different resolutions and devices: http://re-view.emmet.io/
- From pixel to rem: https://quayzar.com/wordpress/pixels-to-rem-calculator/
- Material Design Lite: https://getmdl.io/index.html
- The 100% correct way to do CSS breakpoints: https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862#.tmafddf9r
- The JavaScript JSON based Survey Library: http://surveyjs.org/
- Control responsive: http://ami.responsivedesign.is/?url=http://starterkit.meteor.com#
- Control responsive and browser testing: https://browsersync.io/
- Frontends sources: https://uptodate.frontendrescue.org/
- Lightweight and simple carousel with no dependencies: https://pawelgrzybek.com/siema/
- Custom scrollbars: http://grsmto.github.io/simplebar/
- A touch slideout navigation menu for your mobile web apps: https://slideout.js.org
- The fast and capable dropdown library: http://github.hubspot.com/drop/docs/welcome/
- Simple lightbox script without dependencies (not even jQuery): https://github.com/DxF5H/lightbox
- Color generator: https://coolors.co/
- Datetime picker: https://chmln.github.io/flatpickr/
- Datetime picker: http://www.dematte.at/tinyDatePicker/
- Range: https://rangetouch.com/
- CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.: http://livereload.com/
- Modern CSS to all browsers: http://stylecow.github.io/
- EXPRESSIVE, DYNAMIC, ROBUST CSS: http://stylus-lang.com/
- Presentation Attributes vs Inline Styles: https://css-tricks.com/presentation-attributes-vs-inline-styles/
- A lightweight (~2kb) and dependency-free javascript plugin for particle backgrounds: https://marcbruederlin.github.io/particles.js/
- A tiny polyfill for HTML5 multi-handle sliders: http://leaverou.github.io/multirange/
- Lightweight validation using form element attributes: http://skyefradd.me/attrvalidate
- CSS styling of select element without JS, and using inline SVG: https://github.com/carloscabo/pure-css-select-style
- A simple, accessible HTML5 media player: https://plyr.io/
- Styleable select elements: http://github.hubspot.com/select/docs/welcome/
- Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects: http://underscorejs.org
- Spectacular Test Runner for JavaScript: http://karma-runner.github.io/1.0/index.html
- Animations: http://dynamicsjs.com
- Presentaion micro framework: http://markdalgleish.com/projects/bespoke.js/
- A JavaScript library for Google Analytics: http://boba.space150.com
- The JavaScript SVG library for the modern web: http://snapsvg.io
- parallax scrolling for the masses: http://prinzhorn.github.io/skrollr/
- vivus, bringing your SVGs to life: http://maxwellito.github.io/vivus/
- Waypoints is the easiest way to trigger a function when you scroll to an element: http://imakewebthings.com/waypoints/
- A general-purpose, web standards-based platform for parsing and rendering PDFs: http://mozilla.github.io/pdf.js/
- Create Beautiful Fullscreen Scrolling Websites: http://alvarotrigo.com/fullPage/#firstPage
- Offline.js Every app goes offline: http://github.hubspot.com/offline/docs/welcome/
- Inputs: http://leaverou.github.io/stretchy/
- Simple and elegant component-based UI library: http://riotjs.com
- Single Element CSS Spinners: https://projects.lukehaas.me/css-loaders/
- A grid framework based on the flex display property: http://timothylong.com/kindling/
- A modular, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box: http://danmalarkey.github.io/schema/index.html
- mobile friendly css framework: http://chuckcss.io/
- Error with capybara gem: https://github.com/thoughtbot/capybara-webkit/wiki/Installing-Qt-and-compiling-capybara-webkit#os-x-mavericks-109-and-mountain-lion-108
- Elixir lang: http://elixir-lang.org/
- Phoenix framework: http://www.phoenixframework.org/
- Build and test a blazing fast JSON API with Phoenix, an Elixir framework: https://robots.thoughtbot.com/testing-a-phoenix-elixir-json-api
- Elixir and Phoenix: The Future of Web APIs and Apps?: http://blog.carbonfive.com/2016/04/19/elixir-and-phoenix-the-future-of-web-apis-and-apps/
- Elm lang: http://elm-lang.org/
- UI library for making web applications with Elm!: http://elm-ui.info/
- Setup React and Dotnet: http://blog.stevensanderson.com/2016/05/02/angular2-react-knockout-apps-on-aspnet-core/
- React Starter Kit: http://www.electrode.io/docs/get_started.html
- Transform plain text into dynamic blogs and websites using React.js: https://github.com/gatsbyjs/gatsby
- RICH TEXT EDITOR FRAMEWORK FOR REACT: https://facebook.github.io/draft-js/
- APPLICATION ARCHITECTURE FOR BUILDING USER INTERFACES: http://facebook.github.io/flux/
- A STATIC TYPE CHECKER FOR JAVASCRIPT: https://flowtype.org/
- Introduction to Vue: https://css-tricks.com/intro-to-vue-1-rendering-directives-events/
- A Desktop UI Library: http://element.eleme.io/#/en-US
- Routes: https://forum.vuejs.org/t/there-is-no-component-problem-with-router-view-rendering-with-vue-2-0/1162/4
- CMS: https://pagekit.com/
- lightweight yet flexible model based vue validation: http://simple-vue-validator.maijin.info/
- vue-material-datepicker: https://github.com/bastienGranger/vue-material-datepicker
- vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 application.: https://santiblanko.github.io/vue-instant/#/
- Vue components: https://vuecomponents.com/
- Vue and Material Design: https://vuematerial.github.io/#/
- A lightweight collection of essential UI components written with Vue.js and inspired by Material Design: https://josephuspaye.github.io/Keen-UI/?ref=madewithvuejs#/ui-alert
- Augmenting a Ruby on Rails App with Vue.js: https://ksylvest.com/posts/2016-09-07/augmenting-a-ruby-on-rails-app-with-vue-js
- Vue.js and Rails: https://rlafranchi.github.io/2016/03/09/vuejs-and-rails/
- A simple asset-pipeline wrapper for Vue.js by Evan You: https://github.com/adambutler/vuejs-rails
- Intro to Vue.js: Rendering, Directives, and Events: https://css-tricks.com/intro-to-vue-1-rendering-directives-events/
- A curated list of awesome things related to Vue.js: https://github.com/vuejs/awesome-vue
- Simple, lightweight model-based validation for Vue.js 2.0: https://monterail.github.io/vuelidate/
- Quick start: https://www.typescriptlang.org/docs/tutorial.html
- TypeScript Tutorial: https://www.tutorialspoint.com/typescript/index.htm
- Getting Started with TypeScript: http://blog.teamtreehouse.com/getting-started-typescript
- Getting Started with TypeScript: https://code.tutsplus.com/tutorials/getting-started-with-typescript--net-28890
- TypeScript Tutorial: https://www.youtube.com/watch?v=-PR_XqW9JJU
- The repository for high quality TypeScript type definitions: http://definitelytyped.org/directory/learn.html
- Learn TypeScript in 30 Minutes: http://tutorialzine.com/2016/07/learn-typescript-in-30-minutes/
- TypeScript Crash Course: https://www.youtube.com/watch?v=rAy_3SIqT-E
- (CZ) MS Fest 2013 Praha: Typescript - konečně vás přestane JavaScript štvát (Tomáš Herceg): https://www.youtube.com/watch?v=fZsdEiTgv6o
- Handling data from server error: http://stackoverflow.com/questions/37230545/angular2-oninit-values-returned-from-service-subscribe-function-does-not-ge
- Authentication to an Angular 2: https://github.com/auth0-blog/angular2-authentication-sample
- Simple authentication: http://4dev.tech/2016/03/login-screen-and-authentication-with-angular2/
- PROTECTING ROUTES USING GUARDS IN ANGULAR: https://blog.thoughtram.io/angular/2016/07/18/guards-in-angular-2.html
- Angular 2+ and Ruby on Rails user authentication: https://medium.com/@avatsaev/angular-2-and-ruby-on-rails-user-authentication-fde230ddaed8#.nf9zw23p6
- Hash routing: angular/angular#6595
- Setup Angular and Dotnet: http://blog.stevensanderson.com/2016/05/02/angular2-react-knockout-apps-on-aspnet-core/
- Child routing: http://onehungrymind.com/named-router-outlets-in-angular-2/
- Deploy: https://medium.com/@ryanchenkie_40935/angular-cli-deployment-host-your-angular-2-app-on-heroku-3f266f13f352#.b71z1zjr8
- Animations: https://blog.thoughtram.io/angular/2016/09/16/angular-2-animation-important-concepts.html
- Animations: https://www.npmjs.com/package/ng2-page-transition
- Animations: https://angular.io/docs/ts/latest/guide/animations.html
- Animations: https://github.com/bbottema/ng2-simple-page-scroll
- Animations: https://npmdaily.com/pkg/ng2-scrollimate
- Angular cli commands: https://www.sitepoint.com/ultimate-angular-cli-reference/
- Routing: https://scotch.io/tutorials/routing-angular-2-single-page-apps-with-the-component-router
- Resources: https://github.com/AngularClass/awesome-angular2
- Ecosystem: http://slides.com/magyarsrac/universal-angular-intro-1-1#/
- Angular CLI complete guide: https://www.sitepoint.com/ultimate-angular-cli-reference/
- Getting Started with Angular 2 using TypeScript: https://www.sitepoint.com/getting-started-with-angular-2-using-typescript/
- Create angular 2 page: https://houssein.me/angular2-hacker-news
- Introduction to the Angular 2 CLI - Tutorial for Beginners: https://www.youtube.com/watch?v=wppBd-52LT0
- Simple Angular 2 App With Angular CLI: https://www.youtube.com/watch?v=QMQbAoTLJX8
- Angular 2 CLI (Command Line Interface) — Introduction: https://medium.com/codingthesmartway-com-blog/angular-2-cli-command-line-interface-introduction-841e3e8092bf#.itup92wc4
- How to Create Angular 2 Application using Angular 2 CLI: http://tektutorialshub.com/create-first-angular-2-application/
- Angular 2 Tutorial: Create a CRUD App with Angular CLI: https://www.sitepoint.com/angular-2-tutorial/
- Use the Angular CLI For Faster Angular 2 Projects: https://scotch.io/tutorials/use-the-angular-cli-for-faster-angular-2-projects
- Popup: http://plnkr.co/edit/fe0kgemFBtmQOY31b4tw?p=preview
- ngif and click: http://jilles.me/ng-click-and-ng-if-in-angular2/
- ngif: http://lishman.io/angular-2-built-in-directives
- UI library: http://www.primefaces.org/primeng/#/
- Angular and SASS: http://www.angulartypescript.com/angular-2-sass/
- Angular 2 UI Framework: http://www.angulartypescript.com/angular-2-ui-framework/
- Angular 2 Starter Kit: http://angular2starterkit.com/
- Angular Material: https://material.angular.io/
- LEARN BY EXAMPLE - ANGULARJS, NODEJS, AND TYPESCRIPT: http://www.software-architects.com/devblog/2014/06/04/Learn-by-Example-AngularJS-NodeJS-and-Typescript