pohchen / front-end-developer-resources

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

front-end-developer-resources

定期從Blog更新同步至此, 歡迎發PR補充!

Javascript Language & Framework

  • node.js
  • Backbone.js - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
  • EmberJS - Another framework for web application
  • Loopback - LoopBack is a highly extensible, open source Node.js framework, set up models and create REST APIs in minutes

CSS Framework

  • Sass - Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more.
  • Compass - Compass is an open-source CSS authoring framework which uses the Sass stylesheet language to make writing stylesheets powerful and easy.
  • Susy - Responsive grid framework based on Compass, Slide: [RWD 一小時就上手]
  • Bootstrap
  • Foundation
  • UIKit - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
  • Profound Grid - A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.
  • kube - Professional CSS-framework
  • Skeleton - A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
  • HTML KickStart
  • Semantic UI - beautiful UI for designer
  • AniJS - Declarative handling library for CSS animations
  • Topcoat - CSS for clean and fast web apps.
  • Pure - A set of small, responsive CSS modules that you can use in every web project.
  • KNACSS - a minimalist, responsive and extensible CSS framework to kick-start any professional web project no matter its size.
  • Metro UI - Metro UI CSS a set of styles to create a site with an interface similar to Windows 8.
  • DynCSS - Simple, dynamic CSS rules to give life to your sites.
  • bounce.js - bounce.js lets you create tasty CSS3 powered animations in no time.

CSS Library

  • UIBox - Curated HTML, CSS, JS UI Component Library
  • PatternTap - Best Interface Design Categories

開發工具

Web Workflow / Builds / Task-runners

Module/Script Dependency Loaders (Javascript Loaders Comparison)

  • RequireJS - RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Node.
  • Browserify - Browserify lets you require('modules') in the browser by bundling up all of your dependencies
  • Journey From RequireJS to Browserify
  • head.js - HeadJS, a small library for Responsive Design, Feature Detections & Resource Loading

Templates&Random Data Generator

  • randomuser.me - A free API for generating random user data. Like Lorem Ipsum, but for people.

mobile App with front-end language

  • Apache Cordova - Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript
  • Ionic - The beautiful, open source front-end framework for developing hybrid mobile apps with HTML5.

Javascript Libraries 小工具

  • string.js - JavaScript library for the browser or for Node.js that provides extra String methods.
  • moment.js - A javascript date library for parsing, validating, manipulating, and formatting dates.
  • Numeral.js - A javascript library for formatting and manipulating numbers.
  • Sugar.js - Sugar is a Javascript library that extends native objects with helpful methods.
  • Boiler.js - Boiler is a utility library providing over 115 methods that work with arrays, collections, functions, numbers, objects..
  • Lazy.js
  • Parallel.js - Parallel Computing with Javascript (by web workers)
  • Catiline.js - A JavaScript Library for workers (by web workers)
  • Headroom.js - Give your pages some headroom. Hide your header until you need it.
  • router.js - router.js is a lightweight JavaScript library that builds on route-recognizer and rsvp to provide an API for handling routes.
  • fn.js - A JavaScript library built to encourage a functional programming style & strategy.
  • math.js - An extensive math library for JavaScript and Node.js
  • Keys.js - Easy keybindings for browser applications!
  • Card.js - Better Credit Card Form in One Line of Code
  • ScrollMe.js - A jQuery plugin for adding simple scrolling effects to web pages.

優化&加速工具

  • CloudFlare - CloudFlare is a free global CDN and DNS provider that can speed up and protect any site online.
  • Benchmark.js - A robust benchmarking library that works on nearly all JavaScript platforms, supports high-resolution timers, and returns statistically significant results.
  • PageSpeed Insights - a tool that analyzes pages and offers advice on how to make them faster based on best practices for mobile and desktop web performance.
  • Automating Web Performance Measurement - intro to PSI, a new module that works great with Gulp, Grunt and other build systems and can connect up to the PageSpeed Insights service and return a detailed report of your web performance.

後端工具&資料庫

  • Parse - Parse is a complete technology stack to power your app's backend.
  • MongoHQ - MongoHQ is a fully-managed platform used by developers to deploy, host and scale MongoDB databases.
  • Firebase - A powerful API to store and sync data in realtime.

設計工具

  • InVision - Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool
  • Dribbble - social network for designer
  • Node.js in Production - Jeff Dickey wrote on the Carbon Five blog about some of his recommendations for putting Node.js apps into production. The articles goes over how to ensure your Node apps stay stable, fast, secure and maintainable.
  • GuideGuide - Dealing with grids in Photoshop is a pain

設計文章

測試框架

  • Mocha - a feature-rich JavaScript test framework running on node.js and the browser, making asynchronous testing simple and fun.
  • Chai - Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
  • Sinon - Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.
  • Jasmine - Behavior-Driven JavaScript
  • Karma - bring a productive testing environment to developers. The environment being one where they don't have to set up loads of configurations.
  • Responsive Web Design Testing Tool

開發技術&教程

訂閱&Podcast

字型

  • Type Sample - a tool for identifying and sampling webfonts
  • justfont就是字 - 中文雲端字型 (web font) 服務,讓您在網頁中直接使用字型

Swift

其他實用資源

Some References

歡迎發 Github PR 補充更新, 謝謝!

About