{"id":21843041,"url":"https://github.com/akccakcctw/frontend-navigation","last_synced_at":"2025-08-17T19:34:09.069Z","repository":{"id":12134172,"uuid":"71059662","full_name":"akccakcctw/frontend-navigation","owner":"akccakcctw","description":"Front-end Navigation","archived":false,"fork":false,"pushed_at":"2023-01-13T00:06:09.000Z","size":403,"stargazers_count":4,"open_issues_count":30,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-21T12:57:20.263Z","etag":null,"topics":["front-end","tools","web","webdev"],"latest_commit_sha":null,"homepage":"https://akccakcctw.github.io/frontend-navigation/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akccakcctw.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-10-16T15:36:27.000Z","updated_at":"2024-10-25T10:53:42.000Z","dependencies_parsed_at":"2023-01-14T12:30:29.492Z","dependency_job_id":null,"html_url":"https://github.com/akccakcctw/frontend-navigation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/akccakcctw/frontend-navigation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akccakcctw%2Ffrontend-navigation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akccakcctw%2Ffrontend-navigation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akccakcctw%2Ffrontend-navigation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akccakcctw%2Ffrontend-navigation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akccakcctw","download_url":"https://codeload.github.com/akccakcctw/frontend-navigation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akccakcctw%2Ffrontend-navigation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270898819,"owners_count":24664705,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-17T02:00:09.016Z","response_time":129,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["front-end","tools","web","webdev"],"created_at":"2024-11-27T22:14:08.413Z","updated_at":"2025-08-17T19:34:09.041Z","avatar_url":"https://github.com/akccakcctw.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Front-end Navigation](https://akccakcctw.github.io/frontend-navigation/)\n\n## [CDN(cdn)](https://akccakcctw.github.io/frontend-navigation/#cdn)\n- [unpkg](https://unpkg.com/) - \n- [cdnjs](https://cdnjs.com/) - 應有盡有\n- [Cloudflare](https://www.cloudflare.com/zh-tw/) - \n- [GoogleCDN](https://developers.google.com/speed/libraries/) - \n- [raw.githack.com](https://raw.githack.com/) - \n- [jsDelivr](https://www.jsdelivr.com/) - \n- [MicrosoftCDN](https://www.asp.net/ajax/cdn) - \n\n## [HTTP(http)](https://akccakcctw.github.io/frontend-navigation/#http)\n- [HttpWatch](https://www.httpwatch.com/) - 各項通訊偵測\n- [Fiddler](https://www.telerik.com/fiddler) - 各項通訊偵測\n- [HTTPie](https://httpie.org/) - HTTP cli\n\n## [原型設計(prototype)](https://akccakcctw.github.io/frontend-navigation/#prototype)\n- [Proto.io](https://proto.io/) - \n- [Framer](https://framerjs.com/) - 製作動態原型\n- [Origami](https://facebook.github.io/origami/) - 由Facebook開發\n- [Form](http://www.relativewave.com/form/) - Google已併購\n- [ProtoPie](https://www.protopie.io/) - \n\n## [API(api)](https://akccakcctw.github.io/frontend-navigation/#api)\n- [overAPI](http://overapi.com/) - 各種API\n- [DevDocs](https://devdocs.io/) - 各種API\n- [The Web platform](https://platform.html5.org/) - 瀏覽器技術總覽\n\n## [團隊合作(team-work)](https://akccakcctw.github.io/frontend-navigation/#team-work)\n- [Slack](https://slack.com/) - 適合團隊的即時通訊\n- [Trello](https://trello.com) - 專案管理平台\n- [Asana](https://asana.com/) - \n- [JIRA](https://www.atlassian.com/software/jira) - \n- [ZenHub](https://www.zenhub.com/) - \n- [Waffle.io](https://waffle.io/) - \n- [Airtable](https://airtable.com/) - \n- [Notion](https://www.notion.so/) - 適合整理控\n\n## [佔位圖(placeholder-images)](https://akccakcctw.github.io/frontend-navigation/#placeholder-images)\n- [dummyimage](https://dummyimage.com) - \n- [placekitten](https://placekitten.com/) - 都是貓\n- [lorempixum](https://lorempixel.com/) - \n- [placehold.it](https://placehold.it/) - \n- [placebeard.it](https://placebeard.it/) - 鬍子！鬍子！\n- [PlaceIMG](https://placeimg.com/) - \n\n## [影像最佳化(image-optimize)](https://akccakcctw.github.io/frontend-navigation/#image-optimize)\n- [ImageMagick](https://www.imagemagick.org/) - 整合多功能（命令列程式）\n- [pngquant](https://pngquant.org/) - PNG最佳化（命令列程式）\n- [libjpeg](http://libjpeg.sourceforge.net/) - jpeg最佳化（命令列程式）\n- [PNGGauntlet](https://pnggauntlet.com/) - PNG最佳化\n- [TinyPNG](https://tinypng.com/) - 線上最佳化\n- [SVGO](https://github.com/svg/svgo) - svg 優化\n\n## [字型(fonts)](https://akccakcctw.github.io/frontend-navigation/#fonts)\n- [Google Fonts](https://fonts.google.com/) - 免費網路字型\n- [Font Squirrel](https://www.fontsquirrel.com/) - 免費字型下載\n- [Adobe Edge Web Fonts](https://edgewebfonts.adobe.com/) - \n- [justfont](https://www.justfont.com/) - 就是字\n- [字蛛](http://font-spider.org/) - 中文字型壓縮器\n\n## [Icon Font(icon-font)](https://akccakcctw.github.io/frontend-navigation/#icon-font)\n- [Font Awesome](http://fontawesome.io/) - Bootstrap的好朋友\n- [Fontello](http://fontello.com/) - \n- [Github Octicons](https://octicons.github.com/) - Github的icon\n- [IcoMoon](https://icomoon.io/) - \n- [Noun Project](https://thenounproject.com/) - 全世界的icon\n- [Entypo](http://www.entypo.com/) - \n- [CSS ICON](http://cssicon.space/) - 純CSS\n- [Icon Font](https://leungwensen.github.io/svg-icon/) - svg-icon\n- [Simple Line Icons](http://simplelineicons.com/) - 美美的線性 icon\n- [Vivid.js](https://webkul.github.io/vivid/) - \n\n## [JS框架(js-framework)](https://akccakcctw.github.io/frontend-navigation/#js-framework)\n- [React](https://facebook.github.io/react/) - \n- [Vue.js](https://vuejs.org/) - \n- [Svelte](https://svelte.dev/) - \n- [Angular](https://angularjs.org/) - \n- [Marko](https://markojs.com/) - \n- [Preact](https://preactjs.com/) - 3kB alternative to React\n- [Backbone.js](http://backbonejs.org/) - \n- [Knockout.js](http://knockoutjs.com/) - \n- [Ember.js](http://emberjs.com/) - \n\n## [函式庫(library)](https://akccakcctw.github.io/frontend-navigation/#library)\n- [Ramda](http://ramdajs.com/) - Functional Programming\n- [Lodash](https://lodash.com) - \n- [Underscore](http://underscorejs.org) - \n- [jQuery](https://jquery.com/) - \n- [jQuery UI](https://jqueryui.com/) - \n- [YUI](http://yuilibrary.com/) - \n\n## [CSS框架(css-framework)](https://akccakcctw.github.io/frontend-navigation/#css-framework)\n- [Bootstrap](https://getbootstrap.com/) - \n- [Foundation](https://foundation.zurb.com/) - \n- [Flat UI](https://designmodo.github.io/Flat-UI/) - \n- [Semantic UI](http://semantic-ui.com/) - \n- [Susy](http://susy.oddbird.net/) - \n\n## [CSS預處理器(css-preprocessor)](https://akccakcctw.github.io/frontend-navigation/#css-preprocessor)\n- [Sass](http://sass-lang.com/) - \n- [Less](http://lesscss.org/) - \n- [PostCSS](http://postcss.org/) - \n- [Skeleton](http://getskeleton.com/) - \n- [Myth](http://www.myth.io/) - \n\n## [Mocking(mocking)](https://akccakcctw.github.io/frontend-navigation/#mocking)\n- [JSON Server](https://github.com/typicode/json-server) - fake REST API\n- [Faker.js](https://github.com/marak/Faker.js/) - 假資料\n- [Sinon.js](http://sinonjs.org/) - \n\n## [編輯器(editor)](https://akccakcctw.github.io/frontend-navigation/#editor)\n- [VIM](http://www.vim.org/) - 編輯器之神\n- [VSCode](https://code.visualstudio.com/) - \n- [Sublime Text](https://www.sublimetext.com/) - \n- [Atom](https://atom.io/) - \n- [Xcode](https://developer.apple.com/xcode/) - \n- [Aptana](http://www.aptana.com/) - \n- [Notepad++](https://notepad-plus-plus.org/) - 台灣製造\n- [Brackets](http://brackets.io/) - \n- [Emacs](https://www.gnu.org/software/emacs/) - 神之編輯器\n- [spacemacs](http://spacemacs.org/) - \n- [Coda](https://panic.com/coda/) - \n- [Kate](https://kate-editor.org/) - \n- [Micro](https://micro-editor.github.io/) - 終端機新選擇\n- [Xi](https://google.github.io/xi-editor) - Google 開發\n\n## [IDE(ide)](https://akccakcctw.github.io/frontend-navigation/#ide)\n- [Visual Studio](https://www.visualstudio.com/) - \n- [WebStorm](https://www.jetbrains.com/webstorm/) - \n- [Cloud9](https://c9.io/) - \n- [Dreamweaver](https://www.adobe.com/tw/products/dreamweaver.html) - \n- [UEditor](http://ueditor.baidu.com/website/) - \n- [TextMate](https://macromates.com/) - \n\n## [程式碼分享(playground)](https://akccakcctw.github.io/frontend-navigation/#playground)\n- [CodePen](https://codepen.io/) - \n- [jsdo.it](https://jsdo.it) - \n- [JS Bin](https://jsbin.com/) - \n- [JSFiddle](https://jsfiddle.net/) - \n- [Codepad](https://codepad.co) - \n- [CODEPLY](https://www.codeply.com/) - \n- [Codepad](https://codepad.co/) - \n- [Gist](https://gist.github.com/) - \n\n## [JS轉譯器(js-transpiler)](https://akccakcctw.github.io/frontend-navigation/#js-transpiler)\n- [Babel](https://babeljs.io/) - ES6轉譯為ES5\n- [CoffeeScript](http://coffeescript.org/) - 讓JS更簡潔\n- [TypeScript](https://www.typescriptlang.org/) - Angular 2官方推薦\n- [JSX](https://facebook.github.io/jsx/) - React官方推薦\n\n## [自動化構建(automation)](https://akccakcctw.github.io/frontend-navigation/#automation)\n- [Yeoman](http://yeoman.io/) - \n- [Gulp](http://gulpjs.com/) - \n- [Grunt](http://gruntjs.com/) - \n\n## [模組化管理(module-bundler)](https://akccakcctw.github.io/frontend-navigation/#module-bundler)\n- [Webpack](https://webpack.github.io/) - \n- [rollup](http://rollupjs.org/) - \n- [Parcel](https://parceljs.org) - 開箱即用\n- [FuseBox](https://fuse-box.org/) - \n- [@pika/pack](https://github.com/pikapkg/pack) - npm package building\n- [CommonJS](http://www.commonjs.org/) - \n- [AMD](https://github.com/amdjs/amdjs-api/wiki/AMD) - \n\n## [套件管理(package-manager)](https://akccakcctw.github.io/frontend-navigation/#package-manager)\n- [Yarn](https://yarnpkg.com/) - 比npm更快\n- [NPM](https://www.npmjs.com/) - Node.js內建\n- [Bower](https://bower.io/) - \n- [Homebrew](http://brew.sh/) - \n\n## [JS品質管理(js-quality)](https://akccakcctw.github.io/frontend-navigation/#js-quality)\n- [ESLint](http://eslint.org/) - \n- [JSHint](http://jshint.com/) - \n- [JSLint](http://www.jslint.com/) - \n\n## [單元測試(unit-test)](https://akccakcctw.github.io/frontend-navigation/#unit-test)\n- [AVA](https://github.com/avajs/ava) - \n- [Mocha](https://mochajs.org/) - \n- [Chai](http://chaijs.com/) - \n- [Jasmine](https://jasmine.github.io/) - \n- [Karma](https://karma-runner.github.io/) - \n- [Tape](https://github.com/substack/tape) - \n- [Jest](https://facebook.github.io/jest/) - \n- [Buster.js](http://docs.busterjs.org/) - \n\n## [E2E測試(e2e)](https://akccakcctw.github.io/frontend-navigation/#e2e)\n- [cypress](https://www.cypress.io/) - \n- [Puppeteer](https://pptr.dev/) - \n- [Nightwatch.js](http://nightwatchjs.org/) - 自動化測試\n- [WebDriver.io](http://webdriver.io) - \n- [TestCafe](https://devexpress.github.io/testcafe/) - \n- [Intern](https://theintern.io/) - \n- [CodeceptJS](http://codecept.io/) - \n- [Appium](https://appium.io/) - 行動裝置專用\n- [Selenium](http://www.seleniumhq.org/) - \n- [Protractor](http://www.protractortest.org/) - For Angular\n\n## [CI/CD(ci-cd)](https://akccakcctw.github.io/frontend-navigation/#ci-cd)\n- [Travis CI](https://travis-ci.org/) - \n- [Jenkins](https://jenkins.io/) - \n- [GitLab CI](https://about.gitlab.com/features/gitlab-ci-cd/) - \n- [BuildBot](https://buildbot.net/) - \n- [Drone](https://github.com/drone/drone) - \n- [Concourse](https://concourse.ci/) - \n\n## [錯誤追蹤(error-tracking)](https://akccakcctw.github.io/frontend-navigation/#error-tracking)\n- [Sentry](https://sentry.io/) - \n- [Rollbar](https://rollbar.com/) - \n- [LogRocket](https://logrocket.com/) - \n\n## [環境(enviroment)](https://akccakcctw.github.io/frontend-navigation/#enviroment)\n- [Node.js](https://nodejs.org/) - \n\n## [兼容性(compatibility)](https://akccakcctw.github.io/frontend-navigation/#compatibility)\n- [Can I use?](http://caniuse.com/) - 查詢瀏覽器支援度\n- [Modernizr](https://modernizr.com/) - \n- [Polyfill.io](https://polyfill.io) - \n- [Browserhacks](http://browserhacks.com/) - 瀏覽器hack速查\n\n## [兼容性測試(c-testing)](https://akccakcctw.github.io/frontend-navigation/#c-testing)\n- [Browser Sandbox](https://turbo.net/browsers) - 瀏覽器環境測試\n- [IETester](http://www.my-debugbar.com/wiki/IETester/) - \n- [BrowserShots](https://browsershots.org/) - \n- [Manymo emulators](https://www.manymo.com/emulators) - \n\n## [Debugging(debugging)](https://akccakcctw.github.io/frontend-navigation/#debugging)\n- [jsconsole](https://jsconsole.com/) - \n- [whistle](https://github.com/avwo/whistle) - HTTP(S), WebSocket debugging proxy\n\n## [效能(performance)](https://akccakcctw.github.io/frontend-navigation/#performance)\n- [PageSpeed](https://developers.google.com/speed/pagespeed/) - \n- [showslow](https://www.showslow.com/) - \n- [webpagetest](https://www.webpagetest.org/) - \n- [pingdom](https://tools.pingdom.com/) - \n- [Neustar Web Performance](https://www.neustar.biz/resources/tools/free-website-performance-test) - \n- [load impact](https://loadimpact.com/) - \n- [GTmetrix](https://gtmetrix.com/) - \n\n## [安全性(safety)](https://akccakcctw.github.io/frontend-navigation/#safety)\n- [Retire Insecurity Today](http://retire.insecurity.today/) - 檢測js函式庫漏洞\n- [Websecurify](https://www.websecurify.com/) - \n- [x5s](https://xss.codeplex.com/) - 檢測XSS漏洞\n- [Skipfish](https://code.google.com/p/skipfish/) - \n- [OWASP WebScarab Project](https://www.owasp.org/index.php/Category:OWASP_WebScarab_Project) - \n- [SSL Labs](https://www.ssllabs.com/ssltest/) - \n\n## [跨平台(cross-platform)](https://akccakcctw.github.io/frontend-navigation/#cross-platform)\n- [Electron](http://electron.atom.io/) - 進攻桌面\n- [NW.js](https://nwjs.io) - 進攻桌面\n- [React Native](https://facebook.github.io/react-native/) - 進攻手機\n- [Meteor](https://www.meteor.com/) - \n- [Node-RED](https://nodered.org/) - 視覺化IOT開發\n- [Ionic](https://ionicframework.com/) - \n- [Titanium](https://www.appcelerator.com/mobile-app-development-products/) - \n- [PhoneGap](http://phonegap.com/) - \n- [Cordova](https://cordova.apache.org/) - \n- [Proton Native](https://proton-native.js.org/) - React Native 桌面應用框架\n\n## [瀏覽器附加工具(addons)](https://akccakcctw.github.io/frontend-navigation/#addons)\n- [ColorZilla](http://www.colorzilla.com/) - 網頁拾色\n- [Page Ruler](https://github.com/wrakky/page-ruler) - 快速量尺寸\n- [One Tab](https://www.one-tab.com/) - 覺得分頁太多可以試試\n- [Vimium](https://vimium.github.io) - Geek不需要滑鼠(chrome)\n- [cVim](https://github.com/1995eaton/chromium-vim) - Geek不需要滑鼠(chrome)\n- [Vimperator](http://www.vimperator.org/) - Geek不需要滑鼠(firefox)\n- [Live HTTP Headers](https://addons.mozilla.org/zh-TW/firefox/addon/live-http-headers/) - \n- [HttpFox](https://addons.mozilla.org/zh-TW/firefox/addon/httpfox/) - HTTP分析(firefox)\n- [Postman](https://www.getpostman.com/) - HTTP模擬\n- [AlloyDesigner](https://alloyteam.github.io/AlloyDesigner/) - 幫助確認視覺稿\n- [WebMaker](https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh) - 離線playground\n- [Visual Inspector](https://www.canvasflip.com/visual-inspector/) - 畫面調整溝通\n\n## [RWD(rwd)](https://akccakcctw.github.io/frontend-navigation/#rwd)\n- [Google Resizer](https://design.google.com/resizer/) - 線上RWD畫面測試\n\n## [瀏覽器(browser)](https://akccakcctw.github.io/frontend-navigation/#browser)\n- [Chrome](https://www.google.com.tw/chrome/) - （Blink）\n- [Firefox](https://www.mozilla.org/zh-TW/firefox/new/) - （Gecko）\n- [Edge](https://www.microsoft.com/zh-tw/windows/microsoft-edge) - （EdgeHTML）\n- [Safari](https://www.apple.com/tw/safari/) - （Webkit）\n- [Opera](https://www.opera.com/) - （Blink）\n- [IE](https://support.microsoft.com/zh-tw/help/17621/internet-explorer-downloads) - 刪掉它（Trident）\n- [Blisk](https://blisk.io/) - 網頁開發導向（Webkit）\n- [Vivaldi](https://vivaldi.com/) - 易於自訂（Blink）\n- [Brave](https://brave.com/) - （Blink）\n- [Next](https://next.atlas.engineer/) - \n\n## [純文字瀏覽器(browser-text)](https://akccakcctw.github.io/frontend-navigation/#browser-text)\n- [Browsh](https://www.brow.sh/) - \n- [PhantomJS](http://phantomjs.org/) - 虛擬瀏覽器（Webkit）\n- [Links](http://links.twibright.com) - \n- [Lynx](https://lynx.invisible-island.net/) - \n- [w3m](http://w3m.sourceforge.net/) - \n\n## [爬蟲(crawler)](https://akccakcctw.github.io/frontend-navigation/#crawler)\n- [CasperJS](http://casperjs.org/) - 基於PhantomJS\n\n## [無障礙(a11y)](https://akccakcctw.github.io/frontend-navigation/#a11y)\n- [accessibilityjs](https://github.com/github/accessibilityjs) - 無障礙測試\n\n## [其它工具(tool)](https://akccakcctw.github.io/frontend-navigation/#tool)\n- [Emmet](http://emmet.io/) - 速寫神器\n- [npm trends](https://www.npmtrends.com/) - \n- [CSS Validator](https://jigsaw.w3.org/css-validator/) - CSS語法檢測\n- [Markup Validator](https://validator.w3.org/) - HTML語法檢測\n- [Nightmare](http://www.nightmarejs.org/) - 瀏覽器自動化腳本\n- [ngrok](https://ngrok.com/) - 發布測試站\n- [PutsMail](https://putsmail.com/) - 電子報測試\n- [Lighthouse](https://github.com/GoogleChrome/lighthouse) - 網頁性能測試\n- [ipify](https://www.ipify.org/) - IP API\n- [Markdown Here](http://markdown-here.com/) - 用markdown寫信\n- [SONAR](https://sonarwhal.com/) - 微軟開源的檢測工具\n- [Is it maintained?](https://isitmaintained.com) - 開源專案維護分析\n- [BuiltWith](https://builtwith.com) - 網站分析\n- [JavaScript Visualizer](https://tylermcginnis.com/javascript-visualizer/) - \n\n## [電子報(newsletter)](https://akccakcctw.github.io/frontend-navigation/#newsletter)\n- [CodeTengu](http://weekly.codetengu.com/) - 碼天狗\n- [奇舞周刊](https://weekly.75team.com/) - \n- [TechBridge](http://weekly.techbridge.cc/) - \n- [FrontEnd Focus](http://frontendfocus.co/) - \n- [JavaScript Weekly](http://javascriptweekly.com/) - \n- [码农周刊](http://weekly.manong.io/) - \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakccakcctw%2Ffrontend-navigation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakccakcctw%2Ffrontend-navigation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakccakcctw%2Ffrontend-navigation/lists"}