WordPress Elementor 中顯示文章相關的標籤tags
WordPress的Elementor Pro插件是一個功能豐富的工具，可以讓您輕鬆地建立自定義的網站。但是顯示文章的標籤tags，則沒有看到此元件出現在elementor編輯頁面中，只能手動的將它加入代碼，添加到您的主題的functions.php文件，以下是實踐的方法。 步驟…
閱讀文章
UCAMC Category
文
這裡彙整 UCAMC 以「文」分類標註的文章，方便讀者依主題追蹤技術筆記與數位工作流。
324 篇文章 · 依日期由新到舊排序cPanel 不支援外部SMTP的 Mail Server 發信
問題的開端是這樣的，我使用 Laravel開發設定SMTP使用Gmail做 寄件，在本端自己的電腦都能夠正常寄件，但到了 Server cPanel 就怎麼都錯誤。後來還換了個寄件服務商Mailgun，還是同樣的問題產生，以為是不是可能主機的防火牆可能阻止了應用程式連接到外部 S…
閱讀文章VSCode 快捷鍵變更修改檔案格式語言模式方法
Visual Studio Code 三種簡單方法，讓你輕鬆變更檔案格式 Change Language Mode 變更語言模式 Visual Studio Code VSCode 是一款功能強大的文字編輯器，它支援多種程式語言和檔案格式。如果我們想要 更改檔案的語言模式 ，可以…
閱讀文章如何使用 SQL 批量修改資料庫中的字串
批次修改資料庫某字串 在資料庫管理中，有時需要批次修改某個字串。例如，你可能需要將所有 URL 從 改為 要做到這一點，你可以使用 SQL 的 UPDATE 語句。 UPDATE 語句可以用來更新資料庫中的表格。 以下是一個基本的例子： sql UPDATE your table…
閱讀文章React插入原始的 HTML如何使用dangerouslySetInnerHTML 屬性
什麼是 dangerouslySetInnerHTML 屬性？ dangerouslySetInnerHTML 屬性是 React 提供的一個屬性，允許我們在 React 組件中插入原始的 HTML 字串 。這在某些情況下可能很有用，例如，當我們需要在組件中顯示一個來自外部來源的…
閱讀文章獲得YouTube嵌入式連結與影片封面連結的教學
在現代的網絡世界中，YouTube已成為最受歡迎的影片分享平台之一。如果您是一個部落客、網站開發人員或應用程式開發人員，您可能會需要在您的內容中嵌入YouTube影片或顯示影片的封面圖片。在這篇教學文章中，我將向您展示如何獲得YouTube嵌入式連結和影片封面連結。 獲得YouT…
閱讀文章XAMPP 伺服器郵件設定與 PHP mail() 函式使用教學
本教學主要介紹如何在 XAMPP 伺服器上使用 PHP 的 mail 函數 ，並設置使用 SMTP Gmail發送電子郵件 。下面是具體步驟： 步驟 1：修改 php.ini 檔案 打開 xampp\\php\\php.ini 文件，並確保以下設置已經更改： extension=…
閱讀文章【WordPress教學】使用shortcode在文章內加入LINE分享按鈕
LINE分享圖片icon shortcode 方式 外觀 佈景主題檔案編輯器 functions.php，將以下程式碼貼上，這邊要注意的是圖片的位置 src="請使用自行上傳圖片位置" ，請上傳在媒體庫內自行新增上傳一張icon圖片，使用顯示 LINE分享按鈕ICON 。 php…
閱讀文章Blender快捷鍵一覽表：讓你的工作更高效率
Blender是一個強大而複雜的軟體，它有著眾多的功能和選項，使用鼠標和滑鼠操作可能會很慢，因此熟悉並使用Blender的快捷鍵可以使你更快速地執行常見的操作。
閱讀文章提高檔案與資料建立效率的神器：VSCode new-file 外掛
\ et\ pb\ section admin\ label="section"\ \ et\ pb\ row admin\ label="row"\ \ et\ pb\ column type="4\ 4"\ \ et\ pb\ text admin\ label="Text"…
閱讀文章[CSS] writing-mode 垂直文字文本行是水平還是垂直放置
網頁文字預設都是水平由左往右，像是由左至右的垂直排列中國文字，這時就可用CSS writing-mode 屬性，設置文本行是水平還是垂直放置。
閱讀文章使用Google Web Designer軟體做HTML5 CSS動畫
專案需要做如上的 動畫效果按鈕 ，因為不想要自己手寫 HTML + CSS ，想說有沒有更快速且有效率的方法，使用介面化動畫工具，像做 Flash動畫 一樣，現在Adobe 把它改名了，應該叫Adobe Animate，但是因為礙於Adobe Animate並不是免費開源軟體，感…
閱讀文章jQuery + CSS 動畫背景擴展效果按鈕animation @keyframes
使用jQuery + CSS animation 關鍵影格@keyframes，定義設定動畫漸變，達到按鈕 hover 後背景從中間展開，擴展到填充整個背景按鈕效果。 開始前先將HTML <button 先寫好，class為 elementor button ，並再多加入四個同樣…
閱讀文章如何在WordPress中上傳.svg圖檔
WordPress 是最受歡迎的CSM 平台，提供各種圖像類型的上傳，包括 jpg 和 png。但是，對於 SVG、可縮放矢量圖形，情況並非如此，因為 WordPress 本身並不支持它們的上傳。SVG 文件通常更適合設計人員，因為它們是可擴展的圖像格式，它們不會在視網膜屏幕上像…
閱讀文章如何取得臉書facebook粉絲專頁Messenger網址連結
取得FB 發送私訊的網址 想要在網頁上貼上自己的臉書facebook粉絲專頁Messenger網址連結嗎？還是個人用戶的1對1聊天室網址呢？ 只需要將你的 粉絲專頁ID 或是個人 Facebook ID + 下列網址，就可以得到 Messenger粉專 、 私人的1對1Messe…
閱讀文章macOS 外接2k螢幕開啟HiDPI字體不模糊
一、開啟HiDPI 首先需要打開系統HiDPI 在終端運行） shell sudo defaults write /Library/Preferences/com.apple.windowserver DisplayResolutionEnabled bool YES shell…
閱讀文章【 劇本創作工具 】VS Code 編輯器 Fountain 標記語言寫好萊塢劇本
一部好的戲劇或者電影，必不可少的絕對是 好的劇本 ，但寫作劇本除了要構思架構、劇情和人物等等以外，還有件超級麻煩的事 排版 。 就跟論文一樣，除了內容本身以外，要按照指定格式把整篇文章整理好其實是一件超級大的工程，更何況中文劇本的世界甚至沒有一個真正的指定格式，常常每個編劇給出來…
閱讀文章Chrome允許從本地主機localhost加載資源的無效證書https ssl
僅適用於本地 localhost 主機 只需將其粘貼到您的 chrome 中： chrome://flags/ allow insecure localhost 您應該會看到突出顯示的文字：允許從本地主機加載資源的無效證書 Allow invalid certificates f…
閱讀文章MacOS Maya如何使用Magic Mouse滑鼠沒有中鍵平移視圖
MacOS Magic Mouse鼠標操作Maya的時候，用以下方法實現中鍵的平移： 在 preference Interface Mouse tracking 勾選 Two Buttons 按住 ⌘ command + ⌥ option + 滑鼠左鍵，就可以在視圖中拖拽
閱讀文章如何在終端機 Vim 中搜索搜尋關鍵文字
要在 Vim 中向前搜索" var "，會輸入 /var ，但是當按enter之後，光標會跳轉到第一個匹配項，要跳到下一個或上一個匹配的關鍵字時要如何做?以下對於"查找下一個或上一個匹配"的 Vim 命令做展示。 1. 輸入 / 2. 輸入搜索詞，例如 " var " 3. 按…
閱讀文章CSS 文字限制字數、行數過長的文字隱藏”…”
\ \ \ \ CSS to make text overflow elegant is with ellipses, single or multiple lines 設計網頁常會使用 … 三個點 文字限制字數長度，來符合設計的版面。 過去使用程式控制，但現在RWD網頁的關係，…
閱讀文章如何在server服務器終端機上尋找特定名稱的文件夾？
如服務器上有一個名為"ucamc"的目錄，要使用什麼方法在 server服務器終端機 Terminal 上找到它的目錄資料夾位置 。 以下指令嘗試使用在 macOS、Ubuntu、Debian、linux系統上都可以順利執行查訊目錄資料夾位置 。 find / xdev 2 /d…
閱讀文章如何在 WordPress 選單連結另開分頁視窗添加目標 “_blank”
想要在 WordPress Menu選單 的選項，設定另開一個頁面做連結 target=" blank" ，但就是看不見畫面上有任何的選項有這個設定，找了半個多小時，才知道預設的選單選項並沒有開啟這個功能，他藏在不容易注意的地方，以下幾個步驟可以讓你快速的找到它。 步驟 1：屏幕…
閱讀文章Heroku上免費的ClearDB MySQL託管服務資料庫設定教學影片
ClearDB 是Hero Add ons app 部署的可選擇的附加入服務，ClearDB就是所謂的 MySQL資料庫 ，通常會配合PHP的app一起使用。 免費版本提供5MB的容量使用，對於初期測試開發還算夠用，當然免費版連線速度也是會有所限制，若使用好的話可以轉為訂閱。 設…
閱讀文章jQuery validate.js 台灣手機格式號碼表單驗證
jQuery validate.js 是一個方便用於表單驗證的jQuery plugin，透過它你可以簡單且完整的處理表單驗證的問題，但在電話號碼處理上，他並沒有提供太完整的過濾函數，在官方網站只有說明提供了phoneUS –驗證有效的美國電話號碼，但其他國家號碼沒有相對的函數提…
閱讀文章MySQL開啟遠端連線權限允許遠端裝置連線資料庫
MySQL因為安全性root帳號，預設只允許localhost連線，想要遠端裝置連線本地端的資料庫，需要設置帳號權限修改為所有host均可訪問，如下指令。 update user set host = '%' where user = 'root'; 以上是直接修改root權限的…
閱讀文章macOS MySQL外連訪問端口3306連不上被擋被拒
客戶端外連訪問在Mac電腦中安裝的mysq失敗。 錯誤信息顯示: root@centos7 / mysql hxxx.xxx.xxx.xxx P3306 uroot p Enter password: ERROR 2003 HY000 : Can't connect to MyS…
閱讀文章CSS中使圖片白色背景轉透明
如果背景顏色為白色，有一種方法可以使用 CSS混合模式 ，添加 mix blend mode: multiply; CSS屬性： img{ mix blend mode: multiply; } Demo Embedded content CSS混合模式 : background…
閱讀文章如何從macOS上的終端機Terminal打開Visual Studio Code？
1. 下載，安裝並打開Visual Studio Code。 2. 打開命令面板 ⌘ + ⇧ + P on Mac OR 查看 ❯ 命令面板 3. 鍵入shell命令以查找Shell命令: Install 'code' command in PATH command 安裝完成就可…
閱讀文章JavaScript分割split()方法逗號分隔修剪多餘的空格
如下需要拆分一個關鍵字字符串並將其轉換為逗號分隔，但是要如何去除多餘的空格使用逗號分隔。 var keywordString = "ford tempo, with,,, sunroof"; 輸出 ford,tempo,with,sunroof split 方法 在ES6中可以應…
閱讀文章WSL手動設置DNS不被重置為默認
WSL2修改 /etc/resolv.conf 可以自己設置dns，但重啟WSL以後，手動設置的DNS就會被重置為默認的，細心看了一下默認的文件以後發現了問題的關鍵。WSL自動在啟動時自動根據系統的虛擬交換機WSL生成 /etc/resolv.conf 文件。如下為默認的 /et…
閱讀文章如何讓CSS HTML Table RWD方法
響應式表格 CSS Trick 表格在不同裝置上的呈現方式一直是前端開發中的一個挑戰。這篇教學將介紹四種使用 CSS Trick 中提供的解決方案，分別是擠壓、捲動、摺疊橫列、和摺疊直行。我們將深入探討每種方法的實作，讓你能夠根據專案需求選擇最適合的方式。 擠壓（Squish）…
閱讀文章Github使用git退回到某個歷史版本
1. 查找歷史版本 使用git log命令查看所有的歷史版本，獲取你git的某個歷史版本的id 或是到github上查找如下圖。 假設查到歷史版本的id是 fae6966548e3ae76cfa7f38a461c438cf75ba965 。 2. 恢復到歷史版本 $ git re…
閱讀文章[PHP] Array()陣列函式大全
array 建立陣列. array change key case 返回其鍵均為大寫或小寫的陣列. array chunk 把一個陣列分割為新的陣列塊. array combine 通過合併兩個陣列來建立一個新陣列. array count values 用於統計陣列中所有值出現…
閱讀文章Python讀取目錄資料夾內檔案及路徑
會使用python讀取資料夾下所有檔案的情況，通常發生在整批資料需要備份、搬移的時候，因此下面跟大家分享如何使用python讀取資料夾下的所有檔案。 import os 指定要查詢的路徑 yourPath = '/content/sample data/' 列出指定路徑底下所有檔…
閱讀文章如何使用WSL php在vscode代碼中驗證PHP
對於WSL如果您沒有安裝PHP，請先下載安裝 VSCode安裝Remote WSL 它可以讓 VSCode Server 實際執行在 WSL 裡面，只留 UI 介面在 Windows。 安裝完成後右下角會多一個Remote的圖示 按下Remote的圖示，選取Remote WSL:…
閱讀文章jQuery在click()和on()之間有什麼區別
click 事件僅在元素被渲染時起作用，並且僅在DOM準備就緒時才附加到加載的元素上。 on 事件是 動態附加到DOM元素 的，這對將事件附加到在ajax請求，或其他情況下 呈現的DOM元素（在DOM準備就緒後）很有用 。 DEMO GET按鈕動態載入了 <li 元素，在這樣比較…
閱讀文章頸因性頭痛、偏頭痛伸展胸鎖乳突肌
胸鎖乳突肌 是頸側的肌肉，頸痛的原因通常是這塊肌肉受損傷所致，但我們用手按這肌肉時，都不會覺得疼痛，因此常被我們忽略。其實我們可以定時為這塊肌肉作按摩，預防頸痛，像中華中醫學會整脊分會中國整脊保健師及Waterfall Sports & Wellness瑜伽導師鄭澔欣（Cora）…
閱讀文章程式語言英文常用之符號與詞彙中文對照表
『程式語言符號與詞彙中英文對照』 最主要的參考資料來源是Sololearn這個平台，而 Sololearn裡面的教學內容是用英文講解 ，因此可以 學習原文表示程式碼、表達程式邏輯的方式，當然也包含了許多常見符號、詞彙和運算子 ，是個不錯的教學平台，在Play商店上也有應用程式可供…
閱讀文章JavaScript中的正數轉換成負數？
使用abs 總是正數 abs 函數返回一個數的絕對值。返回參數x的絕對值。如果參數x是float，則返回的類型也是float，否則返回integer（因為float通常比integer有更大的取值範圍）。 Math.abs num abs 的反向總是負數 Math.abs num…
閱讀文章偏頭痛有色眼鏡如何提供緩解偏頭痛頭痛、3C症候群
偏頭痛每年影響數百萬人。但是，儘管找到緩解措施通常會面臨挑戰，但是您可以採取一些措施來減輕症狀，並從一開始就防止偏頭痛的發生。 借助偏頭痛眼鏡，您無需使用藥物即可抵抗許多症狀。但是，眼鏡對偏頭痛有什麼好處？這些頭痛眼鏡如何工作？讓我們回答以下所有重要問題。 根據研究總結偏頭痛眼鏡…
閱讀文章麵包少吃？無麩質飲食遠離大腦發炎、頭痛、失智、憂鬱症、慢性疼痛
失智症不只是腦部有問題，而是連帶身體各個部分生病，都影響著腦部健康。而其中「飲食」深深影響著我們，吃進不恰當的食物，沒有得到養分，反而危害到身體，美國神經專科醫師大衛博瑪特，提出穀物中的麩質，是造成當代人們許多疾病的根源包括失智。 小心沉默的殺手：「麩質」惹的禍 博瑪特在《無麩質…
閱讀文章縮下顎下巴擺脫慢性疼痛偏頭痛、五十肩、腰痠、失眠、自律神經失調
風行全日本的痠痛治療方式 1個動作3秒，縮下顎，擺脫各種病痛！ 14個最簡單伸展體操、6個超輕鬆呼吸運動 讓你天天精神飽滿、找回年輕10歲的健康人生！ 你有這些症狀嗎？ 偏頭痛、五十肩、腰痠、駝背、烏龜頸、骨盆歪斜、視力模糊、記憶力不足、易焦躁、失眠、自律神經失調 …… 只要縮下…
閱讀文章jQuery Bootstrap tabs分頁應用兩階層連結開啟指定tab
使用Bootstrap3 tabs網址轉跳後指定要開啟某個tabs，包含指定第二階的tabs。 指定連結到某個tab可使用一下網址參數做選取，tab1為第一階，tab2為第二階。 /index.html?tab1=2&tab2=3 程式碼 先在網址取得網址列參數後使用 :eq 1…
閱讀文章Windows用XAMPP sendmail SMTP郵件寄信
要用XAMPP來寄信步驟非常的簡單！ 1. 修改 php.ini 檔 ; XAMPP: Comment out this if you want to work with fakemail for forwarding to your mailbox sendmail.exe i…
閱讀文章Joomla AllVideos (plugin) 支援所有視頻媒體嵌入內容文章
AllVideos（由JoomlaWorks編寫）確實是針對Joomla的一站式媒體管理解決方案 ，並且是任何基於Joomla的網站的經典必備擴展。 使用該插件可以輕鬆地將來自所有主要的 第三方媒體提供商（YouTube，Vimeo，Dailymotion，Twitch，Face…
閱讀文章localhost https Laradock Nginx項目上的SSL憑證
要使用具憑證的 最新版本laradock（截至2019年11月）啟用SSL ，您必須在nginx設置中啟用它。在文件夾nginx/sites內的.conf，刪除第6行“ For https”下的註釋： For https listen 443 ssl default server…
閱讀文章如何在hooks的元素使用useRef()數組多個multiple refs？
react提出一種Refs概念，使用這個方法，我們就可以抓取到react裡面的DOM元素，那hooks該如何使用Refs呢？ useRef 語法 const refContainer = useRef initialValue ; useRef 返回一個可變的ref對象，其.cu…
閱讀文章Joomla Plesk IIS 重寫偽靜態URL Rewrite規則實現偽靜態
選擇使用 伺服器的重寫（rewrite）引擎 ，抓取符合特定情況的網址，然後重寫它們如同直接連結。目前可以支援IIS 7和Apache網站伺服器。 只針對Apache使用者！ 在啟用之前，重新命名htaccess.txt為.htaccess檔名。 只針對IIS 7使用者！ 在啟用…
閱讀文章div水平垂直居中位置：CSS fixed固定元素
想製作一個以動態寬度和高度為中心的彈出框嗎? 使用css transform 屬性 css transform 這是一種使元素具有動態寬度水平居中的現代方法 適用於所有現代瀏覽器；支持可以在這裡看到。 .jqbox innerhtml { position: fixed; lef…
閱讀文章如何RWD調整Google noCAPTCHA reCAPTCHA的大小
調整大小Google noCAPTCHA reCAPTCHA 無論嘗試使用CSS還是CSS和javascript，似乎都無法改變驗證碼的外觀，原因它使用的是 嵌入你的網頁上。相對要去更改由Google外部加載的javascript和css文件生成的內容，事情將變得複雜。 是否有更…
閱讀文章使用Laradock執行安裝WordPress、Joomla環境設定
初期Laradock 是用 Docker來建造， 一個快速搭建Laravel的 PHP 開發環境，但後來受歡迎開發的越來成熟，並可以支援眾多 PHP 開發 ，成為一個可以拿 Laradock 做各種 PHP 專案開發的環境，包括 Symfony、CodeIgniter、Jooml…
閱讀文章SheetJS js-xlsx如何獲取active sheet index工作表索引名稱？
解析 SheetJS js xlsx：在前端讀取並操作 Excel 表格 在前端應用中，SheetJS js xlsx 是一個功能豐富的 JavaScript 函式庫，專門用於處理 Excel 表格。這篇教學將引導您如何使用 js xlsx 來匯入和讀取 Excel 表單，並更進…
閱讀文章進食速度過快飲食逐漸形成食物不耐反應、慢性疲勞、慢性頭痛
消化的困擾 你還在吃飯配電視或工作嗎？當你的腦袋不專心在吃飯這件事情時，大腦會傳達到這樣的訊息給消化系統：「它在忙其它的事！」此時 你的消化系統就會關閉，導致消化不完全！ 進食速度過快 東西吃太快就沒辦法充分 咀嚼食物 ，進而會影響消化。「胃酸」和「消化酵素」無法消化咀嚼不完全的…
閱讀文章Joomla布景Template自訂首頁Logo連結
當你在開發中製作 Joomla布景 時，想要將 logo連結至首頁 ，可能情況下你使用的網站專案並不再 根目錄 下，如下: localhost/uccabc/ uccabc為目錄，若使用 / 設定首頁連結，會連結至localhost這個根目錄，這時可以改成使用 JURI::bas…
閱讀文章SQL刪除整個資料表Delete、Truncate Table、Drop Table差異
許多情況下，我們需要刪除整個資料表內的資料，重新輸入新資料，有三種方法可以參考使用，分別是使用 Delete 、 Trancate 與 Drop ，那使這三種方式的差異為何呢? 一、使用Delete : 使用 SQL Delete 語法 ，不加任何Where條件下，是可以移除整個…
閱讀文章如何在jQuery中獲取checkbox value
要獲取Value屬性的值，您可以執行以下操作： $ "input type='checkbox' " .val ; 或者，如果您為其設置了class或id，則可以： $ ' check id' .val ; $ '.check class' .val ; 但是，無論是否選中，它都…
閱讀文章如何將圖像圖片上傳到GitHub的CDN
關於如何通過 issue 和pull request文本字段，將 圖像上傳到GitHub的CDN的指南 。 1. 首先，訪問GitHub上的任何存儲庫，然後單擊進入問題頁面。 2. 通過單擊“新問題”按鈕來創建新問題。現在，您將看到標題和描述字段。 3. 將圖像拖放到描述字段上。…
閱讀文章如何玩FREEZE TAG凍結標籤與三字經捉迷藏鬼抓人戶外遊戲
{youtube}skJVYlp6yV4{/youtube} Freeze tag 是經典It Tag遊戲 捉迷藏遊戲 的變體。主要區別在於，當一個人被標記時，他或她必須“凍結”（不動），直到隊友標記該人以釋放他們。 所需材料：無障礙的大型戶外區域。 所需玩家數：需4 10。 所…
閱讀文章PHP如何使用AES OPENSSL加密代碼、encrypt、decrypt
以下使用的是對稱式加密 Symmetric Encryption ，對稱式加密就是傳送方與接收方的加解密皆使用同一把密鑰，所以只要雙方都擁有這把鑰匙，當傳送方傳資料時，使用這把鑰匙加密，接收方收到訊息後，再用同一把鑰匙解密，就能解開訊息了。 function encrypt $k…
閱讀文章[PHP] static、public、private、protected類別變數使用方法
PHP的物件4種定義變數可用範圍 定義方法使用範圍由大到小 static 靜態變數 public 公有變數 protected private 私有變數 static 靜態變數 使用時不需要特別建立物件，就可以直接使用； 例如：類別名稱::$static變數; public 公有…
閱讀文章App教練吉他Coach Guitar教你彈吉他、吉他教學
輕鬆學習如何用吉他演奏 Coach Guitar 是一款出色的 app ，它給您一種當音樂家的美妙感覺，聲稱可以輕鬆地在 吉他上教您最新和最受歡迎的曲目 。該應用 app 具有簡單易用的視頻教程和用顏色編碼的手指圖。擁有吉他和智慧型手機或平板的任何人，都可以 輕鬆學習如何用吉他演…
閱讀文章7個最佳Joomla內容文章留言評論擴展外掛套件 Comment Extensions [2019]
一篇文章內提供訪客留言，它是對於文章評論或產品的重要反饋。 評論可以為您提供許多改善網站的機會，一旦您的訪問者發表評論，就會有越來越多的獨特內容和其他見解，它還可以幫助您進行 SEO，因為 Google 也可以識別評論部分。您的訪客也可以從其他人的角度看到產品。這些只是對Joom…
閱讀文章SEO優化之CSS隱藏關鍵文字
想使用 CSS 將不必要，但可以增加 SEO的關鍵文字隱藏 ，想要讓 google大神搜尋到 ，又不想在網頁上HTML顯示你這些文字，可以使用下列 CSS方法隱藏文字 。 text indent: 9999px; 不要使用 display:none; ，搜尋引擎會判別當成非必要文…
閱讀文章如何使用Javascript陣列與物件delete與splice
在 javascript 有分為物件與陣列，常見刪除的方法有 delete 與 splice。 陣列 var array= 'a', 'b', 'c', 'd' ; console.log a 0 ; // a 物件 var object={ 0: 'a', 1: 'b', 2:…
閱讀文章瀏覽器中加載模塊type=”module”使用import、export
首先要使用 Javascript modules需要一台伺服器 ，以便能夠通過導入進行獲取，因為它不適用於該協議。您可以用來啟動當前的伺服器，若沒有以下提供 lite server ，這個使用node npm安裝的輕量伺服器可使用。 透過 lite server 這個輕量的開發伺…
閱讀文章【教學】如何開始React網頁最簡單的方式
A JavaScript library for building user interfaces 用於構建用戶界面的 JavaScript 庫。 React 是 facebook 官方所維護的開放原始碼 JavaScript 函式庫，可以降低互動式網頁應用程式開發難度，自動處理…
閱讀文章CSS div背景圖片RWD Background-img
如何讓 <div 高度自動調整到背景圖片大小？ 另一種可能效率低下的解決方案是將圖像包含在 <img/ 元素集下 visibility: hidden; ，然後 <div 使 background image 。 這會將 <div 設置為 <img/ 元素中圖像的大小，但將其顯示…
閱讀文章Laravel 5 使用 ReactJS 開發設定
在這篇文章中，我想與大家分享如何在 PHP Laravel 框架中使用 react js 建置開發環境。在這個例子中，您可以學習如何為 laravel reactjs 應用程序構建設置。 安裝 Laravel 我們從頭開始，所以我們需要使用命令獲取新的 Laravel 版本應用程…
閱讀文章如何修改Mac與Windows的hosts檔案
Windows修改hosts 至Windows hosts目錄，使用直接使用編輯器開啟做修改。 C:WindowsSystem32driversetchosts Mac修改hosts 終端命令行修改 sudo vi /etc/hosts 1. 輸入本機密碼後，打開hosts文件，…
閱讀文章Windows docker 防毒軟體Sophos防火牆阻擋
默認情況下，允許10.0.75.1從10.0.75.2（虛擬機）連接到端口445（Windows主機 ）。如果防火牆規則似乎正確，則可能需要在Hyper V虛擬網卡上切換或 重新安裝文件和打印共享服務 A firewall is blocking file Sharing bet…
閱讀文章使用docker LaraDock搭建PHP環境
雖然這篇叫 Docker環境搭建 ，但是是用了一個別人寫好的配置文件，為什麼要用別人寫好的呢？因為第一節省了我們學習的成本，類似一鍵安裝環境的東西。二節省了我們的構造docker和測試docker的時間。三也省略了我們在去寫額外的服務器配置。 這裡我選用LaraDock，因為它的…
閱讀文章VSCode如何切換語系介面繁體中文
VSCode Visual Studio Code 在安裝好後，預設的語系是英語介面，若要轉換其他語系需要安裝語言包，以下步驟教你如何設定。 VSCode切換語系介面 1. Windows:control + shift + p，Mac:command + shift + p開啟…
閱讀文章Joomla DB Insert如何獲取最後插入的id與資料寫入是否成功？
獲取最後插入ID 要獲取最後插入的行的ID，可以 insertid 像這樣使用： $db insertid ; 您可以在下一個查詢中的任何位置使用 使用最新的DB編碼標準（J2.5）進行更新 php $db = JFactory::getDbo ; $query = $db ge…
閱讀文章如何MySQL SQL複製資料表copy table
sql 要複製某個資料表有二步驟，首先要先建立 LIKE 複製一個，與原先資料表一樣的一個 新的資料表 ，之後把原本的資料 INSERT 新增到剛建立的新 資料表 。 建立新資料表 Create Table CREATE TABLE new table LIKE old db.o…
閱讀文章如何在 Joomla 中顯示模塊位置Module Positions？
當您開發新的 Joomla 網站 時，您肯定需要知道 模板 template 所包含的 Joomla 模塊 module 位置 。為了正確顯示，每個元素必須位於 Joomla 模塊的位置 。因此，要知道如何在 Joomla 中顯示模塊位置 ，請按照以下簡單步驟。 操作: 1. 登…
閱讀文章使用cPanel中的Git版本控制工具來安裝和更新網站
Git 是許多程序員使用的分佈式版本控制系統。 cPanel工具 提供了一個方便的圖形界面 Git version control tool ，允許在不使用命令行的情況下訪問Git功能。它可用於安裝和更新存儲在 Git 存儲庫中的Web站點，本文介紹如何使用簡單的“Hello W…
閱讀文章醫學瑜伽如何轉動你的脖子頭痛不再來
「醫師？為什麼我的 偏頭痛 都好不了？」 每個人都有 頭痛 的經驗，但慢性頭痛就像不定時炸彈，無時無刻在啃蝕著我們的身心靈，在門診半數頭痛的個案，都已痛到引發焦慮憂鬱，轉而求助心理治療，甚至累積的藥物毒性都已侵蝕肝腎⋯⋯到底該如何有效遠離頭痛呢？ 不到30歲的陳小姐是一名語言治療…
閱讀文章jQuery簡單的應用YouTube IFrame Player API
當你網頁內嵌了一個 YouTube，通常的做法就是對那個影片點選分享 = 內嵌，就會跑出一條讓你複製貼上的 iframe，像是: <iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src=…
閱讀文章自我矯正變直的頸椎曲度
頸椎曲度變直 是由於長期的不良姿勢造成的， 頸椎曲度變直 會導致 肩頸疼痛 ，脖子僵硬、 頭痛 ，脖子變短變粗，下巴變短，肩膀厚實，雙下巴等。下面五個簡單動作，練起來，幫你矯正頸椎曲度。 1. 關節重建 把手抓住一個小毛巾，然後放在頸部中間，雙手輕輕往前拉，讓頸部感到一絲壓力，慢…
閱讀文章基本應用正則表達式
| | 只能輸入1個數字 | | | | | | | | 表達式 | | ^/d$ | | | | 描述 | | 匹配一個數字 | | | | 匹配的例子 | | 0,1,2,3 | | | | 不匹配的例子 | | | | | 只能輸入n個數字 | | | | | | | |…
閱讀文章Joomla Markdown 編輯器 (JME)
Joomla Markdown 編輯器 JME 具有廣泛的簡潔性，可以極大地節省您的時間。它允許您選擇文本，然後使用Parsedown和Markdown Extra Extension庫立即使用 GitHub 風格解析它。它比你想像的簡單得多。 你厭煩編碼嗎？但是你知道，你擁有一…
閱讀文章使用Joomla cache緩存快取時更新文章點擊數hits
啟用Joomla cache緩存快取同時並禁用了匹配點擊數 hits 在 Joomla中啟用緩存，在提供緩存快取頁面時，文章匹配點擊數不會增加 。不幸的是，這是 Joomla中緩存快取系統的限制 ，沒有"切換開關"來啟用此功能。 命中並不總是準確，但有時需要 對於需要此功能的用戶…
閱讀文章Joomla網站GZip壓縮：如何檢查啟用或禁用它
使Joomla網站更快 的必須做的事情之一是 啟用Joomla Gzip壓縮 。本質上，它要求服務器在將所有文件發送給用戶之前壓縮它們。由於文件較小，因此可以將更少的時間交付給用戶，從而為用戶帶來更快的整體體驗。 讓我們帶您完成檢查Joomla GZip壓縮 是否已啟用以及啟用或…
閱讀文章Javascript如何動態載入模組Dynamic import()
動態import 引入了一種新的類似功能的形式，import與靜態相比，可以解鎖新功能import。本文對這兩者進行了比較，並概述了新的內容。 靜態import（概述） 模塊./utils.mjs // Default export export default = { cons…
閱讀文章如何使用 Windows 10 內建實用的快捷鍵開啟螢幕截圖功能
微軟於 2018 年 10 月所釋出的 1809 版本中，大幅改動了 Windows 內建的螢幕截圖工具，這對使用者的體驗來說改善了許多。Win10 內建新的截圖功能，微軟將其工具取名為『剪取與繪圖』，而且微軟也有將此工具方便使用這使用者，設定了一組 鍵盤快捷鍵 。 使用快捷鍵開…
閱讀文章如何使用Photo Viewer和Photoshop編輯打開儲存WebP
在本教程中，我們將了解如何使用 Windows Photo Viewer和Photoshop編輯打開儲存WebP文件 。WebP初始版本是2010年，但現在您可以看到它更頻繁地使用。WebP由google開發，google表示它與PNG相比尺寸縮小了26％，有損圖像比JPEG圖像…
閱讀文章如何使用Node.js + express 建立一個網站
若提到使用Node.js來架設網站，基本上都會聯想到 Express 模組，以下即是簡單地說明如何使用Node.js + Express 在十分鐘內架設一個網站。 檔案架構: node modules view layout.ejs login.ejs index.ejs ser…
閱讀文章如何在HTML連結標籤中直接下載PDF文件?
這是一個常見問題，網頁上提供pdf文件的鏈接供下載，如下所示 <a href="myfile.pdf" Download Brochure</a 問題是當使用者點擊此鏈接時，會使用同一瀏覽器窗口中，打開該文件給予預覽。 但希望它能直接給使用者下載，不需要再打開預覽文件。 HTML…
閱讀文章webpack如何Code Splitting拆分代碼splitChunks
webpack中的三個概念module、chunk和bundle 研究splitChunks之前，我們必須先弄明白這三個名詞是什麼意思，主要是chunk的含義，要不然你就不知道splitChunks是在什麼的基礎上進行拆分。《what are module,chunk and b…
閱讀文章[Node.js] npm 與 yarn 指令比較
yarn加速安裝的秘密 yarn 在於根目錄下.yarn cache這個資料夾，會將每次安裝套件先cache一份到這來，往後如果需要相同套件，就會從這邊拉。 大多數的指令用法和原本並無差異，只要將 npm 換成 yarn 即可，特別要注意的是 npm install \ pack…
閱讀文章Javascript二維陣列Array轉換一維陣列及filter過濾重複值
二維陣列扁平化 三種不同的解決方法 將二維陣列合併為單一的陣列 給定一個陣列： var myArray = 1, 2 , 3, 4, 5 , 6, 7, 8, 9 ; 我們想得到這個結果： 1, 2, 3, 4, 5, 6, 7, 8, 9 方法一： var myNewArray…
閱讀文章React上傳文件使用react-input-files讀取Excel js-xlsx
介紹 SheetJS js xlsx 是 一款能夠讀寫Excel的.xls、.xlsx格式表格的插件 ，瀏覽器支持良好，並且能在多個平台上使用，目前在github上有12602個star，在這邊的範例主要使用React，再加上SheetJS js xlsx及react input…
閱讀文章react-router 4 index路由始終處於active狀態
react router 4中NavLink可加入activeClassName=\\'active\\'屬性，使得選單在切換時class加入active，可對這個active class寫css style樣式，達到選單切換的效果。 設定成以下，to="/"表示index首頁，…
閱讀文章如何使用Javascript物件key對陣列array進行group分群組
通過物件key對array進行分組，然後根據分組創建一個新的物件陣列？例如以下，有一個car陣列物件，要對make這個key作為分組關鍵： var cars = { 'make': 'audi', 'model': 'r8', 'year': '2012' }, { 'make'…
閱讀文章如何使用PHP將零”0″加前面導零或去除前面導零
添加前導零 sprintf 函數把格式化的字符串寫入變量中。 str\ pad 函數把字符串填充為新的長度。 $id = 23; $sn1 = sprintf %04d,$id ; //方法一 0023 $sn2 = str pad $id,4,0,STR PAD LEFT ;…
閱讀文章如何使用Javascript indexOf方法索引key尋找物件陣列object array?
獲取包含物件的陣列的索引的最佳方法是什麼？ 想像這種情況： var myArray = //陣列的索引0 { hello: 'leon', foo: 'baz' }, //陣列的索引1 { hello: 'stevie', foo: 'zoo' } 在這個例子中，若想使用inde…
閱讀文章Javascript ES6好用的模版字符串template literal
在 ES6 中，我們多了一個非常好用的模版字符串（template literal），如果你會在 JS 中「放入 HTML 的內容」、或者有「很長的字串包含換行」、又或者會有「字串連結變數」這樣的需求，模版字符串會是非常方便的作法。 另外，在 ES6 中可以將模版字符串和函式結合…
閱讀文章JavaScript ES6 中更簡易的迴圈寫法for … of 處理陣列字串
過去我們可以使用 for, while, do while, for...in 等內在的函式來處理資料，而在 ES6 中我們多了 for...of 這個簡易的用法來處理這些疊代型的資料（iterable objects），包含陣列、字串、map、set、等等...。 陣列中 fo…
閱讀文章如何使用JavaScript直接觸發開啟瀏覽器列印視窗print()
在網頁開發中，有時我們需要讓使用者能夠直接列印當前頁面的文本資料。使用print 函數可以輕鬆實現這一目的，並且能夠直接由瀏覽器內建的列印對話視窗開啟列印功能。 在HTML中，我們可以使用以下程式碼來建立一個按鈕，並綁定點擊事件： html <input name="print"…
閱讀文章如何使用Javascript檢查數字float浮點數還是int整數
isFloat and isInteger in javascript 解決的方法可以使用下列函數來檢查上isFloat和isInteger function isFloat n { return n === +n && n == n|0 ; } function isInteg…
閱讀文章如何使用Javascript 陣列Array前後加入元素
push 在陣列的末端加入一個以上的元素，並返回新的陣列長度。 var a = 1, 2 ; a.push 3 ; print a ; // 1,2,3 unshift 在陣列的開頭處加入一個以上的元素，並返回新的陣列長度。 var a1 = 1, 2, 3 ; a1.unshi…
閱讀文章如何使用JavaScript正規表示式顯示數值千分位
JavaScript如何使用正規表示式顯示數值千分位 n = 1279834847944074100465236.33; re = / d{1,3} ?= d{3} + ?:$|D /g ; n1 = n.replace re,$1, ; Demo See the Pen How…
閱讀文章Javascript 轉換時區.toISOString() 相差問題
toISOString 轉換解决方式 台灣的所屬時區比協調世界時快8小時，UTC+8 或是 GMT+8 ，這裡的 +8 是指比 UTC 或是 GMT 快8小時的意思。 就如Sun Jun 30 2019 00:00:00 GMT+0800 台北標準時間 ，使用toISOStrin…
閱讀文章如何使用JavaScript獲取月份最後一天日期與天數
在JS中如果使用new Date函數，可以使用傳參數形式獲取某一月的最後一天，並且自動判斷潤平年和大小月，如下: //使用new Date year,month,0 的方式，可以獲取該月份最後一天日期 var lastDay = new Date '2019','05',0 ;…
閱讀文章如何使用JavaScript計算兩日期相差天數
var DateDiff = function sDate1, sDate2 { // sDate1 和 sDate2 是 2016 06 18 格式 var oDate1 = new Date sDate1 ; var oDate2 = new Date sDate2 ; va…
閱讀文章解決Reporting Services 在Safari / Chrome無法正常顯示白畫面
SSRS 2008 R2 SSRS 2012 ReportViewer：Safari / Chrome中的報告但在Firefox / Internet Explorer 8中運行良好...為什麼？ 原因 Chrome和Safari呈現溢出：以與Internet Explorer不…
閱讀文章如何設定XAMPP修改phpMyAdmin的MySQL密碼
XAMPP修改MySQL密碼與PhpMyAdmin設定 當我們安裝好 XAMPP 以後，我們還需要針對 MySQL 跟 phpMyAdmin 進行一些修改，首先我們點擊控制台的 admin 開啟 phpMyAdmin 點擊後你會發現會直接進入 phpMyAdmin 並不需要輸入帳…
閱讀文章React Router 4子路由使用Layout設定
再過去版本中可使用IndexRoute作為設定首頁進入點，但在React Router 4設定上有所改變，全都使用Route，而需要設定為首頁加入exact屬性。在Layout方面本來使用Route帶入元件，在React Router 4直接使用react元件，如下在Layout…
閱讀文章皮克斯「SparkShorts」計畫作品《Kitbull》
《Kitbull》以講述一隻被人類飼養鬥牛犬與一隻流浪黑貓在突破刻板印象後建立友情，而被主人虐待的鬥牛犬最後與黑貓一起流落街頭，最後一起找到新主人的故事…… 不過有意思的是，這支動畫不僅是皮克斯工作室難得推出的 2D 動畫，而且是部完全採用手工繪製和上色的作品！
閱讀文章使用PHP Joomla Ajax進行文件資料表單上傳
在views/temp目錄下創建當php檔案如下分別鍵入html與Javascript jQuery Ajax部分。 建立views頁面 <?php <form action=<?php echo JUri::getInstance ; ?? id=adminForm name=…
閱讀文章JavaScript 取得網址參數(QueryString)
有時候我們會用在網址後面帶參數的做法來在網頁間傳遞一些簡單的資料 QueryString ，例如：index.aspx?id=U001&name=GQSM，而JavaScript目前沒有Function可以直接取到後方的資料，所以就得使用一些方式。 //先取得網址字串，假設此頁網…
閱讀文章頭痛，怎麼辦？影片現身講解 – 榮總神經醫學科王署君
頭痛 不是病，痛起來要人命。天氣變化、冷熱溫差等，都有可能會引發 頭痛 ，但這些都只是加劇因子而已。引發頭痛的原因複雜，超過兩百種，甚至會遺傳，若父母之一常有頭痛症狀，孩子未來受頭痛之苦的比率就高達七成。 頭痛 ，在現代已經是一項非常普遍的疾病，許多人過度使用成藥止痛藥，反而可能…
閱讀文章Reporting Services 的備份與還原作業
備份資料 1. 備份資料庫： 備份 Reporting Services sql 資料庫。 2. 備份加密金鑰： 開啟 Reporting Services 組態管理員 → 點選加密金鑰 → 備份 → 指定加密檔的儲存位置及密碼 3. 備份組態檔 3.1 C:Program Fi…
閱讀文章如何使用jQuery AJAX submit 傳送form表單方法
serialize 方法使用標準URL編碼表示法創建文本字符串。它可以充當已經選擇個別表單控件，諸如jQuery對象上<input ，<textarea 和<select ：$ "input, textarea, select" .serialize ;通常更容易選擇<form…
閱讀文章Webpack 前端自動化開發應用超入門直播影片教學
Mike Cheng直播Webpack前端課程 ，內容包含 Webpack基本應用操作 ，在一個小時內帶你認識 Webpack ，值得一看。 隨著前端技術的發展，使用第三方工具或套件輔助專案開發已經成為業界常態，Webpack 能幫助開發者編譯他們的預處理（Preprocess）…
閱讀文章如何使用佈景主題成功啟動 WordPress 網站?
您是否在尋找更快的方式來構建網站？然後，你應該採取的第一步是查看 WordPress，如果你還沒有這樣做。WordPress 是當今市場上最受歡迎的 CMS。WordPress 可以使用大量的主題和插件。 使用 WordPress 主題，您可以創建任何類型的網站。他們中的許多人帶…
閱讀文章如何使用HTML5 Canvas 實現刮刮樂遊戲效果
canvas實現刮刮卡 這個刮刮卡用HTML5 canvas繪製。刮刮卡主要由兩層canvas繪製，底層放置隨機數，頂層放置圖片，限制每天只能刮三次，主要利用globalCompositeOperation我們可以將新圖形繪製在舊圖形之下、遮蓋部分區域、清除畫布部分區域 不同於…
閱讀文章如何使用PHP和MySQL進行多文件上傳
在本教程中，我們將製作一個多文件上載PHP腳本，其中包含文件擴展名和大小的驗證，以進行安全上載並將文件信息保存到MySQL數據庫中。 在本教程中，我們將製作一個圖像上傳系統。這可用於上傳圖像，PDF，文檔，日誌或任何文件類型，確保您在腳本中進行更改。 如果您對文件上傳不熟悉，可以…
閱讀文章起床後刷牙和吃早餐到底哪一個要先呢? 專家提醒:順序弄錯會腐蝕牙齒
如果說一夜好眠過後，我們做的第一件事是「起床」，那麼接下來要做的事必然是在刷牙和吃早餐中選擇了。 但在這個網路謠言紛飛的年代，想必大家也是聽過各種說法： 先刷牙好，要不是吃早餐就是在吃細菌； 先吃早飯好，昨晚是刷了牙才睡覺，早上還有什麼可刷的？ 刷牙還是先吃早餐 為什麼明明睡覺前…
閱讀文章Android Studio 模擬器無法開啟錯誤訊息Intel HAXM Hyper-V
無法執行錯誤訊息 開啟模擬器時遇到這個錯誤訊息 Cannot launch AVD in emulator. Output: emulator: ERROR: x86 emulation currently requires hardware acceleration Pleas…
閱讀文章npm常用指令教學-Node.js套件管理工具
NPM 的安裝與使用 NPM 全名為Node Package Manager，是附屬在 Node.js 中的套件管理工具，我們在安裝 Node.js 時，就可以順便將 NPM 安裝到電腦中，並且在命令列 / 終端機模式中使用。 專案初始化 利用 npm 指令，可以協助我們建立 N…
閱讀文章Javascript如何使用filter()移除陣列中重複值
Javascript filter函式，可以幫助我們過濾一個陣列中符合條件的元素，若不符合則刪除。不更改原陣列，而回傳新陣列。 filter 函式，接受一個 callback 函式，callback 可以有三個參數 element, index, array ， element：…
閱讀文章Javascript 如何從fetch返回Promise取到[[PromiseValue]]值
如下將fetch寫成函數，返回值時會發現，控制台顯示我的數據Promise {\ \ PromiseStatus\ \ : "resolved", \ \ PromiseValue\ \ ，這樣的方式要如何取得資料來應用呢?。 將提取api fetch寫成函式調用 functio…
閱讀文章CSS Flex圖片固定區塊高度寬度垂直左右置中
利用CSS Flex將圖片高寬度max100%對應外部區塊，上下垂直左右置中顯示於區塊中，這樣一來不管圖片大小多大，圖片都能正常比例完整顯示於區塊中。 注意:Flex只支援較新的瀏覽器。 HTML <div class="box" <img class="imgcenter" s…
閱讀文章如何用Chrome將電腦PC螢幕投放投影在電視上Android TV
如要在電視上顯示 Chrome 的內容，請備妥下列項目： Chromecast、Chromecast Ultra 或內建 Chromecast 的電視。 符合最低系統需求的電腦和 Wi Fi 網路。 您的電腦必須具備 Chrome 瀏覽器。（如果您尚未擁有符合版本要求的 Chro…
閱讀文章使用Javascript將HTML表格table轉換輸出Excel xlsx、xls、csv、txt電子檔
TableExport.js 簡單易用的Javascript插件，允許您只在一行代碼，會自動產生輸出Excel、txt、csv按鈕， 快速動態地將HTML表格轉換為Excel電子表格 .xls .xlsx，逗號分隔值.csv和純文本 .txt。 下載和設置 使用<script 標…
閱讀文章React Router有子路由使用IndexRoute設定首頁
IndexRoute 在我們的應用中，如果訪問/ ,只會顯示一個空白頁。而我們的理想情況是先一個Home頁，所以我們先建立一個Home組件，再去講接下來怎麼做。新建文件modules/Home.js並添加代碼： // modules/Home.js import React fr…
閱讀文章VSCode windows 版本基本常用快捷鍵
VSCode移動整行字串 ALT + ↑ 或 Alt + ↓ VSCode快速複製這一行 直接 alt + shift + ↑ or ↓ ，則會在上方或下方馬上複製一行！若反白多行後按 alt + shift + ↑ or ↓ ，則是上方或下方複製多行。 alt + shift…
閱讀文章如何使用javascript、jQuery當點擊DIV區塊外部背景將其DIV隱藏
使用Javascript 最流行的答案是沒有jQuery的解決方案： 該Node.contains 方法返回一個Boolean值，該值指示節點是否是給定節點的後代，即節點本身，其直接子節點之一（childNodes），子節點直接子節點之一等等。 document.addEvent…
閱讀文章如何在VSCode中格式化代碼自動排版快捷鍵
VSCode中的代碼格式通過以下快捷方式提供： 在Windows Shift + Alt + 上F 在Mac Shift + Option + 上F 在Ubuntu Ctrl + Shift + 上I 或者，您可以通過編輯器中使用Ctrl + Shift + P（或Mac上的Co…
閱讀文章英文文法的最基本規則
本附錄內容摘錄自「 專門替中國人寫的英文基本文法 修訂版 第一章，1 9頁， 李家同 、海柏著，聯經出版公司，2004年12月」。 英文和我們中文最大的不同，是在動詞，我們中文的動詞很簡單，沒有所謂的第幾人稱，也沒有複數和單數之分，更沒有過去式或進行式，英文可不同了，凡是用動詞的…
閱讀文章英語自然發音法英文學習網站-Starfall讓孩子在遊戲中英文學習
十多年來，Starfall一直有系統的方式教孩子們用視聽互動相結合語音閱讀，非常適合學前班，幼兒園、一年級、二年級、特殊教育、家庭教育和 英語語言發展 （ELD，ELL，ESL）。Starfall是兒童其他娛樂選擇的教育。 內容包括令人愉快的動畫歌曲，字母拼讀、發音、數學和從幼兒…
閱讀文章導致慢性偏頭痛的兇手神經元活性指標「N-乙醯天門冬胺酸」
慢性偏頭痛是指患者每個月頭痛發作天數至少15天，其中有8天以上屬偏頭痛發作，且病程持續超過三個月以上。據統計，偏頭痛在台灣的盛行率為9.1%，約有170萬的民眾受偏頭痛所苦，其中慢性偏頭痛的患者超過10萬人。這些患者原本是陣發性偏頭痛患者惡化成慢性化偏頭痛，而病況逐漸惡化的原因一…
閱讀文章如何應用React + Redux + Thunk伺服器獲取資料範例ajax、axios
簡單來說applyMiddleware是使action中能做更多的事情，如同去賦予執行action有能力在中間去多執行function，不同只是傳遞資料參數，thunk則在中間扮演著處理非同步問題。 Thunk應用增加延遲2秒 const { createStore, apply…
閱讀文章Javascript HTML表單table輸出Excel
Javascript table 轉 Excel檔案 讀取HTML table 將document.write寫入檔案 function fnExcelReport { var tab text=<table border="'2px'" <tr bgcolor="' 87AFC…
閱讀文章Redux做什麼?什麼時候應該使用它?
苦苦掙扎著繞過Redux？別擔心，你並不孤單。 我從許多人那裡聽說，Redux是編寫他們想要的React應用程序的最大障礙。 到本文結束時，您將了解Redux的用途，以及如何知道何時將其添加到您自己的應用程序中。 為什麼？ 最好的問題是，我們為什麼要使用Redux？ 答案並非“因…
閱讀文章React + Redux 簡單範例了解工作原理
在這篇文章中，我們將揭開Redux 如何使用向後方法以及一個非常簡單的React + Redux示例的神秘面紗，我認為這將有助於您的理解。正如Redux發布的內容一樣，在解決術語之前，我將嘗試用簡單的術語解釋Redux。 如果你還不確定Redux的用途或者為什麼要使用它，請閱讀R…
閱讀文章Astropad讓你使用iPad在Mac電腦上繪圖變身繪圖螢幕
使用您熟悉和喜愛的Mac創意工具，以及iPad的觸控體驗和Apple Pencil的精確度 創造力釋放出來 Astropad是能夠但透過觸控筆與iPad的結合，將其變身成為Mac電腦用的數位繪圖螢幕APP 。首先條件是你需要在你的Mac安裝Mac版的Astropad，iPad上也…
閱讀文章如何使用JavaScript連結轉跳網址方法
window.location.href轉跳連結 自己網域轉跳網址 window.location.href='sethost.php'; 轉跳到其他網域，加入網頁http:// window.location.href=' window.open連結另開頁面 window.op…
閱讀文章如何使用PHP創建沒有類的object物件方法
你可以隨時使用new stdClass 。示例代碼： $object = new stdClass ; $object property = 'Here we go'; var dump $object ; / outputs: object stdClass 2 1 { "pr…
閱讀文章PHP strtotime()日期時間相加相減計算時間差
PHP strtotime 函數 將英文文本日期時間解析為Unix 時間戳： 日期時間相減 strtotime 轉換成為Unix時間戳，可直接使用兩個時間戳相減計算時間差。 strtotime 轉換為日期格式date
閱讀文章使用fullPage.js設計單頁式選單滑動區塊的全屏滾動網站
Demo | 官網 經常能見到 單頁式使用選單滑動區塊的網站 ，我們稱為 全屏滾動網站（也稱為單頁網站） ，尤其是國外網站。這些網站用幾幅很大的圖片或色塊做背景，再添加一些簡單的內容，顯得格外的高端大氣上檔次。比如iPhone 5C的介紹頁面（查看）。如果你也希望你的網站能設計成…
閱讀文章如何檔案批次命名使用Adobe Bridge最簡單快速的解決方案
在 Windows要將檔案批次的重新命名 ，好像沒有能夠像Mac內建就Finder就有這樣的功能，網路上有的教學使用一些外掛程式，或使用下指令，我想談到指令command有的人先投降了，更別提怎麼做了。 Adobe Bridge的解決方案 Adobe Bridge 是Adobe為…
閱讀文章如何單位轉換台斤、磅、公斤計算咖啡、茶葉成本大概多少
台斤、磅、公斤 的 單位轉換 最近買 咖啡、茶葉會計算一杯的成本大概多少 ，但是單位都不統一是個小麻煩，於是統一都轉換成 公克 g 來計算會比較準確。 註: 咖啡的單位都講 n磅，茶葉的單位都講 n斤 台斤 。 台斤、磅、公斤 的 單位轉換 公克 以下用 克 g 代替 1公斤 =…
閱讀文章如何使用SQL BETWEEN 查詢日期時間字串數值方法
\ SQL\ 使用BETWEEN要注意的地方 BETWEEN ... AND 會選取介於2個值之間的資料。 BETWEEN數值 BETWEEN 1 AND 5 包含1, 1.01, 1.1, 4.9, 4.99到5.0 BETWEEN字串 BETWEEN 'S' AND 'Z'…
閱讀文章SQL GROUP+MAX()函式找出重覆資料欄位最大值
如上述資料，我們分別要找出S001,亂馬客,2010/04/01、S002,造雨人,2010/03/01及S003,阿光,2010/05/01的資料 因為要最大值，所以使用GROUP+MAX函式來處理 實際操作應用方法如下： SELECT A.S ID, A.S NAME, MA…
閱讀文章jQuery視差滑塊jQuery Parallax Slider image 圖片滑動
本教程中，我們將看看如何創建一個具有 視差動畫效果的jQuery滑塊 。在這個例子中，只用幾行代碼就實現了視差滑塊 少於40行和3kb 。jQuery庫中眾所周知和使用最廣泛的函數編寫了這個例子。很容易理解代碼流並根據您的需要進行定制。 在這個例子中，我使用 init 函數一個接…
閱讀文章如何應用Javascript Exports & Imports (Modules)
Exports & Imports Modules 在撰寫 API 過程中你會將很多分支檔案拆開寫，一方面是減少過長的程式碼另一方面是日後好管理。你必須要先匯出分支檔 export 再經由主檔案中被引入 import ，以下有個簡單例子，第一個分支檔 person.js 將函式…
閱讀文章JavaScript 基礎介紹陣列Array與物件Object
陣列 Array 這篇文章要來介紹容器，首先先來談談陣列，陣列是有順序地存放大量資料的結構，大多數程式語言都是 0 為起始點，例如 arr 0 ， JavaScript 也不例外，當然 JavaScript 的陣列也內建很多函式可以直接呼叫例如 length、match...等。…
閱讀文章如何使用JavaScript ES6箭頭函式
函式 function 箭頭函式在 JavaScript 中改寫原本 function 的撰寫方式。除了較短的語法外，它們在保持this 關鍵字範圍方面也有優勢 參見這裡，此外在 ESLint 中官方也建議使用箭頭函式取代傳統寫法。 函式 function 又稱方法 method…
閱讀文章JavaScript基礎介紹迴圈for、while、foEach
迴圈 迴圈總共分為三種寫法分別有 for、while、do while，其中最常見也被最常使用的就非 for 迴圈莫屬了，故這邊就先只提 for 一種。 for 語句 for 迴圈的小括號內有三個參數用分號隔開，它們各自有其功用，for迴圈的基本語法如下: 參數一控制變數初始值…
閱讀文章JavaScript 控制流程if…esle 判斷式與switch
控制流程 任何一種程式語言程式碼都是由上而下逐一執行的，此外有時候必須程式判斷依照不同的數值給予不同的路徑輸出，稱之為控制流程。 區塊 block ES6 中新增了程式區塊是用大括號包起來的區域： js { statement 1 statement 2 ... statemen…
閱讀文章JavaScript 基礎介紹歷史與發展變數與常數
JavaScript 歷史與發展 各位先前可能聽過 ECMAScript 若不知道也沒關係，ES6的出現就他有關係，在1995年時 Netscape 網景 公司與 Sun 昇陽 公司合作 設計一個網頁程式語言名為 JavaScript 名稱屬 Sun 昇陽 公司擁有，後來被Ora…
閱讀文章如何讓Server端自動執行PHP程式
.bat檔去執行PHP程式 PHP通常架設在伺服器上運行的，主要是有使用者請求才會動作，但有些時候想將寫好的PHP程式，能夠自己在一定的時間內，自動執行去處理一些事情。然而要讓PHP程式能夠自動執行，首先準備一個要自動執行的php程式檔如 b.php ，之後在同個目錄下建立一個b…
閱讀文章如何設定CSS網頁反白效果::selection
CSS ::selection 網站當滑鼠反白時，反白區域的底色通常是藍色，但其實可以透過CSS ::selection選擇元素做背景色和字體顏色樣式的修改，設計此元素非常適合將用戶選擇的文本與您的網站配色方案進行匹配。 p:: moz selection { color: re…
閱讀文章一探究竟了解React-router 4簡易教學
React router和React router dom的選擇 很多剛使用react的同學，在接觸到react router的時候往往開始會比較無概念，都會很難進入狀況，什麼 react router 和 react router dom ？下面我們就來一探究竟。 React…
閱讀文章JavaScript async函數await的含義和用法
終極解決Javascript非同步 異步操作是JavaScript編程 的麻煩事，麻煩到一直有人提出各種各樣的方案，試圖解決這個問題。 從最早的回調函數，到 Promise 對象，再到Generator函數，每次都有所改進，但又讓人覺得不徹底。它們都有額外的複雜性，都需要理解抽象…
閱讀文章React.js Search搜尋功能使用過濾迴圈 filter()
filter函數特性： 遍歷每個元素，回傳 true 時，目前的值會保留在陣列內，這會回傳一個新陣列，而不是修改原本的陣列。 原理 當input輸入文字時觸發onChenge事件，event.target.value值存入this.state.search，再利用this.sta…
閱讀文章解決非同步使用Javascript callback() 回調函數
callback 回調函數是一個作為參數傳遞給另一個函數的函數，然後在外部函數中調用該函數來完成某種例程或動作。 callback 簡單的例子： function greeting name { alert 'Hello ' + name ; } function process…
閱讀文章Chart.js update() Ajax 更新表單資料方法範例
使用update 函數經過AJAX方法更新表單。 var ajaxCallLiveSubs = function { // endopoint var url = ' var interval = 5000; var time = 0; // Live Subs Charts v…
閱讀文章如何在react-router v4中將history.push傳遞參數params
this.props.history.push 在導航時，您可以將傳遞道具傳遞給歷史對象 this.props.history.push { pathname: '/template', search: '?query=abc', state: { detail: respons…
閱讀文章CSS3 新單位寬度高度設定成vh vw – 80vh vs 80%
vh and vw vh :表示的是view height，也就是螢幕可視範圍高度的百分比 vw :表示的是view width，也就是螢幕可是範圍寬度的百分比 範例 比較80vh vs 80% css vh 設定視窗可見寬度高度%百分比，以下範例比較80vh與80%的不同之處。…
閱讀文章JavaScript陣列與物件元素順序重新排序sort()、array 排序、object排序
陣列元素順序重新排序 sort 排序函數 sort 方法，預設為 ASCII 字符順序進行「升序排列」。 陣列.sort var Brand = "Oldsmobile", "Pontiac", "Buick", "Cadillac", "Holden", "Saturn", "…
閱讀文章簡單使用Chart.js網頁上畫圖表範例集-Javascript 圖表、jQuery圖表繪製
關於Chart.js Chart.js是一款彈性很高的圖表JavaScript library，支援八種常見的統計圖表類型，夠將圖表混合在一起使用，也支援動畫的效果，讓我們製作出來的圖表更加精美！ 範例一 格線顏色與多線條 var config = { type: 'line',…
閱讀文章Javascript 取得每月分別有幾天本月(某月)的天數
使用方法 var curMonthDays = new Date year,month,0 .getDate ; 範例展示 Click the button to display 此月份有幾天. <button onclick="myFunction " Try it</butt…
閱讀文章Javascript邏輯運算子
邏輯運算子 邏輯運算子 通常被用於布林 邏輯 值; 使用於 布林 邏輯 值時， 它們會回傳布林型態的值。 然而，&& 和 || 運算子實際上是回傳兩指定運算元之一，因此用於非布林型態值時，它可能會回傳一個非布林型態的值。 邏輯運算子將在下表中被詳細解釋。 Logical oper…
閱讀文章英文文法基本五大句型
英文基本五大句型： 1.主詞＋不及物動詞 說明：動詞本身就可表達完整的意念，不需受詞及補語，但可用副詞修飾 句型：S+Vi+ Adv. 例句：He always smiles. 2.主詞＋不及物動詞＋主詞補語 說明：動詞本身不能表達完整的意義，需要主詞補語 句型：S+Vi+SC…
閱讀文章英文辭性代號解釋列表
【S】Subject 主詞 【O】Object 受詞 【V】Verb 動詞 【Vi】不及物動詞 【Vt】及物動詞 【v.aux】auxiliary verb 助動詞 【adj】 adjective 形容詞 【adv】adverb 副詞 【Vr】是原形動詞，大多數寫Vr較多 RV比…
閱讀文章Javascript如何計算日期時間加減一年一個月一天方法
設置日期時間方法 setFullYear 、setMonth 、setDate 方法用於設置年份、月、日，返回值返回調整過的日期的毫秒表示。 時期返回數字年月日函數 getFullYear 方法可返回一個表示年份的4 位數字 getMonth 方法可返回表示月份的數字。返回值是0…
閱讀文章PHP產生Joomla哈希密碼方法與密碼認證方式
Joomla會員系統加密的方式 Joomla元件開發 時，將元件內使用者 帳號密碼，寫入Joomla會員系統的 \ \ users資料表單內 ，需要與Joomla用戶密碼加密的方式相同，才可整合Joomla前台網站會員系統登入。 下列函式加密都嘗試使用在Joomla 3+ 以上的…
閱讀文章PHP array_unique() 刪除物件objects重複值方法
array\ unique 使用在物件上 一般情況下 array\ unique 只對陣列刪除重複值起作用，但只需要在加入SORT\ REGULAR這個參數就可以在物件objects上使用 。 array\ unique works with an array of object…
閱讀文章PHP implode() 陣列轉成字串 – implode(連結符號,陣列)
implode 陣列轉成字串 implode 函數把數組元素組合為一個字符串。 使用方法 implode 連結符號,陣列 | 參數 | 描述 | | | | | 連結符號 | 可選。規定數組元素之間放置的內容。默認是 ""（空字符串）。 | | 陣列 | 必需。要結合為字符串的數…
閱讀文章Javascript迴圈函式Reduce、ForEach、Filter、Map 應用範例
擁抱Reduce、ForEach、Filter、Map 這些函式怎麼協助我替代 for 迴圈？ 先把每個函式清楚說一遍，這樣你知道哪些函式可以用來替代什麼時機的 for 迴圈了。 forEach ：遍歷每個元素。 map ：遍歷每個元素，回傳的值會替代原本陣列內的值。 filte…
閱讀文章PHP array_push() 一個或多個資料加入陣列之後
\ php\ array\ push 一個或多個資料加入陣列之後 定義和用法 array\ push 函數向第一個參數的數組尾部添加一個或多個元素（入棧），然後返回新數組的長度。 該函數等於多次調用$array\ \ = $value。 提示和註釋 註釋：即使數組中有字符串鍵名，…
閱讀文章PHP array_unique() 移除陣列array中重複的值
\ php\ array\ unique移除陣列中重複的值 官方範例 1 <?php $input = array "a" = "green", "red", "b" = "green", "blue", "red" ; $result = array unique $input…
閱讀文章iPad最佳筆記APP Notability輕鬆記筆記及註釋-影片功能教學介紹
Notability輕鬆記筆記及註釋 可曾想過有天不用紙筆也能寫下筆記?有了 Notability ，你可能很快要跟紙筆說再見。 這款App最吸引人的功能，就是能在寫筆記的同時錄音，讓你隨時重溫，絕對是參訪講座、展覽或進行採訪等活動時的好幫手。 此外， Notability還能在…
閱讀文章用App也能學好外語多鄰國Duolingo最好的免費語言學習
用App也能學好外語 學習語言不一定要在教室裡面，只要掌握好工具，到哪裡都可以。 《多鄰國（Duolingo）》 就是一款有趣、便利的語言學習App，提供多種語言課程，讓你走到哪裡，學到哪。 在這，你可以 學習英語、日語、法語，西班牙語，甚至是少人熟知的斯瓦希里語 等二十多裝語言…
閱讀文章最佳語言學習APP Memrise讓你輕鬆快樂學習｜記憶大師分享記憶訣竅
Memrise創辦人分享獨門訣竅 大多數人20歲時還懞懞懂懂，但 Ed Cooke 不同，他23歲時就成為記憶大師，能在一小時內記住十副牌所有的卡牌順序，和1000組隨機數字。 他不但出書分享記憶技巧，還開發語言學習平台 『Memrise』與App《藝術家：快樂學習語言》 ，讓大…
閱讀文章使用jQuery PHP AJAX來實現圖片上傳 Image Upload
PHP AJAX Image Upload 通過AJAX功能上傳圖片非常容易，並且易於在頁面中實現，在這個例子中，使用 AJAX進行PHP圖片上傳 ，無需重新加載頁面。 使用jQuery AJAX來實現圖片上傳 。有一個帶有文件輸入欄，和一個提交按鈕的表單。在這段代碼中，使用所選…
閱讀文章PHP AJAX Image Upload 下載
{googleads} PHP AJAX Image Upload.zip {googleads}
閱讀文章用藍筆寫筆記提升記憶力「藍筆記憶法」讀書筆記有方法
首先，頭一個想要強調的效果是「記憶力的提升」。 藍筆記憶讀書法的「藍筆記憶法」 ，就是將想背起來的語句或文章，一股腦兒地接連不斷寫在筆記本上，進而將其熟記的讀書法。諸如準備應考等，或許你也曾有過反覆寫下英文單字、漢字或地理歷史公民的語句等，設法熟記起來的經驗。不過，為什麼要用「藍…
閱讀文章單株抗體將終結偏頭痛？如果抑制CGRP即可預防偏頭痛
單株抗體將終結偏頭痛？ 降鈣素基因相關胜肽 以下簡稱CGRP，Calcitonin gene related peptide 發現於1983 1985年間，是一個強力的血管舒張因子。瑞典神經學家Lars Edvinsson深入研究CGRP與偏頭痛的關係，發現CGRP可以驅動偏頭痛…
閱讀文章水是最好的藥 | 每天喝8杯水可緩解偏頭痛推薦一天喝水日程表
水是最好的藥 水是生命之源，人之所以能在陸地上生存，是因為人體內75%是水。 美國醫學博士巴特曼研究認為《水是最好的藥》。 他發現水可以治療心髒病和中風，因為水能稀釋血液，有效地預防心腦血行之有效阻塞； 水可以治療高血壓，因為水是最好的天然利尿劑； 水可以治療糖尿病，因為水能增加…
閱讀文章Javascript文檔註解規則使用方式@use JSDoc
@use JSDoc 入門 JSDoc 3 是JavaScript的 API文檔生成器 ，類似於Javadoc或phpDocumentor。您直接將文檔註釋添加到您的源代碼中，與代碼本身一起。JSDoc工具將掃描您的源代碼並為您生成HTML文檔網站。 為您的代碼添加文檔註釋 JS…
閱讀文章如何創建可啟動的DOS USB驅動器Bootable DOS USB (ghost 11)
Bootable DOS USB Drive ghost 11 為範例 默認情況下，Windows不允許您創建可引導的DOS USB存儲設備，因此我們將使用名為 Rufus的應用程序 。這個APP允許我們將 DOS 安裝到USB上。 在過去，我們使用軟盤在Windows內置的格式…
閱讀文章如何使用iOS11 iPad Split-View分割畫面功能操作影片教學 on iPad!
Embedded content iOS 11於正式發佈時提供了一系列多任務功能。 我們看看您可以使用"幻燈片放映"，"分割視圖"和"持久視頻疊加"功能執行的所有操作。以及iPad上的一些較舊但仍然有用的多任務功能。 使用 Dock 同時處理更多 App Dock 可讓您從目前使…
閱讀文章iMac 21.5 2011年中款DIY升級改裝SSD固態硬碟 (21.5-inch, Mid 2011)
許多網友為了Mac提升效能，自行將原先使用傳統硬碟換上 SSD固態硬碟 ，網路上有許多方法，有的是拆光碟機 加裝SSD硬碟 ，或是直街把傳統硬碟換掉改成 SSD，不過iMac 21.5 2011 年中這款，說是不能將原廠硬碟把除，因為原廠傳統硬碟溫度感測，若換上其他硬碟會有不支援…
閱讀文章JSON線上編輯器與Json Generator分享JSON檔案
許多程式語言都支援讀取或修改 JSON資料函式庫 ，都因為JSON格式的優點相容性高、格式容易瞭解，閱讀及修改方便，支援許多資料格式 number,string,booleans,nulls,array,associative array 。 JSON Edit Online 編…
閱讀文章Gitbook與Github連接同步寫作出版你的電子書籍
Gitbook使用Gitbook的編輯軟體 ，是最為簡單的方法創建書籍，若多人共同編輯一本書，這時使用git的概念會更方便管理。以下就來介紹搭配github來建置 gitbook書籍 ，隨後只要文件退送到github上，gitbook就會更新，這個就是 gitbook使用gith…
閱讀文章Gitbook付費書籍功能已刪除取消
在剛開始Gitbook出現時，可以選擇販售你寫的電子書，一本GitBook被設定成付費模式（Paid Books）時，就不能再用0元定價，最低價格必須是USD$1元起。 但就在2016年GitBook官網公告訊息表示取消付費功能。 專注於GitBook的特色 Paid books…
閱讀文章jQuery如何取整個teble value td tr內容的資料值
<table 內容值存取至資料庫 使用 jquery將table資料存成物件格式 ，在整個丟給後端去存取，認為這是最為明智的方式。 主要存取整個 <table 需要做的就是，將 <table 內的資訊記錄下來，好讓後端存取使用。如重要的欄位資訊主要的data key。 jquer…
閱讀文章React.js中使用canvas元素
React.js + <canvas 我們有React，它可以幫助我們處理大量的可變DOM。 但想描述一種使用React的方法，它可以幫助您處理“<canvas 元素？是的，這聽起來很奇怪。但它運作得很好。 動機 使用了很多<canvas 元素。我製作了幾個使用<canvas 作…
閱讀文章VScode git到github不用每次都輸入帳號密碼
當每次使用VScode git到github時都會需要輸入帳號密碼，若此時不想要每次都重複輸入帳號密碼賬號時，可以全局存儲賬號，解決這個問題。在你的專案目錄下，使用cmd輸入下列指令，之後git就會記錄你的帳密，在次使用git同步時都不用再輸入帳號密碼了。 git config…
閱讀文章VScode 外掛擴展 PHP IntelliSense Path設定
PHP IntelliSense是一個能夠提供快速完成PHP代碼及查找關聯、精確錯誤報告的智能感知PHP擴展。在使用 VScode安裝PHP IntelliSense開發PHP需要先安裝PHP7才能使用 ，也就是說需要有架設好的PHP環境。 Visual Studio Code…
閱讀文章設定Visual Studio Code Python 開發環境建置作業
Python的擴充功能 只要你用 Visual Studio Code 打開一個 Python.py 檔案，VSCode都會貼心的提示你要進行安裝 Python的擴充功能 如下圖所示 。 當然安裝完成擴充功能，還需要寫完程式時的建置作業，總不能在每次寫完一行程式就用cmd的方式去…
閱讀文章Storyboarder發揮你的創意免費分鏡故事板軟體
Storyboarder想像您的故事的最佳方式 Storyboarder 可以讓你很容易地直觀地看到一個故事，你可以繪製簡單的數字。快速繪製以測試故事構思是否有效。創建並向他人展示動畫。在不拍電影的情況下表達你的故事點子。 實際上， Storyboarder是一個已經發布免費 和…
閱讀文章CSS3 :target 選擇器做出onClick效果純CSS的lightbox
CSS3 :target 選擇器 定義和用法 URL 後面帶有錨名稱 錨點 ，指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素 target element 。 :target 選擇器可用於選取當前活動的目標元素。 :target CSS 代表一個唯一的元素（目標元件用）i…
閱讀文章5個最好的Javascript Ajax庫，用於在前端API AJAX調用
5個最好的庫，用於在React中進行AJAX調用 以下React為例，如其他javascript框架與庫也是適用於其中，如vue.js。 在過去的兩年裡一直和 React 合作。許多 React 初學者提出的問題之一是：“從服務器獲取數據的React方式是什麼？”或“我應該如何在…
閱讀文章Procreate 繪圖大師APP教學 iPad Pro + Apple Pencil
《 Procreate 》比之於其他繪圖軟體出色的地方之一就是豐富且強大的 筆刷工具 ，搭配 Apple Pencil 可說上是 ipad pro 創作的最佳的工具，有畫筆和手指塗抹兩種作畫方式，墨水、馬克筆、 繪畫筆 、圖形等不同的筆刷工具可選。 Procreate影片操作教學…
閱讀文章jQuery parent()應用層級元素的父親、阿公都來了
jQuery選取元素 時，可以使用到 parent ，選擇層級元素的上階層級，但往往需要在選取在上一階層，如父親的父親 阿公 ，如範例 <li 的爸爸 <ul ， <ul 的爸爸 <nav ，要對 <nav 做些事情時，要如何處理？ 這時候其實很簡單，只要在相同的 parent…
閱讀文章flexbox CSS menu RWD簡單實現方式
HTML text text text text css ul{ list style type: none; margin: 0; padding: 0; text align: center; } ul li{ background color: gray; padding:…
閱讀文章網頁動畫效果WOW.js+animate.css頁面滾動更有趣
Animate.css 是個動畫 CSS library ，不過主要是專注在處理動畫的部分，並不負責在網頁上該什麼時機呈現動畫，加上 WOW.js ，如捲軸頁面在向下滾動的時候，有些元素會產生細小的動畫效果。雖然動畫比較小，但卻能吸引你的注意。如果你希望你的頁面也更加有趣，那麼你…
閱讀文章PHP array 反轉陣列排列順序
php $a=array ‘a’,’1′,’2′,’b’ ; print r array reverse $a ; 顯示結果： Array 0 = b 1 = 2 2 = 1 3 = a
閱讀文章機器人與孤獨的婆婆Presents動畫短片
Embedded content 一位婆婆時常沒有人陪，她的兒子因生活忙碌，所以沒空照顧她，婆婆每天孤單的在家。 有一天，他兒子寄了一個包裹給她，婆婆把它打開後發現裡面是一個機器人。 之後的每一天，婆婆都是和這個機器人一起生活，機器人打掃屋子，每天等婆婆從農場回來，一日復一日，婆…
閱讀文章法國動畫師向宮崎駿致敬3D重塑宮崎駿世界
日本動畫大師宮崎駿 的名字，對台灣民眾來說並不陌生。從小到大，他的動畫作品陪無數人走過成長過程。近期有位法國動畫師用3D動畫引擎重組宮崎駿電影中的各種素材，將各部動畫中的角色、場景完美交融在一起，讓不少網友感傷不已。 來自 法國的3D動畫師Dono，近日在影音平台Vimeo上傳了…
閱讀文章老太太與死神The Lady And The Reaper動畫短片
Embedded content 在一個偏遠的農場，時間緩緩流動，過往的記憶在老舊的房間內瀰漫。久遠的歌聲響起，牽動著往昔的回憶。孤獨的老太太凝望著丈夫的相片，生死一別之後，重逢將在何時？ 夜幕降臨，老太太抱著相片沉沉睡去。這時，優美、恬然的琴聲響起。她的魂魄起身離開相伴數十年的…
閱讀文章邪惡娃娃屋Alma動畫短片
Embedded content 邪惡娃娃屋也譯為恐怖玩具屋、女孩阿爾瑪，是2009年一部動畫短片。由前皮克斯藝術家羅德里格·布拉斯執導。羅德里格·布拉斯之前曾為動畫片《海底總動員》、《飛屋環遊記》以及《冰河世紀》工作過。短片長5分鐘，沒有對白。
閱讀文章乘客The Passenger動畫短片
Embedded content 乘客坐在空蕩的公交車的後面旁邊的一個塑料袋裝滿水裡有一隻金魚。然而，每當乘客試圖播放的音樂在他的Walkman 魚變得激動，瞬間轉化成頭一個巨大的掠奪性的外星生物的地步的巨大魚。 來勢洶洶的魚，並沿著過道追逐他。然後，他發現，每當他把千斤頂出卡帶…
閱讀文章章魚哥即刻救援為愛冒險Oktapodi動畫短片
Embedded content 一隻章魚為了拯救自己愛人（另一隻章魚），而決心從人類手中救出對方的故事。 動畫中的愛情故事往往不限於人類，就算是章魚也可以為愛走天涯！法國Gobelins動畫學院學生製作的短片《Oktapodi》，章魚情侶中的章魚姑娘被海產店的員工抓去賣掉，章魚…
閱讀文章控制偏頭痛飲食刺激大革命避免刺激食物改善頭痛
偏頭痛 各種 頭痛 ，每個人情況都不同，對絕大多數人有影響的餐飲，不見得會影響你。但我仍在以下列出常見的幕後黑手，你可以排除上頭的每一項潛在刺激以控制 頭痛、偏頭痛 （有些可以待頭痛控制住後重新嘗試，但要先嚴格遵守， 至少維持四個月後再放鬆標準 ）。 頭痛飲食刺激 <table…
閱讀文章CLIP STUDIO PAINT動畫軟體動畫功能使用教學
CLIP STUDIO PAINT 更新新版本後，多了 動畫製作功能 ，可以使用描繪手感優異的蘸水筆與筆刷、方便的上色工具， 製作動畫與動態插圖 。 完成作品可寫出為影片、GIF動畫。PAINT EX可製作正式的 動畫 ，PRO/DEBUT可製作動圖或24幀以內的短 動畫 。以下…
閱讀文章井上雄彥與尾田榮一郎兩代漫畫傳奇大師對話
井上雄彦X尾田栄一郎 Special Talk 「不知道井上的繪畫能力能上升到甚麼程度呢？」尾田榮一郎 「尾田先生對作品堅信不疑，絕不動搖。」井上雄彥 兩代傳奇的合照。 連繫著兩人的熊本，命中註定的場所 井：這是我們第一次見面，對吧？ 尾：其實以前井上老師曾經親筆簽過名給我喔。…
閱讀文章免費英文字體字型集合世界各地的設計師收錄超過30,000
"我們♡ 字體 ，特別是 免費字體 。" Fontspace 網站收錄超過30,000個，由世界各地的設計師共享的， 免費英文字體 的集合，每個字體都有一定品質，在這裡一定可以找到適合使用的 英文字型 。 網站連結：
閱讀文章如何畫手部素描漫畫繪圖教學影片
Embedded content Embedded content Embedded content
閱讀文章少女骨架黑白彩色漫畫人物繪畫教學影片
Embedded content
閱讀文章Chrome切換不同語言介面設定教學
Google Chrome 是可以 支援多國語言的遊覽器 ，有時候因為因為需求想使用 英文版本的遊覽器 ，或是不小心下載了英文版，要如何改回中文版，都只要簡單的到 google Chrome 設定裡面設定就可。簡單步驟教您如何設定 ，加上最後需要注意的部分就是需要關閉正在運行的C…
閱讀文章Javascript 取得遊覽器語系代碼
navigator 對像中的這幾個與 language 相關的屬性。 navigator 對象包含有關瀏覽器的信息。沒有應用於 navigator 對象的公開標準，不過所有瀏覽器都支持該對象。但是其內部一些屬性及其返回值在各瀏覽器並不統一。 language ：返回當前的瀏覽器語…
閱讀文章3D動畫短片：行星未知
Embedded content 享受這個獲獎的CGI 3D動畫短片，“行星未知”......在21世紀人類年底全球面臨資源枯竭。太空流浪者被送到了尋找潛在可居住行星。 閱讀更多：planetunknownfilm.com
閱讀文章《灌籃高手》湘北對山王最終戰影片剪接動畫經典重現
灌籃高手 這部在我們心中永遠不會熄滅的作品！許多玩家使用遊戲 如NBA2K系列的遊戲！下載好造型包 ，重溫你記憶中那場湘北對山王經典之戰，並且還製作了剪輯版本，跟觀看整場比賽一樣精彩。 神剪輯的灌籃高手湘北對上山王這一戰 Embedded content 經典重現灌籃高手最後一戰…
閱讀文章Adobe Bridge CC使用photoshop功能批次縮圖修改圖片大小
Adobe Bridge 主要使用來管理檔案照片資料用途的應用程式，內建功能有 批次命名 、能夠直接觀看到Adobe的特定檔案如 .pad檔案與.ai檔案縮圖 ，是一個專門設計遊覽照片檔案相當方便的軟體。批次縮圖在Bridge這個功能需配合 photoshop使用 ，也就是說要搭…
閱讀文章看免費英語連環漫畫學英文Learn English Comic
連環畫 是簡短幽默有趣的方式表現，傳統上，在整個20世紀到21，都發表在報紙和雜誌上，隨著互聯網的發展，它們開始出現在 網路 上，這邊提供一些很棒的如史奴比、加菲貓經典的 英語連環漫畫網站 ，可利用裡面的有趣的對話內容 學習英語 ，看 著漫畫學習英文 也不無聊。 加菲貓： 史奴比…
閱讀文章jQuery click按鈕開關開啟關閉區塊使用slideToggle
jQuery隱藏與顯示所要展現的區塊 在網頁上常使用按下指定的 按鈕 或區塊 後， jQuery隱藏與顯示所要展現的區塊 ，此方法可以使用 jQuery click slideToggle 簡單的實現。 HTML <a href=" " id="toggle example2"…
閱讀文章CSS文字垂直置中圖片文字對齊align-self: center
CSS圖片垂直至中與文字對齊指的是什麼意思??如下圖顯示，文字自動對齊圖片中間。 使用CSS排版類似以下圖片與文字版面時，通常會使用圖片向左浮動後，圖片就會因為脫離區塊，文字就會靠上圖片。這樣的情況文字是靠最上層區塊，邊緣開始排列下來，有時在設計上的需求並不理想。 此編排需求常應…
閱讀文章小小神荒唐事Apocalyptos
Embedded content 年輕神之間的戰鬥可能有巨大的後果。 動畫中的兩位年少的神明顯然是波塞冬和宙斯，而地球上小恐龍的遭遇，還頗有些冰河世紀松鼠君的模樣。
閱讀文章月亮與狼 Lunette
Embedded content 一隻帶著"月亮"旅行的狼，沉默、堅持、風雨無阻的將帶著她前往何方？ 幕後花絮 Vimeo： Phoebe Warries：
閱讀文章HTML特殊符號對照表、空格、正負、加減乘除
| 符號 | 說明 | 編碼 | | 符號 | 說明 | 編碼 | | 符號 | 說明 | 編碼 | | | | | | | | | | | | | | 「 | 雙引號 | " | × | 乘號 | × | ← | 向左箭頭 | ← | | & |…
閱讀文章最後的編織The last knit
Embedded content 每次看 總有不同的體會~七分鐘~ 體悟生命 其實「認真」本身並沒有錯，但是「 陷入做事 」絕對是一個問題，就像故事中的主角，剛開始打毛線的時候很開心，但是該告一個段落的時候，因為陷入其中無法自拔，明明該拿起剪刀切斷一切了，卻沒有這麼做，最後被事情…
閱讀文章肥肥圓圓的長頸鹿要喝口水都難
Embedded content 看看這肥肥有趣的長頸鹿如何喝水ㄋ???
閱讀文章Facebook留言版通知與管理設定教學-Facebook Comments Plugin
網站上使用 Facebook 所提供的留言版 Facebook Comments Plugin功能，已經是很部落格網站常見到使用的，因為它簡單好應用所以受歡迎。 常在使用上會有碰到就是設定上的問題，這也是剛開始不理解Facebook Comments Plugin，所以往往需要摸…
閱讀文章Facebook Debugger 檢查錯誤教學使用property meta標籤做分享
Facebook 可自行抓取文章內資訊做分享訊息，或使用 meta標記 指定此頁面在分享時要呈現的資訊，如下範例： 以下範例顯示如何使用 og:type="article" 以及許多其他屬性來標示文章、動態消息或部落格貼文： <meta content=" property="o…
閱讀文章jQuery scroll 捲軸捲至側邊欄位到區塊高度後區塊固定在畫面-scroll fixed Div
jQuery捲軸滑動區塊 的判斷，網頁上常看到應用在 廣告區塊 上，讓使用者在滑下遊覽器捲軸時，到此區塊廣告的高度的後，並能夠將畫面上的廣告區塊能夠在此時畫面固定住，然而離開這個卷軸高度廣告區塊又能夠還原在原來區塊不固定。 jQuery應用 這個方式只需要得到在廣告區塊在遊覽器頁…
閱讀文章Excel計算一列中相同文字總數量=SUM(COUNTIF())
此次 Excel 範例為一星期的班表，分別為A,B,C三個班別，使用了含數 \=SUM COUNTIF 開始欄位:結束欄位,"區分之文字" ，計算出個別當週的班別C總數有多少。 實際展示如下： =SUM COUNTIF A2:G2,C 下載 Download 下載Excel計算一…
閱讀文章Sublime text 3 ColorPicker 調色盤安裝後不能使用解决方法
ColorPicker色盤套件 是個讓在Sublime Text下寫 CSS 時，可以快速的開起選色盤選色的外掛，是個幫助您更有工作效率的好工具，但不知為什麼 安裝ColorPicker後發生沒辦法使用的情況 ！ 這邊主要發生的原因在快捷鍵發生衝突 convertToUTF8 與…
閱讀文章Javascript使用setAttribute更改HTML元素屬性方法
Javascript可以使用getElementsById setAttribute來做到跟改html元素屬性方法如下： 範例一 document.getElementsById "images" .setAttribute "width", "200" ; //執行結果 <im…
閱讀文章php substr() 取小數點做判斷方法
使用substr 含數 需要使用小數奌做判斷時，我們只需要使用substr 含數，抓取小數點。 取小數點第一位做判斷 以下的範例，是取小數點第一位做判斷， 小數未出過0.5時給整數，超過0.5給整數+0.5 。 $a = 35.6586; $numbals = 0; $ints…
閱讀文章宮崎駿分鏡表下載Storyboard：吉卜力工作室動畫分鏡Download、故事版
吉卜力工作室宮崎駿使用的分鏡表格式 模仿 吉卜力工作室宮崎駿 使用的 分鏡表格式 ，分鏡表A4尺寸，使用 illustrator 製作，檔案格式可再編輯的illustrator.pdf檔案，若覺得 分鏡表 格需要調整，可使用illustrator在編輯。 這些表格希望對 製作動畫…
閱讀文章C#連接mysql中文亂碼寫入資料庫”???” MySql.Data.dll
C 使用 MySql.Data.dll 連結資料庫會有中文亂碼問題，主要是沒有連結字串內設定UTF 8。 只要將下列連結方式加入charset=utf8就可解決， C 寫入mysql資料庫，就不會有亂碼如"????"的字符產生 。 將下行加入 charset=utf8; stri…
閱讀文章MySQL Workbench Error Code:1175 錯誤解決方法
錯誤描述如下: Error Code: 1175. You are using safe update mode and you tried to update a table without a WHERE that uses a KEY column To disable s…
閱讀文章CSS3 蘋果官網範例文字隱藏color: transparent
CSS 3可對顏色做透明，也就是說你在設計網頁上，想要將文字隱藏起來可使用 color: transparent 這個方法。 而 蘋果官方網站在CSS設計上 ，下圖紅色區塊，也是使用這個方式將連結文字隱藏，在對區塊設備背景圖。達到網頁內容有文字，對搜尋有幫助，但在視覺呈現上使用較…
閱讀文章CSS3 print 列印紙張大小分頁邊框大小方法
CSS3列印解決許多問題，如 @media print 可對列印頁面做不同的CSS顯示，設定邊框與頁輸出列印的紙張大小調用，都可以很客製化的去製作所需要的呈現的列印頁面，並且想讓某段落分到下一個頁面，也可用 pag break after:always; 強制分頁。 以下簡單的範…
閱讀文章PHP使用SQLSRV連結MS SQL Server設定教學
這邊使用的是Windows主機安裝Xampp架設的Web Server環境，然而在其他的系統沒有嘗試使用過。 php sqlsrv安裝 1. 首先安裝好xampp。這邊使用的版本為PHP 5.6.15。若想知道自己的php版本可以使用以下php函數方式查看。 <?php phpi…
閱讀文章XAMPP 5.6.12 設定security造訪頁面時發現問題
xampp 5.6.12 這次使用的版本中，security設定的位置改變了，預設只能在localhost造訪， 位置為 Warning: include lang/1%00'=1.php : failed to open stream: No such file or dire…
閱讀文章jQuery cookie紀錄網頁造訪次數判斷方法
jQuery cookie應用方法 jquery.cookie.js 一個輕量級的cookie 插件，可以讀取、寫入、刪除cookie。 對cookies的操作在當訪問一個網站就無時無刻的都伴隨著我們，記錄著我們的一舉一動，並將不危害用戶隱私的信息，將以保存，這樣用戶就不用去從新…
閱讀文章Joomla SEOSimple 簡單SEO優化網站外掛
強化SEO自動生成meta description內容 Joomla SEOSimple plugin會自動生成文章內的內容在meta description標籤內 ，以Google來說，官方提供了關於優化網站的一些技巧，告訴你title 標題 最為重要，再來就是descript…
閱讀文章一步步教你Joomla Akeeba Backup網站備份到還原
Akeeba Backup 是一個能夠快速 備份Joomla網站的原件 ，只需要簡單的步驟就可以將，整個網站包含資料庫整個備份起來，打包成一個 .jpa壓縮檔案 ，可以說是一個 Joomla 網站管理應用必備的工具，你不需傳統繁瑣備份與還原網站的方式，它就像將網站壓縮一個檔案，發…
閱讀文章沒有Mac電腦一般PC讓你網頁線上寫Apple Swift 程式
沒有Mac電腦，要安裝Xcode才能夠選寫最新的 Apple Swift程式語言 ，現在只要有遊覽器，就可以在利用線上網站寫Apple推出的最新Swift語言。 是個 想學Swift ，也是沒有Mac電腦或是手邊正好用的是 一般PC ，就可在網站上直接 線上寫Swift程式 ，他…
閱讀文章Facebook網頁內嵌入粉絲專業Page Plugin如何支持Responsive
FB紛絲專頁Page Plugin 可以至Facebook Developers網站，將您的粉絲專頁網址貼上輸入欄位可取得程式碼，但當你將要製作一個Responsive web Design網站時，您將需要以下設定。 {googleads center} Facebook 紛絲專…
閱讀文章Inka Bola印加寶貝來自法國Gobelins學校動畫短片
Embedded content 古印加的風味，逗趣的情節，侍衛和黃金瑪雅王座上的兒童，發生了段有趣的故事。 片長：2:36 動畫類型：3D動畫 國家：法國 相關連結：
閱讀文章Joomla外掛OSYouTube用Youtube網址直接嵌入影片支持Responsive
一個簡單方便容易使用的Joomla Youtube plugin OSYouTube OSYouTube插件是一個免費的JOOMLA plugin，你可以簡單地複製YouTube的視頻網址嵌入視頻。 這是一個插件，可以很容易地嵌入YouTube視頻到你的網站。您不再需要使用標籤，…
閱讀文章iPhone LINE文字放大支持動態字級聊天不為了小字體而吃力了
您可知道LINE聊天的文字字體大小是可以設定的，在先前的版本只提供了小、一般 、中、大、特大的選項，但你可知道當你設定了特大，的字體大小，還是太小了，對於年長的長輩，看起來還是相當的吃力。 2015/8/10 LINE此次的更新中，項目支援Dynamic Type，也就是Appl…
閱讀文章jQuery resize不斷取得遊覽器$(window).width()寬度-jQuery目前視窗寬度
jQuery .resize jQuery $ window .resize 視窗被調整過時，運行此函數，再使用 $ window .width 取得目前遊覽器視窗寬度。若要取得的是遊覽器高度可改用 $ window .height 。 $ document .ready fun…
閱讀文章如何解決Joomla站內搜尋字符限制：搜尋字詞最少三個字元就無法搜尋
Joomla本身未更改狀態下，搜尋字詞最少三個字元，最多200個字元 官方團隊在做Joomla 2.5的時候已經改善了這個問題的存在，只不過考慮不同國家地區的情況不一樣，所以沒有一個統一標準，仍然保留了英文默認的3個字符的搜索條件，然後在各國的語言包中，官方團隊留下了一個完美的解…
閱讀文章支持Responsive最佳Joomla Videobox 燈箱效果來撥放你的視頻影片
Videobox是Joomla！2.5.X和3.x免費插件，也是使用 lightbox播放影片的最佳Joomla Plugin ，使您可以輕鬆在文章中插入視頻和音頻。它主要支持 YouTube和Vimeo 視頻，以及音樂從 SoundCloud 的，和HTML5支持的視頻和音頻格…
閱讀文章使用Google Code Prettify漂亮顯示讓程式碼自動分辨顏色
Google Code Prettify 顯示程式碼最簡單方法 google推出的google code prettify，可用很簡單的方式讓程式碼自動分辨顏色，而且可自行調整自由度很高 看一個範例 設定 最快的方式是使用下列CDN方式。 如何使用 把代碼段在 <pre clas…
閱讀文章【解決】Joomla DisplayNews Error 1064當我更新Joomla 3.4.3創建更新模塊發生錯誤
當我更新 Joomla 3.4.3時，創建的DisplayNews Module 仍然是工作，但是當我嘗試創建一個新的 DisplayNews Module，或是更新我舊有創建好的DisplayNews Module時候，我的網站整個掛了，得到了個錯誤訊息。 Error： 106…
閱讀文章使嵌入的內容工作在響應式設計：Responsive YouTube Vimeo Google Map Embed
在網頁上崁入 YouTube iframe視頻時遇到了一個小問題，我需要在YouTube視頻大小取決於100%自動縮放 ，好使得我的網頁 RWD設計 能完整呈現。但是當我加入了嵌入代碼，視頻有一個固定的高度和寬度，你可能會認為設定 CSS iframe width:100％寬度，…
閱讀文章Joomla OSMap輕鬆建立Sitemap網站地圖提交給Google Search Console
你需要一個Sitemap網站地圖，成功優化您的Joomla網站給Google？ OSMap是一個提供免費創建網站地圖 sitemap元件 ，添加到您的 Joomla網站 的最簡單方法。 你需要做的就是安裝 OSMap 。OSMap會自動創建一個Google友好的站點地圖sitem…
閱讀文章CJHTML快速清除無用處的HTML標簽與屬性
CJHTML幫助您快速移除HTML標籤與屬性 CJHTML 是一個設計用來幫助人們，快速的清潔 移除 HTML 不必要的 標籤與屬性 ，還原你最原始乾淨的 HTML 程式碼。 常有客戶使用word或其他文書處理軟體製作網頁用的資料，當你copy貼上在你的編輯器，自動轉換成 HTM…
閱讀文章東京都現代美術館：井上雄彥武藏壁畫《ガシュウ君とぼく》
Embedded content 上野之森美術館舉行的2008年初夏“井上雄彥最後漫畫展”受歡迎程度，工作委託邀請至當代藝術博物館繪製武藏壁畫《ガシュウ君とぼく》。 這幅壁畫，筆墨紙張貼在面板是用毛筆繪製。身高7.4米，擴展到6米寬，繪製過程安裝在地板上由井上親筆描繪而成。此外，…
閱讀文章井上雄彥漫畫創作過程全紀錄”宮本武藏” DRAW Inoue Takehiko
灌籃高手作者井上雄彥漫畫創作過程全紀錄 Embedded content 漫畫家井上雄彥（Inoue Takehiko），1967年1月12日在日本九州鹿兒島縣出生。代表作《灌籃高手》、《浪人劍客》等。很多人有所不知的是，井上雄彥還曾經是漫畫家北條司（《城市獵人》作者）的助手。天…
閱讀文章2D動畫軟體 PAP 4.0：開放全功能版本
Plastic Animation Paper 4 PAP RPO 4.0 開放全功能專業版本下載使用 Plastic Animation Paper無紙 2D動畫軟件 ，在2010/7月份開啟"全功能版本" 軟體免費下載 使用。 網頁內容寫道： 傳統2D動畫數位之路 PAP：P…
閱讀文章分鏡表下載Storyboard：動畫分鏡Download、電影分鏡、故事版、影片製作、律表
分鏡表Storyboard 動畫分鏡 、 電影分鏡下載 、 律表 。 這些表格希望對製作動畫的朋友有幫助，可參考或直接使用。謝謝 download 1: 美式單一畫面A4尺寸 分鏡表 download 2: 日式A4六格畫面 分鏡表 download 3: 動畫 製作 律表 下載…
閱讀文章【純CSS 下拉式選單】：CSS多層級menu、CSS下拉式menu
Multi Level Drop Down Menu for CSS STYLE CSS CSS設定裡/ \ show /註解中的內容為下拉選單主要呈現的效果。 / \ show /之外的CSS樣式可自行更換。本人製作最簡單的格式給各位，為在教學使用上較易理解。 { paddin…
閱讀文章jQuery Include HTML：jQuery替代iframe插入Include HTML方法
使用 jQuery 來達到如 iframe、asp include 和 php include 的效果 。 而 jQuery 能做到的 比iframe連結另一個網頁html內容來的活用 ，使用css做樣式變化，也較有彈性。再次比較 asp include 和 php includ…
閱讀文章【jQuery教學】jQuery切換不同CSS樣式style：切換class、切換樣式、轉換不同CSS
使用 jQuery 控制CSS變換不同Class樣式 ，達到同一頁面切換成不同顯示效果。如以下使用 圖文模式 、 圖片模式 及 文字模式 ，分別為三種class .vw\ 01、.vw\ 02.、vw\ 03 做切換。 jQuery $ function { // 預設顯示第一個…
閱讀文章【CSS筆記】網頁設計寫CSS常碰到的問題
關閉Chrome 12px字體大小限制 網頁設計時檢查遊覽器相容，發現設定12px以下字體，在goole chrome遊覽器卻都無效，上網查了一下結果，原來chrome遊覽器的預設限制最小字體為12px。 查詢了一下解決方法，就如下面的簡單語法，將chrome字體大小的限制關閉。…
閱讀文章井上雄彥的灌籃高手全國大賽十天後黑板漫畫『Slam Dunk 10 days after』
Slam Dunk 10 days after 作者 井上雄彥 為了紀念 灌籃高手 單行本總銷售量突破1億冊，在一個廢校展覽中，教室的黑板上畫名為『 Slam Dunk 10 days after 』 黑板漫畫 ，黑板漫畫描繪的是 灌籃高手 31集打完全國大賽結局後10天，劇中人…
閱讀文章網頁設計師一定要會的Swfobject.js 崁入Flash .SWF
Swfobject.js 崁入Flash SWF 相信很多人使用Dreamweaver內建的崁入.SWF方式，當你崁入時會自動在你的網站上產生許多程式碼，弄得你眼花撩亂。而現在有了簡潔又簡單的swfobject.js 輕鬆在網頁上加入Flash SWF，並且若其他人的遊覽器上沒有…
閱讀文章蘋果電腦MAC 播放.MTS及轉換.MTS檔案：Mac影片轉檔、MAC MTS剪輯、mac轉mts
SONY 硬碟式攝影機 所產生的檔案 .MTS 在 蘋果電腦MAC OS X 系統 下無法開啓的解決方法。 使用蘋果電腦MAC OS X的使用者應當都知道，將SONY攝影機，攝影下來副檔名.MTS格式檔案在MAC作業系統會出現一下這個圖示。 若想要在蘋果電腦MAC OS X觀看你…
閱讀文章【Youtube API】jQurry控制Youtube 播放器：Youtube API控制、崁入播放程式、jQuery 播放Youtube
在自己的網站上坎入Youtube 播放影片，是一件簡單且輕鬆的事，Youtube提供了完美的平台，迅速且流暢的播放速度，遠比將影片放在自己的主機上方便許多。 然而 Youtube提供了API 更能讓您使用 Youtube坎入影片 更有彈性。以下為本人參考了Youtube API…
閱讀文章【RWD關鍵】CSS media屬性判別使用裝置：(RWD)響應式網頁、手機網頁設計、CSS Media應用
W3C 定義了CSS media type屬性 用於判斷各種不同裝置載入。可分以下幾個： all： 是用於所有裝置 braille： 用於盲文觸覺反饋裝置。 embossed： 用於分頁盲文印表機。 handheld： 用於手持設備（通常是小屏幕，有限的帶寬）。 print： 用…
閱讀文章手機網頁設計：文字自動縮放、等比縮放、文字百分比
手機眾多裝置的螢幕顯示大小不同，會因為排版時區塊及圖片可用百分比達到顯示等比縮放，但唯獨文字沒辦法設定依照顯示的百分比去做縮放。 就因為這樣設計排版上，主要視覺區塊內的文字，大小設計剛好在區塊內，以不同顯示比例去看，區塊及圖片會因為設定成百分比而依照螢幕大小縮放，但文字確保持在您…
閱讀文章Mac解除Magic Mouse滑鼠封印多點觸控軟體
MagicPrefs是一款適用於 OS X 的免費應用程序，旨在改進 Apple Magic Mouse、Magic Trackpad 和 MacBook 玻璃觸控板的功能和配置選項。 它能夠將可變數量的手指點擊、點擊、滑動、捏合和其他手勢綁定到諸如中鍵、按住鼠標按鈕、空格、曝光…
閱讀文章Flash 網頁讀取等待畫面- AS2.0 AS3.0 載入loading畫面
\\ AS2.0 AS3.0 Loading .fla 製作檔案提供下載 按照參考範例檔案，增加一個新場景放置在場景最上層，將下載下來的檔案元件及程式碼貼上，設定修改和檔案內範例一樣就完成。完成後 可看見您的動畫開始時前就有載入loading畫面 。 {googleads} \\…
閱讀文章Mountain Lion UniBeast InstallESD製作安裝USB硬盤
使用下載回來的InstallESD使用UniBeast製作Mountain Lion 安裝硬盤時發生了問題。 出現警告訊息如下： You need your purchased Install OS X Mountain Lion.app in the Applications…
閱讀文章【PC變Mac】一般PC 鍵盤變成 Mac鍵盤方法：DIY PC鍵盤操作Mac
macOS系統設定交換按鍵 如果你是使用Mac mini 的使用者，或是你是個Hackmac使用者，如果說想為了方便操作Mac os去購買蘋果電腦專用鍵盤，那當然是最好不過的，但可以知道的是，一個蘋果電腦鍵盤有些昂貴，我想這個簡單的方法可以 滿足你且更順手的使用您的APPLE電腦…
閱讀文章CSS子選擇器大於符號 [>]使用方法、HTML 標籤屬性選擇
選擇器之間使用大於符號 選擇父元素的子元素，不包括子元素的子元素 css選擇器使用大於符號可以選擇不含元素內的其他相同子元素，這個語法簡單的使用符號大於 在選擇器之間。 以下範例可以看出在CSS語法 .div1 p 字體顏色為紅色 ， .div1 裡面的子元素 <p div1 P…
閱讀文章Joomla如何使用Gmail SMTP寄件做為我的郵件服務器？
如果你有一個 Gmail 帳戶，你可以使用 Gmail作為您的郵件服務器 。 表單使用 Gmail 當 SMTP 時出現 Google 帳戶：登入嘗試遭拒 該怎麼辦呢? 這一些都是為了安全性，Google 把所有不是透過 Gmail 網頁操作的發信需求，通通都先擋起來了。可以透過…
閱讀文章safari 開啓開發人員選單-safari javascrip除錯、safari檢查元素
Apple的遊覽器Safari ，原來也有像其他遊覽器如Chrome firefox檢查網頁元素的功能，只是預設隱藏需要手動去打開。 偏好設定 進階 在選單中顯示開發人員選單。 這時選單上就會多出開發人員選項，滑鼠右鍵也有個檢查元件。
閱讀文章GA-Z77-DS3H + GT-640 Hdmi audio Mac OS 10.8近完美驅動成功
GA Z77 DS3H 成功使用 dsdt將GT 640 HDMI 聲音輸出 ，以下為使用到的 Extra 資料，若相同規格的可直接拿來使用。 Download：Extra 檔案下載
閱讀文章蘋果產品攝影師 Peter Belanger 為 Macworld 拍攝封面的紀錄片
Peter Belanger攝影大師為蘋果產品iPhone3拍攝 舊金山的商業攝影師Peter Belanger為蘋果產品攝影師，以下紀錄片是紀錄Peter Belanger如何為Macworld雜誌，拍攝iphone3的過程。 Embedded content
閱讀文章AcyMailing 電子報JOOMLA元件：簡單操作教學
AcyMailing是一個Joomla電子報元件，能夠讓您的輕鬆有效率的管理您所要發送的E mail電子報！ 它無縫地整合到Joomla和提供專業的功能，使您能夠讓您與您的用戶永久性接觸。 AcyMailing的設計操作上好使用將節省您許多設定的時間。 {googleads ce…
閱讀文章提交您的網站給 Yahoo奇摩搜尋-現由Bing技術提供Yahoo奇摩自然搜尋結果
提交您的網站給 Yahoo奇摩搜尋 要透過Bing提交 在過去的頁面都是直接提交網站給yahoo，但不知多久前這個服務就不見了，找了好久才了解yahoo與bing合作，要提交網站要到以下的bing網站提交頁面，去做提交的動作。以下為yahoo提供的答覆。 {googleads c…
閱讀文章QuickTime Error: -50 錯誤訊息 Final Cut X 10.0.9 輸出影片
今天在使用Final Cut X 10.0.9 輸出影片一只無法輸出錯誤訊息如下。 QuickTime Error: 50 上網查詢，都找不到相關的訊息。 {googleads center} 還一只以為是安裝錯誤，或是升級OS X 10.9的關係 搞了半天，最後才發現原來我的C…
閱讀文章Google 雲端硬碟簡單教學上傳大檔案給客戶下載用-雲端硬碟分享/傳送大檔案
1. 至 Google雲端硬碟 按下左邊按鈕選擇檔案（如圖1.rar檔案） 2. 確認後右下角出現上傳視窗 上傳中... 3. 上傳完成勾選上傳完成的檔案（1.rar），再按下上方共用按鈕。 4. 視窗出現共用設定，因檔案為私人權限，如下圖步驟進行變更。 5. 變更完成後複製連結…
閱讀文章jquery scroll取得 body 捲動高度-windows 高度 javascript,捲軸高度,目前scroll高度
jQuery .scroll jQuery .scroll 事件可用於滾動的元素和 瀏覽器視窗物件 window 。只需將函數綁定到指定元素的 scroll 事件，當瀏覽者滾動指定的元素時則會 觸發捲動 scroll 事件 運行指定的 function 函數。 $ functio…
閱讀文章iis windows7開啓-預設關閉開啓iis圖片說明,win安裝iis
在 Windows 7 Professional、Enterprise 或 Ultimate 上安裝 IIS 7.5 根據預設，IIS 7.5 不會安裝在 Windows® 7 Professional、Enterprise 或 Windows® 7 Ultimate 上。 您可…
閱讀文章IE8 max-width CSS圖像變形的解決方法
IE8在css使用max width時會有如下圖失真的情形發生。 css只需要簡單的將後面加入width:auto; height:auto; 就可解決。 {googleads center} img{ max width:680px; width:auto; height:au…
閱讀文章CSS position:fixed 固定視窗置中-margin-top ,margin-left 減去元素的高度寬度
使用50％設定top 與 left，再用margin top ,margin left 減去元素的高度寬度。 如：top:50% 元素的上方對齊頁面正中央了，再用 margin top: 100px 將元素向上移動一半 元素高度為 200px ，讓中心點對齊頁面正中央。 fixe…
閱讀文章Joomla php判斷目前語系 getLanguage()-joomla 設計製作
JFactory::getLanguage 使用下列語句可以知道目前你的Joomla網站的語系。 Example 1 下面的代碼獲取當前語言的名稱。 getName ; ? Example 2 下面的代碼判斷當前語言。 getTag ; If $result == "en GB"…
閱讀文章Audio Library YouTube 多種免費音樂庫讓你的影片配樂不侵權-影片配樂、配樂、動畫配音
YouTube推出 Audio Library服務，提供使用者可免費用於影片的配樂，音樂可依心情、類別、演奏和長度來分類並線上播放，適合的音樂並提供下載檔案至剪輯軟體使用。 Audio Library讓許多影片製作者可以避免授權的麻煩，並用於自己影片中。平台提供多種類型音樂提供選…
閱讀文章【全程記錄】灌籃高手全國大賽十天過後井上雄彥黑板漫畫創作過程紀錄片
灌籃高手 作者 井上雄彥 ，在一個廢區的 學校黑板 上，手拿粉筆板擦，花費幾天的時間，畫下了 灌籃高手全國大賽十天後 的漫畫故事， 全程記錄整個創作的過程 ，相當值得一看，看大師如何繪製 灌籃高手 的人物，一筆一畫在黑板上都能表現得這麼棒，真不愧是大師級人物 井上雄彥， 真是佩服…
閱讀文章【iPad&iPhone】ArtPose-漫畫素描模型,繪圖3D人偶,3D人物模型
【iPad&iPhone】 ArtPose 是非常容易使用的 \ 3D人物模型\ ，這ArtPose可以任意擺出你想要的姿勢，可說是專對 漫畫工作者 、 繪圖工作者所設計 的APP，在日本已相當多使用者介紹分享使用這個APP，他有完美的肌肉線條，活動自如的關節，內建還有60種已設…
閱讀文章HDMI Audio驅動NVIDIA & AMD 顯示卡 Mac OS X Yosemite 10.10
主機板 GA Z77 DS3H ， 顯卡GT 640 使用 Clover EFI 引導安裝完成 Mac OS X Yosemite 10.10，開機進入畫面只有顯卡驅動，其它網卡、音效卡、USB3.0、顯卡HDMI聲音都沒有驅動，還好使用Multibeast網卡與音效卡都可以得到…
閱讀文章黑蘋果簡單解決App Store 無法登入問題之Clover安裝Mac OS X Yosemite10.10-SMBIOS,Clover Configurator
使用 Clover EFI bootloader 安裝完成 Mac OS X Yosemite 10.10 進入系統後，開啟 App store 若想要 登入 會發現沒辦法驗證機器完成 登入 。這時我們需要使用 Clover Configurator 這個軟體工具，給你的這台黑蘋…
閱讀文章你不可不知好用的螢幕截圖軟體-截取圖片、快捷鍵截取、螢幕錄影
要 截取Windows電腦螢幕畫面 可以使用" Print Screen "功能鍵，將圖存入剪貼布再貼到如小畫家或其它編輯軟體，處理截切儲存。但大家可能還不知道 Windows 7 新增了 剪取工具 ，功能有任意剪裁、長方型剪取、視窗剪取、全螢幕剪取等方式截取畫面，在這些功能它比…
閱讀文章jQuery如何讓網頁載入自動按下按鈕或連結click()
jQuery 如何讓網頁載入後自動按下按鈕或連結，執行一些動作。 答案就是用 click ，以下簡單的程式碼驗證一下。 HTML Onload Autoclick me Javascript function myFunction { alert "Hello World" ;…
閱讀文章圖片縮圖軟體Light Image Resizer-批次縮圖軟體,批次圖片轉檔
Light Image Resizer 是一個簡單好用的 圖片縮圖軟體 ，他提供簡單的 縮圖方式 ，只需要選取圖片按下右鍵，選擇 Light Image Resizer 選項，就可開始選擇要 縮放的大小 ，並確認開始執行 縮圖 。（支援多圖批次轉檔、浮水印） Light Imag…
閱讀文章新網站提交網址給搜尋引擎-如何知道搜尋引擎找到你的網站
一個新網站在 搜尋引擎搜尋都找不到 ，最快速的方式就是自行提交網址給這些 搜尋引擎 ，告訴他們有個 新網站 要他們加入檢索。以下是幾個著名的 搜尋引擎的提交網址 ，只要將網址輸入進去確認就可以提交完成。 提交到Google搜尋引擎： 提交到Yahoo與Bing搜尋引擎： 提交到百…
閱讀文章關閉網站伺服器直接瀏覽目錄索引功能-Apache and IIS 關閉伺服器目錄索引方法
伺服器網站設定未 關閉瀏覽目錄索引 。網頁伺服器若於該目錄不存在預設首頁時，將顯示該目錄中所有檔案內容，若該項目內存在重要資料，如Access資料庫 .dbm 或設定檔 config.inc ,則使用者即可下載存取該機密內容。 造成影響：當開啟 目錄索引 功能時，則會傳回這目錄中…
閱讀文章Joomla RSS Feed 時差問題-Joomla時區、date.timezone、Joomla RSS時間同步
碰到的問題是，同樣的一篇文章，為什麼 Joomla RSS 內的 pubdate 標籤，日期顯示為Wed, 18 Mar 2015 00:00:00 +0800，而後端顯示2015 3 18 16:00:00，就是與後端設定的有 時差 16小時? 已經將後台的伺服器時區設定成Ta…
閱讀文章成為你最佳的2D動畫手繪軟體SketchBook Pro 7 Flipbook Animation 新增加動畫功能
SketchBook Pro 7 版本中增加了 Flipbook Animation 2D動畫功能，本身SketchBook就是一個很棒的繪圖軟體，裡面的筆刷做得相當的好，而 Flipbook Animation 功能搭配軟體本身鉛筆真實的筆觸，好用的關鍵影格設計，將成為動畫師最…
閱讀文章[免費]Notepad++ 可完美地取代微軟視窗記事本的編輯器
推薦軟體，免費編輯器，簡單好用，是撰寫程式的好幫手。 Notepad++ 是在微軟視窗環境之下的一個 免費的代碼編輯器 。 為了產生小巧且有效率的代碼編輯器，這個在 GPL 許可證下的自由軟體開發專案採用 win32 api 和 STL 以 C++ 程式語言撰寫成，並且選用功能強…
閱讀文章刪除蘋果Mac OS X MacVX廣告(去除指南) – macfest病毒、Apple病毒、Apple防毒
MacVX是一個廣告程序蘋果Mac OS X，在您所瀏覽的網頁會顯示彈出式廣告和廣告。這些廣告將顯示為包含各種優惠券可用，下劃線的關鍵字，彈出式廣告或橫幅廣告框。 什麼是MacVX？ 該MacVX廣告軟件的感染是專門設計用來賺錢。它產生的網絡流量，收集銷售線索其他可疑的網站，並顯…
閱讀文章我的Mac接聽不到iPhone撥打過來的電話
OS X Yosemite 與 iOS 8 啟動了讓你的裝置間能更聰明相互配合的全新功能，在Mac上接聽iPhone來電話與撥打電話。 當 iPhone 接到來電 時，會在 Mac 響起鈴聲。你會在 Mac 收到通知，顯示來電者姓名、號碼與大頭照，也會聽到來電鈴聲，跟你在 iPh…
閱讀文章使用Google雲端硬碟CSS or JavaScript image圖片檔案url位置在你的網站
Google雲端硬碟 提供網路空間，也可分享連結給他人，但如過想使用雲端硬碟裡面的檔案url的位置，如想要連結一個 .CSS樣式檔案 給你的網頁用 如自己的Blog ，分享功能無提供這樣url位置，其實是可行的，只需要將其檔案ID更變一下網址，就可以使用這個檔案url位置。 如果…
閱讀文章Air Display 3讓你的iPad變身Mac外接螢幕加數位繪圖板
Air Display 3 不只是支援 WiFi 傳輸讓你的iPad外接成Mac的延伸螢幕，通常使用Wifi會因為網路速度，產身不同步的現象，這次 Air Display 3 開始支援iPad USB的傳輸連接延伸螢幕 ，USB有線的速度更快，讓影像可以完整不會再有WiFi延遲問…
閱讀文章解決PHP json_encode() MySQL抓取中文字資料顯示空白、問號、null、亂碼問題
以下有兩種方法分別為mysqli\ query與mysql\ query連結資料庫的方式，然後使用 json encode 將資料庫轉為json資料格式呈現在網頁上。 MySQL json\ encode 中文字空白頁面、問號符號、亂碼 主要嘗試抓取mysql資料碰到的大問題就是…
閱讀文章[CSS]程式碼文字自動斷行Google Code Prettify標籤為例
<pre 標籤文字段行CSS 剛開始使用 Google Code Prettify 發現情況如下圖。 程式碼並沒有自動斷行 CSS樣式 使用一個部落客自行寫的，看 CSS 才明白，有一個設定是，自動斷行 word wrap: break word; ，並們有寫在裡面。<pre 標…
閱讀文章JoomGallery相簿管理上傳照片 | zip批次上傳
1. Joomla 3後端操作，上邊選單選擇元件JoomGallery至管理界面 JoomGallery 管理介面 2. 上傳新活動照片，首先請新增類別 左邊選單選擇類別管理。 類別管理界面按下左上方綠色新增按鈕。 類別新增頁面輸入活動名稱，別名（選擇性輸入英文數字組成別名），輸…
閱讀文章小米路由器LLMP架站連接到外網
開啟SSH並取得ROOT權限 帳號綁定，下載miwifi\ ssh.bin存入USB，手動刷入 SSH\ \ 注意:需要手動下載 開發版 更新包，更新至 開發版， 才可成功刷入SSH，穩定板不支持 。\ \ 詳細 開啟小米路由器SSH 教學文連結： 小米路由器開發版 下載連結：…
閱讀文章Mac OS X 蘋果電腦Finder簡單批次檔案重新命名
蘋果電腦若要將 檔案重新命名 ，游標點一下檔案的名子的地方，就可以對 檔案重新命名 ，與Windows的操作差不多，或是選取檔案按下右鍵，檔案的簡介，也可以對 檔案重新命名 。但要一次對多個檔案批次的重新名命，又需要整齊且有檔案數字或是日期排序的命名方式，這時候就不可能是，一個個…
閱讀文章蘋果電腦Mac OS X內建預覽程式調整照片色彩與縮放圖片像素大小
Mac OS X內建預覽程式 ，讓你不用靠第三方軟體，如照片編輯軟體或如 Photoshop 等大型繪圖軟體，就可以簡單快速的調整照片 色彩 與 飽和度 ，還可以進行 圖片的像素大小縮放 。 快速 調整色階與色彩亮度 1. 使用預覽程式開啟圖片後，選單列選擇 工具 調整顏色 2.…
閱讀文章Linux CGI 500錯誤Internal Server Error
Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact t…
閱讀文章Windows Server 開啟80 Port 與 21 Port | FileZillaServer外網連入防火牆設定
Windows 2008 架設網站，預設的 防火牆網際網路80 Port 與FTP預設的 21 Port 是關閉的，需要手動至系統管理工具開啟與新增21 Port。這邊是使用 XAMPP 架設的網站，使用的也是 XAMPP 內建的 FileZillaServe r架設FTP，需要…
閱讀文章IP遠端連接MySQL設定開啟防火牆MySQL預設3306 Port
MySQL 一般情況下都是在主機上，使用root帳號密碼localhost做連結，如您使用root去遠端連結可能會出現"Host xxx is not allowed to connect to this MySQL server"這樣的錯誤訊息。需要遠端如IP去連結 MySQL…
閱讀文章Javascript HTML DOM href 屬性 | getElementById使用注意事項
語法： Javascript 可使用下方法更換HTML a連結標屬性 。 anchorObject.href=URL 實例： <html <head <script type="text/javascript" function changeLink { document.get…
閱讀文章如何處理掛掉的Joomla瀏覽器只有白畫面
Joomla 錯誤出現的白畫面 有時會因為裝了一些不知名的外掛，有可能倒置 Joomla掛掉 ，整個瀏覽器只出現白畫面，相信大家一定有相同的經驗，或是在 Joomla 2.5要升級至Joomla 3 時這個情況更是不知怎麼處理，讓你不敢往 Joomla 3 前進，停留在 Joom…
閱讀文章網頁上好用小圖使用CSS ICON 圖示框架Font Awesome
Font Awesome 的設計只需要簡單的應用Html語法，就可輕鬆在網頁加入ICON圖示。 過去 網頁設計師 ，需要為了 網頁的小圖示 ，需要親手 設計ICON ，更或者需要在網路搜尋找尋適用的 ICON ，總是為了這小 ICON 傷腦經，現在 Font Awesome 將提…
閱讀文章Javascript物件導向基礎概念 | 物件、屬性和方法
使用建構函數建構物件 "建構函數" caonstructor Function ，能夠定義物件屬性和方法，可以將它視為一個物件宣告 但他並非類別 如下所示： function NameCard name,age,phone,email { this.name=name; this…
閱讀文章Windows檔案總管中預覽PSD、AI檔縮圖
檔案總管中預覽PSD、AI檔縮圖支援 Windows 8, 7, Vista and XP 32 and 64 bit. 有些人知道Photoshop 7.0 可以在 檔案總管的縮圖功能 直接看圖，無須開啟圖檔來檢視。 {googleads center} 但之後Adobe就把此…
閱讀文章HTML5 Canvas添加一個連結至你的畫布:Adding Links to a Canvas
HTML5 添加連結到一個Canvas 有沒有簡單的方法來創建一個 HTML5 Canvas連結 。如果有，這方法是已經是很好，你必須手動完成這一切，首先繪製 連結 文字，然後聽鼠標移動和 鼠標點擊事件 。當鼠標移動到你的 連結 ，你需要更改鼠標為“手”，當鼠標點擊您的 連結 ，…
閱讀文章TANG雪猴動畫短片|日本風味雪中享受溫泉的猴子
關於一個雪地的猴仔，想要保持溫暖的有趣故事，但這一切並不是這麼的順利。整部影片帶有日本風味，蠻逗趣的，喜歡看就知道。 作者資訊 教育：2002 Kon\ kuk University Industrial Design BFA 2009 Sheridan College Digi…
閱讀文章