跳至內容
WMの写本
使用者工具
登入
網站工具
搜尋
工具
顯示頁面
舊版
反向連結
最近更新
多媒體管理器
網站地圖
登入
>
最近更新
多媒體管理器
網站地圖
您在這裏:
start
»
computer
»
web
足跡:
computer:web
本頁是唯讀的，您可以看到原始碼，但不能更動它。您如果覺得它不應被鎖上，請詢問管理員。
======網頁技術====== * [[computer:web:HTML]] * [[computer:web:CSS]] * [[computer:web:SVG]] * [[computer:web:Canvas]] * Cookie * [[https://github.com/js-cookie/js-cookie|JavaScript Cookie]] * [[http://msdn.microsoft.com/zh-tw/library/ie/gg193983|SVG 與 Canvas：如何選擇]] * [[computer:web:App]] * [[computer:web:Mobile]] * [[computer:web:Component]] * [[https://www.componentdriven.org/|Component Driven User Interfaces]] * [[computer:web:Widget]] * [[computer:web:Tool]] * [[computer:web:Email]] * [[https://micro-frontends.org/|Micro Frontends]] * [[http://elm-lang.org/|Elm]] * [[https://github.com/evancz/elm-architecture-tutorial/|The Elm Architecture]] * [[https://github.com/evancz/elm-effects|Elm Effects]] * [[https://github.com/elm-guides/elm-for-js|elm-for-js]] * [[http://elmcast.io/|ElmCast]] * [[https://github.com/tomekwi/elm-live|elm-live]] * [[https://github.com/elm-lang/elm-reactor|Elm Reactor]] * [[http://www.elmweekly.nl/|Elm Weekly]] * [[https://github.com/ccorcos/elmish|Elmish]] * [[https://egghead.io/courses/start-using-elm-to-build-web-applications|Start Using Elm to Build Web Applications]] * [[https://github.com/dfarr/minesweeper|minesweeper]] * [[http://zebra.gravitysoft.org/|Zebra]] * [[http://krasimir.github.io/absurd/|AbsurdJS]] * [[http://www.polymer-project.org/|Polymer]] * [[https://github.com/polymerelements/polymer-starter-kit|Polymer Starter Kit]] * [[https://github.com/PolymerElements/seed-element|seed-element]] * [[https://github.com/yeoman/generator-polymer|generator-polymer]] * [[http://www.html5rocks.com/en/tutorials/webcomponents/yeoman/|Building Web Apps With Yeoman And Polymer]] * [[http://robdodson.me/blog/2013/10/02/creating-a-markdown-tag-with-polymer/|Creating a Markdown Tag With Polymer]] * [[http://japhr.blogspot.tw/2013/11/actual-testing-of-polymer-elements.html|Actual Testing of Polymer Elements]] * [[https://github.com/addyosmani/x-imager/|x-imager]] * [[https://divshot.com/blog/web-components/building-a-qa-system-with-polymer-and-firebase/|Building a Q&A System with Polymer and Firebase]] * [[http://evolutionofweb.appspot.com/|The Evolution of the Web]] * [[http://stackoverflow.com/questions/72394|What should a developer know before building a public web site?]] * [[http://webdevchecklist.com/|Web Developer Checklist]] * [[http://blog.longwin.com.tw/2011/08/website-launch-checklist-2011/|網站上線之前需要檢查的 13 個問題]] * [[http://caniuse.com/|When can I use…]] * [[http://www.iwanttouse.com/|I want to use]] * [[http://onmobile.iwanttouse.com/|on mobile]] * [[http://html5readiness.com/|HTML5 Readiness]] * [[http://webtypographyforthelonely.com/|Web Typography for the Lonely]] * [[http://f2em.com/|A Front End Engineer's Manifesto]] * [[http://webplatformtools.org/|WebPlatformTools.org]] * [[http://html.adobe.com/webplatform/|Adobe & HTML]] * [[http://net.tutsplus.com/tutorials/tools-and-tips/http-the-protocol-every-web-developer-must-know-part-2/|HTTP: The Protocol Every Web Developer Must Know]] * [[http://frontendrescue.org/|Front-End Technologies]] * [[http://wtfhtmlcss.com/|WTF, HTML and CSS?]] * [[https://developers.google.com/web/starter-kit/|Web Starter Kit]] * [[https://remotestorage.io/|remoteStorage]] * [[http://nobackend.org/|noBackend]] * [[https://ipfs.io/|IPFS]] * [[https://indieweb.org/|IndieWeb]] * [[https://paulrobertlloyd.github.io/indiekit/|indiekit]] * [[https://webdatarender.com/|WDR]] * [[https://lexbor.com/|Lexbor]] * [[https://fwa.dev/|Functional Web App]] * [[https://arc.codes/|Architect]] ====HTTP==== * [[https://http.dev/|HyperText Transfer Protocol (HTTP) explained]] * [[https://doesmysiteneedhttps.com/|Does my site need HTTPS?]] * [[http://http2.github.io/|HTTP/2]] * [[http://daniel.haxx.se/http2/|http2 explained]] * [[https://howhttps.works|How HTTPS works]] * [[https://httptoolkit.tech/blog/http-wtf/|HTTPWTF]] * [[http://www.igvita.com/2013/05/01/deploying-webp-via-accept-content-negotiation/|Deploying WebP via Accept Content Negotiation]] * [[https://letsencrypt.org/|Let’s Encrypt]] * [[https://fedoramagazine.org/letsencrypt-now-available-fedora/|LetsEncrypt now available in Fedora]] * [[https://certbot.eff.org/|Certbot]] * [[https://github.com/lukas2511/letsencrypt.sh|letsencrypt.sh]] * [[https://letsencrypt.tw/|使用說明]] * [[https://github.com/bramus/mixed-content-scan|Mixed Content Scan]] * [[https://mozilla.github.io/server-side-tls/ssl-config-generator/|Mozilla SSL Configuration Generator]] * [[https://docs.google.com/document/d/1K0NykTXBbbbTlv60t5MyJvXjqKGsCVNYHyLEXIxYMv0/|Rules of Thumb for HTTP/2 Push]] * [[https://quic.stream/|QUIC]] * [[https://www.snellman.net/blog/archive/2016-12-01-quic-tou/|The hidden cost of QUIC and TOU]] * [[https://featurepolicy.info/|Feature policy playground]] ===Cache=== * [[http://jakearchibald.com/2014/browser-cache-vary-broken/|The browser cache is Vary broken]] * [[https://csswizardry.com/2019/03/cache-control-for-civilians/|Cache-Control for Civilians]] ===工具=== * [[https://httptoolkit.com/|HTTP Toolkit]] * [[https://www.npmjs.com/package/http2-push-detect|http2-push-detect]] ====Browser==== * [[https://browser.engineering/|Web Browser Engineering]] * [[http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/|How Browsers Work: Behind the scenes of modern web browsers]] * [[https://coderwall.com/p/engjbw|Test Retina without a Retina Screen]] * [[http://en.wikipedia.org/wiki/Comparison_of_web_browsers|Comparison of Web Browsers]] * [[http://www.positioniseverything.net/|/* Position Is Everything */ — Modern browser bugs explained in detail!]] * [[https://github.com/alrra/browser-logos|High-res browser logos]] * [[http://devtoolsecrets.com/|Secrets of the Browser Developer Tools]] * [[http://blog.fili.nl/benefits-of-dropping-ie8-support/|Benefits of dropping IE8 support]] * [[https://webcompat.com/|WebCompat]] * [[http://wpt.fyi/|web-platform-tests dashboard]] ===CORS=== * [[http://enable-cors.org/|enable cross-origin resource sharing]] * [[https://resourcepolicy.fyi/|Consider deploying Cross-Origin Resource Policy]] * [[https://jakearchibald.com/2021/cors/|How to win at CORS]] * [[https://jeffy.info/2019/07/22/exposing-cors-headers.html|Exposing headers on CORS responses]] * [[https://github.com/oyvindkinsey/easyXDM|easyXDM]] * [[https://github.com/cowboy/jquery-postmessage|jQuery postMessage]] ===Content Security Policy=== * [[https://hacks.mozilla.org/2016/02/implementing-content-security-policy/|Implementing Content Security Policy]] * [[http://www.cspplayground.com/|CSP Playground]] ===Fullscreen=== * [[http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/|Native Fullscreen JavaScript API (plus jQuery plugin)]] * [[http://tutorialzine.com/2012/02/enhance-your-website-fullscreen-api/|Enhance Your Website with the FullScreen API]] * [[https://github.com/sindresorhus/screenfull.js|screenfull.js]] ===Geolocation=== * [[http://jarqu.es/scout/|Scout.js]] ===Network=== * [[https://dev.to/addyosmani/adaptive-serving-using-javascript-and-the-network-information-api-331p|Adaptive Serving using JavaScript and the Network Information API]] * [[https://deanhume.com/dynamic-resources-using-the-network-information-api-and-service-workers/|Dynamic resources using the Network Information API and service workers]] ===Server-sent Events=== * [[http://www.sitepoint.com/server-sent-events/|Server-sent Events]] * [[http://html5doctor.com/server-sent-events/|Server-Sent Events]] ====Performance==== * [[https://web.dev/vitals/|Web Vitals]] * [[http://jankfree.org/|Let's Make the Web Jank-free!]] * [[http://calendar.perfplanet.com/|Performance Calendar]] * [[http://calendar.perfplanet.com/2013/the-runtime-performance-checklist/|The Runtime Performance Checklist]] * [[http://yeoman.io/blog/performance-optimization.html|Grunt And Gulp Tasks For Performance Optimization]] * [[http://perf-tooling.today/|Performance tooling today]] * [[https://github.com/iest/i-am-the-fold|I am The Fold]] * [[https://speakerdeck.com/paullewis/making-a-silky-smooth-web|Making a Silky Smooth Web]] * [[https://www.udacity.com/course/ud860|Browser Rendering Optimization]] * [[https://github.com/bevacqua/perfschool|perfschool]] * [[https://www.ampproject.org/|Accelerated Mobile Pages Project]] * [[https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/|Get Started With Analyzing Runtime Performance]] * [[https://www.awwwards.com/brain-food-perceived-performance/|Speed Matters: Designing for mobile performance]] === Image === * [[https://images.guide/|Essential Image Optimization]] * [[https://deanhume.com/lazy-loading-images-using-intersection-observer/|Lazy loading images using Intersection Observer]] * [[https://github.com/manobi/native-lazy-load-boilerplate|Native lazy load boilerplate]] ====Speed==== * [[http://cs193h.stevesouders.com/|High Performance Web Sites]] * [[http://aone.blog.ithome.com.tw/post/284/17498|《High Performance Web Sites 》網頁加速的14條黃金法則]] * [[http://developer.yahoo.com/performance/rules.html|Best Practices for Speeding Up Your Web Site]] * [[https://developers.google.com/speed/|Make the Web Faster]] * [[https://kinsta.com/learn/page-speed/|A Beginner’s Guide to Website Speed Optimization]] * [[http://www.slideshare.net/stubbornella/designing-fast-websites-presentation|Design Fast Websites]] * [[https://developers.google.com/speed/pagespeed/insights|PageSpeed Insights]] * [[http://www.appneta.com/blog/bootstrap-pagespeed/|The Right Stuff: Breaking the PageSpeed Barrier with Bootstrap]] * [[http://www.filamentgroup.com/lab/weight-wait.html|More Weight Doesn't Mean More Wait]] ===NetInfo=== * [[https://blog.algolia.com/netinfo-api-algolia-javascript-client/|Using NetInfo API to Improve Algolia’s JavaScript Client]] ====Entity==== * [[http://brajeshwar.github.io/entities/|Character Entities]] ====Font==== * [[https://www.igvita.com/2012/09/12/web-fonts-performance-making-pretty-fast/|Web Fonts Performance: Making Pretty, Fast]] * [[http://www.igvita.com/2014/01/31/optimizing-web-font-rendering-performance/|Optimizing Web Font Rendering Performance]] * [[http://jakearchibald.com/2014/minimising-font-downloads/|Minimising font downloads]] * [[https://github.com/typekit/webfontloader|WebFont Loader]] * [[http://fontcustom.com/|Font Custom]] * [[http://stateofwebtype.com/|The State of Web Type]] * [[https://meowni.ca/font-style-matcher/|Font style matcher]] * [[https://www.robinrendle.com/notes/the-smallest-difference.html|The Smallest Difference]] (font-variant-numeric: tabular-nums) * [[https://www.tunetheweb.com/blog/should-you-self-host-google-fonts/|Should you self-host Google Fonts?]] ===Tool=== * [[http://nfroidure.github.io/svgiconfont/|SVG Icon Font]] * [[https://fonts.bunny.net/|Bunny Fonts]] (CDN) ====Audio==== * [[http://audioscene.org/|AudioScene.org]] * [[http://hyperaud.io/|Hyperaudio]] * [[https://github.com/soundcloud/areweplayingyet|Are We Playing Yet?]] * [[http://tympanus.net/codrops/2013/06/10/web-audio-stylophone/|Web Audio Stylophone]] * [[http://blog.f-i.com/equalizer-dots/|Equalizer Dots]] * [[https://github.com/jeromeetienne/webaudiox|Webaudiox]] * [[https://github.com/Tonejs/Tone.js|Tone.js]] ====Storage==== * [[https://localforage.github.io/localForage/|localForage]] ====Resource Hints==== * [[https://www.keycdn.com/blog/resource-hints/|Resource Hints – What is Preload, Prefetch, and Preconnect?]] * [[https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/|Preload: What Is It Good For?]] * [[https://instant.page/|instant.page]] ====Offline==== * [[http://jakearchibald.com/2014/offline-cookbook/|The offline cookbook]] * [[https://github.com/slightlyoff/BackgroundSync|Background Synchronization]] * [[https://mozilla.github.io/oghliner/|Oghliner]] * [[https://developers.google.com/web/fundamentals/getting-started/your-first-offline-web-app/|Your first offline web app]] * [[https://www.talater.com/upup/|UpUp]] ====Worker==== * [[https://jakearchibald.github.io/isserviceworkerready/|Is ServiceWorker Ready?]] * [[http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web|Push Notifications on the Open Web]] * [[https://serviceworke.rs/|Service Worker Cookbook]] * [[https://developers.google.com/web/showcase/2016/service-worker-perf|Measuring the Real-world Performance Impact of Service Workers]] * [[https://medium.com/dev-channel/testing-service-workers-318d7b016b19|Testing Service Workers]] * [[https://cloudfour.com/thinks/when-7-kb-equals-7-mb/|When 7 KB Equals 7 MB]] * [[https://medium.com/dev-channel/service-worker-caching-strategies-based-on-request-types-57411dd7652c|Service Worker Caching Strategies Based on Request Types]] * [[https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/|Smaller HTML Payloads with Service Workers]] ===Push=== * [[https://web-push-book.gauntface.com/|Web Push Book]] * [[https://github.com/marco-c/web-push|web-push]] ===Tool=== * [[https://workboxjs.org/|Workbox]] * [[https://github.com/GoogleChrome/sw-toolbox|Service Worker Toolbox]] * [[https://github.com/GoogleChrome/sw-precache/|Service Worker Precache]] * [[https://github.com/developit/workerize|Workerize]] ====Fetch==== * [[https://gauntface.com/blog/2015/02/11/fetch-is-the-new-xhr|Fetch is the new XHR]] * [[http://updates.html5rocks.com/2015/03/introduction-to-fetch|Introduction to fetch()]] * [[https://hacks.mozilla.org/2015/03/this-api-is-so-fetching/|This API is so Fetching!]] * [[https://hacks.mozilla.org/2016/03/referrer-and-cache-control-apis-for-fetch/|Referrer and cache control APIs for fetch()]] ===套件=== * [[https://github.com/mjackson/http-client|http-client]] * [[https://adamjosefus.github.io/fx-fetch/|Fx-Fetch]] (Effect) ====Streams==== * [[https://jakearchibald.com/2016/streams-ftw/|2016 - the year of web streams]] * [[https://jakearchibald.com/2016/streaming-template-literals/|Streaming template literals]] ====Clipboard==== * [[https://blog.tomayac.com/2020/03/20/multi-mime-type-copying-with-the-async-clipboard-api/|Multi-MIME Type Copying with the Async Clipboard API]] ====Beacon==== * [[http://www.sitepoint.com/introduction-beacon-api/|Introduction to the Beacon API]] ====WebAssembly==== * [[https://webassembly.org/|WebAssembly]] * [[https://wasi.dev/|The WebAssembly System Interface]] * [[https://wasmtime.dev/|Wasmtime]] * [[http://www.jakubkonka.com/2020/04/28/rust-wasi-from-scratch.html|Stubbing out WASI manually in Rust]] * [[https://rustwasm.github.io/|Rust and WebAssembly]] * [[https://rustwasm.github.io/wasm-pack/|wasm-pack]] * [[https://github.com/AssemblyScript|AssemblyScript]] * [[https://wasmer.io/|Wasmer]] * [[https://wapm.io/|WebAssembly Package Manager]] * [[https://wasmbyexample.dev/|Wasm By Example]] * [[https://wasdk.github.io/wasmcodeexplorer/|WebAssembly Code Explorer]] * [[https://github.com/appcypher/awesome-wasm-langs|Awesome WebAssembly Languages]] * [[https://developer.fermyon.com/wasm-languages/webassembly-language-support|WebAssembly Language Support Matrix]] ====WebGPU==== * [[https://sotrh.github.io/learn-wgpu/|Learn Wgpu]] * [[https://github.com/toji/hello-triangle-webgpu|Hello Triangle - WebGPU]] ====WebGL==== * [[https://moonbridge.app/|Moonbridge]] ====Animations==== * [[http://web-animations.github.io/web-animations-demos/|Web Animations Demos]] * [[https://birtles.github.io/areweanimatedyet/|Are we animated yet?]] * [[https://gibbok.github.io/animatelo/|Animatelo]] ====WebSocket==== * [[http://sockjs.org|SockJS]] * [[http://wamp.ws/|WAMP]] * [[https://github.com/firebug/websocket-monitor|WebSocket Monitor]] ====WebRTC==== * [[https://webrtc.org/|WebRTC]] * [[http://iswebrtcreadyyet.com/|Is WebRTC ready yet?]] * [[https://github.com/cjb/serverless-webrtc|serverless-webrtc]] * [[https://mgechev.github.io/jscapture/|JSCapture]] ====WebVTT==== * [[https://github.com/mozilla/vtt.js|vtt.js]] ====Web Components==== * [[https://webcomponents.guide/|Web Components Guide]] * [[http://webcomponents.org/|WebComponents.org]] * [[http://webcomponents.org/polyfills/|webcomponents.js]] * [[http://coding.smashingmagazine.com/2014/03/04/introduction-to-custom-elements/|A Detailed Introduction To Custom Elements]] * [[https://github.com/polymer/vulcanize|Vulcanize]] * [[https://github.com/MVC-Elements|MVC-Elements]] * [[https://custom-elements-everywhere.com/|Custom Elements Everywhere]] * [[https://gist.github.com/WebReflection/ec9f6687842aa385477c4afca625bbf4|Handy Custom Elements' Patterns]] * [[https://medium.com/@WebReflection/how-to-deliver-custom-elements-702fae32d25c|How to deliver Custom Elements]] ====WebVR==== * [[https://webvr.info/|WebVR - Bringing Virtual Reality to the Web]] * [[https://webvr.rocks/|WebVR Rocks]] ==== Webmention ==== * [[https://webmention.io|Webmention.io]] ====SEO==== * [[https://developers.google.com/webmasters/ajax-crawling/|Making AJAX Applications Crawlable]] * [[http://www.schema.org/|Schema.org]] * [[http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-an-html5-microdata-powered-resume/|How to Create an HTML5 Microdata Powered Resume]] ====Service==== * [[https://github.com/dropbox/dropbox-js|Dropbox.js]] * [[computer:web:Google]] * Twitter * [[https://github.com/sindresorhus/refined-twitter|Refined Twitter]] ====Accessibility==== * [[http://a11yproject.com/|The Accessibility Project]] * [[https://www.gitbook.com/book/ebay/mindpatterns/|MIND Patterns]] * [[http://heydonworks.com/practical_aria_examples/|ARIA Examples]] * [[http://tenon.io/|Tenon]] * [[http://allyjs.io/|ally.js]] * [[https://www.udacity.com/course/web-accessibility--ud891|Web Accessibility]] * [[https://tink.uk/using-the-aria-current-attribute/|Using the aria-current attribute]] * [[https://axesslab.com/skip-links/|Your skip links are broken]] * [[https://www.deque.com/blog/introduction-to-feed-role-attribute/|Introduction to feed role attribute]] * [[https://adrianroselli.com/2020/02/block-links-cards-clickable-regions-etc.html|Block Links, Cards, Clickable Regions, Rows, Etc.]] ===工具=== * [[https://accessibilityinsights.io|Accessibility Insights]] * [[https://chrome.google.com/webstore/detail/chromelens/idikgljglpfilbhaboonnpnnincjhjkd|ChromeLens]] * [[http://pa11y.org/|Pa11y]] * [[https://www.paciellogroup.com/toolkit/|ARC Toolkit]] * [[https://khan.github.io/tota11y/|tota11y]] ===範例=== * [[https://van11y.net/|Van11y]] ====Authentication==== * [[https://webauthn.guide|Guide to Web Authentication]] * [[https://webauthn.io/|WebAuthn.io]] * [[https://passwordless.net/|Passwordless]] * [[https://jwt.io|JSON Web Tokens]] * [[https://float-middle.com/json-web-tokens-jwt-vs-sessions/|JSON Web Tokens (JWT) vs Sessions]] ===BrowserID=== * [[https://github.com/mozilla/browserid/wiki/How-to-Use-BrowserID-on-Your-Site|How to Use BrowserID on Your Site]] * [[https://github.com/mozilla/browserid-cookbook|Persona Cookbook]] * [[http://mircozeiss.com/mozilla-persona-example-app-with-express-and-couchdb/|Mozilla Persona Example App With Express and CouchDB]] * [[https://github.com/jbuck/express-persona|express-persona]] ===OAuth=== * [[http://blog.yorkxin.org/posts/2013/09/30/oauth2-1-introduction|OAuth 2.0 筆記]] * [[http://adodson.com/hello.js/|hello.js]] ===OpenID=== * [[https://www.ory.sh/hydra/|Ory Hydra]] =====書本===== * [[http://domenlightenment.com/|DOM Enlightenment]] * [[http://www.20thingsilearned.com/|20 Things I Learned About Browsers and the Web]] * [[http://chimera.labs.oreilly.com/books/1230000000545|High Performance Browser Networking]] * [[http://gettingreal.37signals.com/|Getting Real]] * [[http://www.bookofspeed.com/|BOOK OF SPEED]] * [[http://singlepageappbook.com/|Single page apps in depth]] * [[http://woork.blogspot.in/2009/01/woork-handbook.html|The Woork Handbook]] * [[http://designingfortheweb.co.uk/|Designing for the Web]] * [[http://diveintoaccessibility.info/|Dive Into Accessibility]] * [[http://www.webstyleguide.com/|Web Style Guide]] * [[http://pages.apigee.com/web-api-design-ebook.html|Web API Design]] * [[http://chimera.labs.oreilly.com/books/1230000000545|High Performance Browser Networking]] * [[http://chimera.labs.oreilly.com/books/1230000000345|Interactive Data Visualization for the Web]] * [[https://unhosted.org/|unhosted web apps]] * [[http://designingforperformance.com/|Designing for Performance]] * [[http://mobile-first.abookapart.com/|Mobile First]] * [[https://www.patterns.dev/|Patterns.dev]] =====應用===== * [[http://cartagen.org/|Cartagen]] * [[http://terrifically.org/|Terrific]] * [[http://kartograph.org/|Kartograph]] ====Generator==== * [[http://staticsitegenerators.net/|Static Site Generators]] * [[http://staticgen.com/|Top Static Site Generators Comparison]] * [[http://jekyllrb.com/|Jekyll]] * [[http://jekyllthemes.org/|Jekyll Themes]] * [[http://thanpol.as/jekyll/jekyll-and-livereload-flow/|Jekyll And LiveReload Flow]] * [[http://tech.nitoyon.com/en/blog/2013/06/25/jekyll-grunt/|Jekyll: Use Grunt instead of --watch option]] * [[http://octopress.org/|Octopress]] * [[https://github.com/robwierzbowski/generator-jekyllrb|Generator-jekyllrb]] * [[https://github.com/dannygarcia/grunt-jekyll|grunt-jekyll]] * [[http://getpoole.com/|Poole]] * [[http://thoughtbot.github.io/proteus/|Proteus]] * [[http://www.blogofile.com/|Blogofile]] * [[http://pelican.readthedocs.org/|Pelican]] * [[http://get-serve.com/|Serve]] * [[http://awestruct.org/|Awestruct]] * [[https://github.com/bevry/docpad|DocPad]] * [[https://github.com/scarwu/Pointless|Pointless]] * [[http://ringce.com/hyde|Hyde]] * [[http://assemble.io/|Assemble]] * [[https://github.com/hariadi/assemble-jekyll|Assemble Jekyll]] * [[https://github.com/assemble/generator-assemble|Assemble generator]] * [[https://github.com/assemble/verb|Verb]] * [[http://nanoc.ws/|nanoc]] * [[http://roots.cx/|roots]] * [[http://laktek.github.io/punch/|Punch]] * [[http://hugo.spf13.com/|Hugo]] * [[https://booklit.page/|Booklit]] * [[http://phrozn.info/|Phrozn]] * [[https://github.com/koenbok/Cactus/|Cactus]] * [[http://cactusformac.com/|Cactus for Mac]] * [[http://www.metalsmith.io/|Metalsmith]] * [[http://www.robinthrift.com/posts/getting-to-know-metalsmith/|Getting to Know Metalsmith]] * [[https://github.com/segmentio/metalsmith-metadata|metalsmith-metadata]] * [[https://github.com/RobinThrift/metalsmith-paginate|metalsmith-paginate]] * [[http://www.cabinjs.com/|Cabin]] * [[https://github.com/eduardoboucas/staticman|Staticman]] * [[https://github.com/MoOx/statinamic|statinamic]] * [[https://github.com/gatsbyjs/gatsby|Gatsby]] (React) * [[https://novela.narative.co/|Novela]] * [[https://flex.arshad.io/|Flex]] * [[https://charge.js.org/|Charge]] (React) * [[https://phenomic.io/|Phenomic]] (React) * [[https://vuepress.vuejs.org/|VuePress]] (Vue) * [[https://vitepress.vuejs.org/|VitePress]] (Vue) * [[https://gridsome.org/|Gridsome]] (Vue) * [[https://scully.io/|Scully]] * [[https://astro.build/|Astro]] * [[https://www.11ty.io/|Eleventy]] * [[https://learneleventy.com/|Learn Eleventy]] * [[https://github.com/11ty/eleventy-base-blog|eleventy-base-blog]] * [[https://github.com/google/eleventy-high-performance-blog|eleventy-high-performance-blog]] * [[https://github.com/11ty/eleventy-plugin-syntaxhighlight|eleventy-plugin-syntaxhighlight]] * [[https://github.com/stevenpetryk/eleventy-plugin-error-overlay|Eleventy Error Overlay]] * [[https://github.com/11ty/eleventy-navigation|eleventy-navigation]] * [[https://github.com/liamfiddler/eleventy-plugin-lazyimages|eleventy-plugin-lazyimages]] * [[https://github.com/robb0wen/eleventy-plugin-local-images|eleventy-plugin-local-images]] * [[https://github.com/adamduncan/eleventy-shortcomps|eleventy-shortcomps]] * [[https://hylia.website/|Hylia Starter Kit]] * [[https://xity.now.sh/|XITI Starter]] * [[https://www.pborenstein.com/articles/collections/|Working with Collections]] * [[https://www.webstoemp.com/blog/multilingual-sites-eleventy/|Multilingual sites with Eleventy]] * [[https://remysharp.com/2019/06/26/scheduled-and-draft-11ty-posts|Scheduled and draft 11ty posts]] * [[https://timothymiller.dev/posts/2020/adding-a-changelog-to-my-11ty-blog/|Adding a Changelog to My 11ty Blog]] * [[https://www.stackbit.com/blog/content-stats-eleventy/|Compiling Content Stats for a JAMstack Site Using Eleventy]] * [[https://annualbeta.com/blog/dynamic-social-sharing-images-with-eleventy/|Dynamic Social Sharing Images with Eleventy]] * [[https://jouni.kantola.se/blog/2020-03-15/inline-postcss-generated-css-with-11ty/|Inline PostCSS generated CSS with Eleventy]] * [[https://heydonworks.com/article/design-tokens-in-eleventy/|Easily Use Design Tokens In Eleventy]] * [[https://www.raymondcamden.com/2020/05/18/integrating-netlify-analytics-and-eleventy|Integrating Netlify Analytics and Eleventy]] * [[https://chriskirknielsen.com/blog/building-and-maintaining-components-from-utility-classes-in-eleventy/|Building and maintaining components from utility classes in Eleventy]] * [[https://www.netlify.com/blog/2020/09/18/eleventy-and-vue-a-match-made-to-power-netlify.com/|Eleventy and Vue, a match made to power Netlify.com]] * [[https://www.d-hagemeier.com/en/articles/sass-compile-11ty/|Compile Sass with Eleventy]] * [[https://nextra.vercel.app/|Nextra]] (React Next) * [[https://fumadocs.dev/|Fumadocs]] (React Next) * [[https://www.getzola.org/|Zola]] (Rust) * [[https://cobalt-org.github.io/|Cobalt]] (Rust) * [[https://lumeland.github.io/|lume]] (Deno) * [[https://jaspervdj.be/hakyll/|Hakyll]] (Haskell) * [[https://getnikola.com/|Nikola]] (Python) * [[https://docus.com/|Docus]] (Vue Nuxt) * [[https://quartz.jzhao.xyz/|Quartz]] ===Publish=== * [[http://bakerframework.com/|Baker Ebook Framework]] * [[http://www.lakercompendium.com/|Laker]] * [[http://monocle.inventivelabs.com.au/|Monocle]] * [[http://fchasen.github.io/epub.js/|Epub.js]] * [[http://vivliostyle.com/|Vivliostyle]] ====Guideline==== * [[http://livingstyleguide.org/|LivingStyleGuide]] * [[http://pointnorth.io/|North]] * [[https://github.com/Snugug/generator-north|Generator North]] * [[http://styleguides.io/|Website Style Guide Resources]] ====Slides==== * [[https://sli.dev/|Slidev]] * [[http://www.w3.org/Talks/Tools/Slidy2/|HTML Slidy]] * [[http://paulrouget.com/dzslides/|DZSlides]] * [[http://code.google.com/p/html5slides/|html5slides]] * [[http://wam.inrialpes.fr/timesheets/|timesheets.js]] * [[http://imakewebthings.github.com/deck.js/|deck.js]] * [[http://dfcb.github.com/controldeck.js/|controldeck.js]] * [[http://cykod.github.com/CoderDeck/|CoderDeck]] * [[http://bartaz.github.com/impress.js/|impress.js]] * [[http://shama.github.com/jmpress.js/|jmpress.js]] * [[http://pik6.peterkroener.de/|PIK6]] * [[http://lab.hakim.se/reveal-js/|REVEAL.JS]] * [[https://github.com/slara/generator-reveal|Reveal.js generator]] * [[https://github.com/shower|Shower]] * [[https://yhatt.github.io/marp/|Marp]] (Markdown) * [[https://github.com/LeaVerou/CSSS|CSSS]] * [[https://github.com/briancavalier/slides|Slide Presentation Framework]] * [[http://flowtime-js.marcolago.com/|Flowtime.js]] * [[http://markdalgleish.com/projects/fathom/|Fathom.js]] * [[http://markdalgleish.com/projects/bespoke.js/|Bespoke.js]] * [[https://github.com/markdalgleish/generator-bespoke|Bespoke.js Generator]] * [[http://johnpolacek.github.io/scrolldeck.js/|Scrolldeck]] * [[https://github.com/bloudermilk/slyde|Slyde]] * [[https://github.com/tybenz/vimdeck|Vimdeck]] * [[http://remarkjs.com/|Remark]] * [[http://formidable.com/open-source/spectacle/|Spectacle]] ====樣式版型==== * [[http://www.mollio.org/|Mollio]] * [[http://activo.dmfranc.com/|Activo]] * [[http://pea.rs/|Pears]] * [[http://sebnitu.github.com/BaseDemo/|BaseDemo]] * [[http://www.almsaeedstudio.com/|AdminLTE]] * [[http://metroui.org.ua/|Metro UI CSS]] * [[http://www.openwebdesign.org/|Open Web Design]] * [[http://www.oswd.org/|Open Source Web Design]] * [[http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/|20 Professional Web Admin Templates on ThemeForest]] * [[http://www.ourtuts.com/34-outstanding-admin-panels-for-your-web-applications/|34 Outstanding Admin Panels for Your Web Applications]] ===Framework=== * [[http://responsive.vermilion.com/|Responsive CSS Framework Comparison]] * [[computer:web:tool:Bootstrap]] * [[http://foundation.zurb.com/|Foundation]] * [[http://foundation.zurb.com/develop/yeti-launch.html|Yeti Launch]] * [[http://www.zurb.com/playground/foundation-icons|Foundation Icon Fonts]] * [[http://topcoat.io/|Topcoat]] * [[http://getuikit.com/|UIkit]] * [[https://docs.atlassian.com/aui/latest/|Atlassian User Interface]] * [[http://genesis-skeleton.com/|Genesis Skeleton]] * [[http://ink.sapo.pt/|Ink]] * [[http://workless.ikreativ.com/|Workless]] * [[http://www.99lime.com/|HTML KickStart]] * [[http://reuze.me/|Reuze]] * [[http://html5reset.org/|HTML5 Reset]] * [[http://52framework.com/|52framework]] * [[http://thatcoolguy.github.com/gridless-boilerplate/|Gridless]] * [[http://p.erkins.com/|Perkins]] * [[http://gravityframework.com/|Gravity]] * [[http://framework.gregbabula.info/|G5 Framework]] * [[http://baselinecss.com/|Baseline]] * [[http://stuffandnonsense.co.uk/projects/320andup/|320 and Up]] * [[http://goldengridsystem.com/|Golden Grid System]] * [[http://www.getskeleton.com/|Skeleton]] * [[http://www.unifyjs.com/|Unify]] * [[http://groundwork.sidereel.com/|Groundwork]] * [[http://www.markupframework.org/|Markup Framework]] * [[http://weice.in/ivory/|IVORY]] * [[http://www.heartinternet.co.uk/sculpt|Sculpt]] * [[http://gumbyframework.com/|Gumby]] =====字型===== * [[http://endtwist.github.com/fontcustom/|Font Custom]] * [[http://www.heydonworks.com/article/font-hacking|Font Hacking]] * [[http://blog.bs2.to/post/EdwardLee/3401|serif vs sans serif]] * [[http://tympanus.net/codrops/2012/02/09/type-effects-and-modification/|TYPE EFFECTS AND MODIFICATION]] * [[http://noteandpoint.com/2010/06/faster-and-more-secure-webfonts/|Faster, and More Secure Webfonts]] * [[http://designaslifestyle.blogspot.com/2007/07/16.html|16個網頁設計師最愛的英文字型]] * [[http://www.webdesignerdepot.com/2012/01/how-to-make-your-own-icon-webfont/|How to make your own icon webfont]] =====訂閱===== * [[https://jsonfeed.org/|JSON Feed]] * [[http://www.rssboard.org/rss-2-0|RSS 2.0 Specification (UserLand)]] * [[http://cyber.law.harvard.edu/rss/rss.html|RSS 2.0 at Harvard Law]] * [[https://developer.mozilla.org/En/RSS/Article/Why_RSS_Content_Module_is_Popular_-_Including_HTML_Contents|Why RSS Content Module is Popular - Including HTML Contents]] * [[https://kevincox.ca/2022/05/06/rss-feed-best-practices/|RSS Feed Best Practises]] =====推廣標準===== * [[http://www.feedicons.com/|Feed Icons]] * [[http://opmlicons.com/|OPML Icons]] * [[http://shareicons.com/|Share Icons]] * [[http://humanstxt.org/|Humans TXT]] * [[http://oembed.com/|oEmbed]] * [[http://ogp.me/|Open Graph protocol]] =====素材提供===== * [[https://realfavicongenerator.net/|Favicon Generator. For real.]] * Ajaxload - Ajax loading gif generator\\ http://www.ajaxload.info/ * FC2アイコン\\ http://icon.fc2.com/ * Web 2.0 free buttons maker!\\ http://www.mycoolbutton.com/ * Brilliant Button Maker\\ http://www.lucazappa.com/brilliantMaker/buttonImage.php * RSSアイコン - 無料RSS画像・RSS作成サービス\\ http://www.rss-icon.com/ * favicon.ico Generator\\ http://www.favicon.cc/ * Transparent <code>data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==</code> <code>data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==</code> =====工具===== * [[http://www.htmlinstant.com/|HTML Instant]] * [[http://kraken.io/|Kraken Web Optimizer]] * [[http://maqetta.org/|Maqetta]] * [[http://livetools.uiparade.com/form-builder.html|Form builder]] * [[http://robohash.org/|Robohash]] * [[http://quirktools.com/|QuirkTools]] * [[http://www.feedbutton.com/|FeedButton]] * [[http://openfacts2.berlios.de/html2wiki/index.php|html2wiki]] * [[http://rendur.com/|Rendur]] * [[http://www.opinionatedgeek.com/DotNet/Tools/UrlEncode/Encode.aspx|URL Encoder]] * [[http://meyerweb.com/eric/tools/dencoder/|URL Decoder/Encoder]] * [[http://www.smushit.com/|Smush.it]] * [[https://github.com/localtunnel/localtunnel|localtunnel]] * [[https://github.com/fatedier/frp|frp]] * [[http://anvilformac.com/|Anvil]] * [[http://koala-app.com/|Koala]] * [[http://www.visualcsstools.com/|Visual CSS Gradient Generator]] (SVG, Canvas) * [[http://simplesharingbuttons.com/|Simple Sharing Buttons Generator]] ==== 列印 ==== * [[http://weasyprint.org/|WeasyPrint]] * [[https://vivliostyle.org/|Vivliostyle]] ====填充==== * [[http://www.adhesiontext.com/|adhesiontext]] * [[http://placehold.it/|placehold.it]] * [[http://placeimg.com/|PlaceIMG]] * [[https://picsum.photos/|Lorem Picsum]] * [[http://fakeimg.pl/|Fake images please?]] * [[http://fpoimg.com/|FPOImg.com]] * [[http://lorempixel.com/|lorempixel]] * [[http://hipsteripsum.me/|Hipster Ipsum]] * [[http://dummyimage.com/|Dynamic Dummy Image Generator]] * [[http://imsky.github.com/holder/|Holder.js]] * [[http://fixiejs.com/|Fixie.js]] * [[http://ndreckshage.github.com/roughdraft.js/|RoughDraft.js]] * [[https://github.com/christiannaths/Redacted-Font|Redacted]] * [[http://dummy.kerns.dk/|Dummy]] (PHP) * [[http://zurb.com/playground/rapid-prototyping-with-flickrbomb|flickrBomb]] * [[http://meettheipsums.com/|Meet the Ipsums]] * [[http://www.fillerati.com/|Fillerati]] * [[http://chrisvalleskey.com/fillerama/|Fillerama]] * [[https://unsplash.it/|Unsplash It]] ====檢驗==== * [[https://webhint.io/|webhint]] * [[https://httpsecurityreport.com/|HTTP Security Report]] * [[https://observatory.mozilla.org/|Observatory]] * [[http://validator.w3.org/|The W3C Markup Validation Service]] * [[http://jigsaw.w3.org/css-validator/|The W3C CSS Validation Service]] * [[http://feedvalidator.org/|Feed Validator for Atom and RSS]] * [[https://github.com/philipwalton/html-inspector|HTML Inspector]] * [[http://wave.webaim.org/|WAVE Web Accessibility Tool]] * [[https://website.grader.com/|Website Grader]] ====配色==== * [[http://websafecolors.info/|Web Safe Colors]] * [[http://flatuicolors.com/|Flat UI Colors]] * [[http://www.colordic.org/|WEB色見本]] * [[http://kuler.adobe.com|kuler]] * [[http://www.joedolson.com/color-contrast-tester.php?lang=zh-tw|Color Contrast Test]] * [[http://www.checkmycolours.com/|Check My Colours]] * [[http://color.aurlien.net/|Piknik Color Picker]] * [[http://www.colorapi.com/|colorapi]] * [[http://colorschemedesigner.com/|Color Scheme Designer]] * [[http://colorblender.com/|ColorBlender]] * [[http://www.lavishbootstrap.com/|Lavish]] ====設計==== * [[https://visbug.web.app/|VisBug]] ====格線==== * [[http://bohemianalps.com/tools/grid/|The Heads-Up Grid]] * [[http://www.puidokas.com/portfolio/gridfox/|GridFox]] * [[http://keyes.ie/things/baseliner/|Baseliner]] * [[http://hashgrid.com/|#grid]] * [[http://www.gridlover.net/|Gridlover]] * [[http://gridcalculator.dk/|Grid Calculator]] * [[http://www.problem.se/labs/gridcalc/|GridCalc]] * [[http://modulargrid.org/|Modular Grid Pattern]] * [[http://griddle.it/|Griddle.it]] * [[http://javascriptgrid.org/|The JAVASCRIPT GRID]] ====測試==== * [[http://splinter.cobrateam.info/|Splinter]] * [[https://www.optimizely.com/|Optimizely]] (A/B Test) * [[http://www.webpagetest.org/|WebPagetest]] * [[http://www.sitepoint.com/page-speed-soon-visitors-see-content/|Page Speed: How Soon Will Visitors See Your Content?]] * [[https://getfal.co/|Falco]] * [[http://sitespeed.io/|Sitespeed.io]] * [[http://www.robohornet.org/|RoboHornet]] * [[http://google.github.io/latency-benchmark/|Web Latency Benchmark]] * [[http://nibbler.silktide.com/|Nibbler]] * [[https://github.com/matryer/silk|silk]] * [[https://www.testim.io/|Testim]] (E2E) =====資源===== * [[https://web.dev/|web.dev]] * [[https://modern-web.dev/|Modern Web]] * [[https://whatwebcando.today/|What Web Can Do Today]] * [[https://ismyhostfastyet.com/|Is my host fast yet?]] * [[http://html5weekly.com/|HTML5 Weekly]] * [[http://wdrl.info/|Web Development Reading List]] * [[http://webdosanddonts.com/|WebD&D]] * [[https://wiki.mozilla.org/WebDev:FrontendCodeStandards|WebDev:FrontendCodeStandards]] * [[http://taitems.github.com/Front-End-Development-Guidelines/|Front End Development Guidelines]] * [[http://mdo.github.io/code-guide/|Code Guide by @mdo]] * 用來表達功能及佈局的示意圖 wireframe、用來表達視覺呈現的模型 mockup、網頁雛形 prototype。通常這三種文件的使用次序是先 wireframe 再 mockup 最後 prototype * [[http://www.netmagazine.com/features/10-simple-ways-make-wireframes-more-useful|10 simple ways to make wireframes more useful]] * [[http://sixrevisions.com/user-interface/website-wireframing/|Ultimate Guide to Website Wireframing]] * [[http://inspire.twgg.org/c/inspire/design-concept/web-design-and-development-of-common-errors.html|WEB 設計與開發常見錯誤]] * [[http://www.jaceju.net/blog/archives/167|透視 WebMVC]] * [[http://www.jaceju.net/blog/archives/1778|如何打造 WebMVC Framework – 基礎概念篇]] * [[http://bradfrostweb.com/blog/post/development-is-design/|Development Is Design]] * [[https://developers.google.com/web/|Build a Great Web Experience]] * [[https://developers.google.com/web/fundamentals/|Google Web Fundamentals]] * [[http://html5test.com/|HTML5test]] * [[https://almanac.httparchive.org/|Web Almanac]] ====教學==== * [[http://serverless-stack.com/|Serverless Stack]] * [[http://teamtreehouse.com/|Treehouse]] * [[http://www.html.net/|HTML.net]] * [[http://codyhouse.co/|CodyHouse]] * [[http://marksheet.io/|MarkSheet]] * [[https://web.stanford.edu/class/cs253/|CS 253 Web Security]] ====示範==== * [[https://github.com/GoogleChrome/samples|Google Chrome Samples]] * [[http://shinydemos.com/|Shiny Demos]] * [[http://simpl.info/|simpl.info]] * [[http://html5-demos.appspot.com/|HTML5 Demos]] * [[https://whimsical.club/|The Whimsical Web]] ====模板==== * [[http://html5up.net/|HTML5 UP]] * [[http://www.gettemplate.com/|GetTemplate]] (Bootstrap) * [[http://mn-ml.cc/|MNML]] =====技巧===== * [[http://wilsonpage.co.uk/preventing-layout-thrashing/|Preventing 'layout thrashing']] * [[http://ejohn.org/blog/learning-from-twitter/|Learning from Twitter]] (Infinite Scrolling) * [[http://css.dzone.com/articles/lazy-load-social-media-buttons|Lazy Load Social Media Buttons]] * [[http://lucb1e.com/rp/cookielesscookies/|Cookieless cookies]] * [[http://redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html|Client-side full-text search in CSS]] * [[http://kristerkari.github.io/adventures-in-webkit-land/blog/2013/08/30/fixing-a-parallax-scrolling-website-to-run-in-60-fps/|Fixing a parallax scrolling website to run in 60 FPS]] * [[http://alexmaccaw.co.uk/posts/async_ui|Asynchronous UIs - the future of web user interfaces]] * [[http://webdesign.tutsplus.com/tutorials/recreating-the-touch-ripple-effect-as-seen-on-google-design--cms-21655|Recreating the Touch Ripple Effect as Seen on Google Design]] * [[https://hiddedevries.nl/en/blog/2015-04-03-progressive-enhancement-with-handlers-and-enhancers|Progressive enhancement with handlers and enhancers]] * [[http://rhumaric.com/2014/02/quick-tip-console-logs-with-conditional-breakpoints/|Quick tip: console logs with conditional breakpoints]] * [[http://www.pocketjavascript.com/blog/2015/11/23/introducing-pokedex-org|Introducing Pokedex.org: a progressive webapp for Pokémon fans]] * [[https://robbowen.digital/wrote-about/minding-your-language/|Mind your language.]] * [[https://web.dev/optimize-long-tasks/|Optimize long tasks]] ====載入==== * [[https://jasonformat.com/modern-script-loading/|Modern Script Loading]] ====辟邪==== * <code>document.documentMode</code> for IE * [[https://gomakethings.com/fixing-safaris-back-button-browser-cache-issue-with-vanilla-js/|Fixing Safari's back button browser cache issue with vanilla JS]] ====原則==== * [[http://www.alistapart.com/articles/understandingprogressiveenhancement|Understanding Progressive Enhancement]] * [[http://www.webdesignerwall.com/tutorials/typographic-contrast-flow/|Typographic Contrast and Flow]] * [[http://uxdesign.smashingmagazine.com/2011/11/08/extensive-guide-web-form-usability/|An Extensive Guide To Web Form Usability]] * [[http://coding.smashingmagazine.com/2011/03/14/technical-web-typography-guidelines-and-techniques/|Technical Web Typography: Guidelines and Techniques]] * [[http://www.ianfeather.co.uk/presentations/front-end-ops/|Front End Ops]] ===Modular Scale Typography=== * [[http://modularscale.com/|Modular Scale]] * [[http://alistapart.com/article/more-meaningful-typography|More Meaningful Typography]] ===Vertical Rhythm=== * [[http://coding.smashingmagazine.com/2012/12/17/css-baseline-the-good-the-bad-and-the-ugly/|CSS Baseline: The Good, The Bad And The Ugly]] * [[http://drewish.com/tools/vertical-rhythm|CSS with vertical rhythm]] ===Responsive Layout=== * [[http://www.alistapart.com/articles/responsive-web-design/|Responsive Web Design]] * [[http://bradfrost.github.com/this-is-responsive/|This Is Responsive]] * [[http://kuro.tw/blog/2012/03/01/responsive-design-responsive-design-in-3-steps|Responsive Design in 3 Steps]] * [[http://palantir.net/blog/responsive-design-s-dirty-little-secret|Responsive Design’s Dirty Little Secret]] * [[http://gridpak.com/|Gridpak]] * [[https://github.com/scottjehl/Respond|Respond.js]] * [[http://bjork24.github.io/Unison/|Unison.js]] * [[http://webdesignerwall.com/tutorials/responsive-column-layouts|Responsive Column Layouts]] * [[http://www.lifeishao.com/rwdwire/|RWD Wireframes]] * [[http://mediaqueri.es/|Media Queries]] * [[http://blog.evendesign.tw/post/48853824439/rwd-test|響應式網頁設計測試要點]] * [[http://www.barrelny.com/blog/text-align-justify-and-rwd/|Text-align: Justify and RWD]] * [[http://timkadlec.com/2013/06/why-we-need-responsive-images/|Why We Need Responsive Images]] * [[http://responsiveimages.org/|ResponsiveImages.org]] ==圖片== * [[http://adaptive-images.com/|Adaptive Images]] * [[http://responsiveimg.com/|Responsive Img]] * [[https://github.com/scottjehl/picturefill|Picturefill]] * [[https://github.com/square/apropos|Apropos]] * [[https://github.com/estelle/clowncar|Clown Car Technique for Responsive Images]] * [[https://github.com/BBC-News/Imager.js|Imager.js]] ==檢視== * [[http://design.google.com/resizer/|Resizer]] * [[http://lab.maltewassermann.com/viewport-resizer/|Viewport resizer]] * [[http://www.responsinator.com/|The Responsinator]] * [[http://responsive.victorcoulon.fr/|Responsive Design Bookmarklet]] (Include Screen Keyboard) * [[http://dfcb.github.io/Responsivator/|Responsivator]] * [[http://quirktools.com/screenfly/|Screenfly]] * [[https://github.com/bradfrost/ish.|ish.]] * [[http://mattkersley.com/responsive/|Responsive Web Design Testing Tool]]
computer/web.txt
· 上一次變更: 2026/01/13 22:51 由
wm
頁面工具
顯示頁面
舊版
反向連結
回到頁頂
