卡斯伯提供的教學資源:


development

一個工具,帶你完整認識 CSS Animation

網頁上看到許多 CSS Animation 套效想要參考使用,但卻不知道其中的屬性各自代表什麼意思嗎?本篇將介紹 CSS Animation 的各項屬性運用技巧,並提供一個模擬工具,讓大家可以快速的了解每個屬性的意義。 建立第一個動畫在學習每一個屬性之前,首先先動手試試看讓一個元素套用動態的效果,在...

development

Mac OSX 截圖全說明(單一視窗、全螢幕、重設截圖路徑、Touch Bar)

Mac OSX 的內建截圖熱鍵相當好用,雖然看起來熱鍵組合很多,但每一個鍵都有它的組合意義,在此先附上完整的熱鍵組合表。 Mac OSX 截圖熱鍵全表,使用方法可參考下方文章說明 組合規則首先,要使用截圖一率會使用 command + shift 加上特定數字鍵作為開始,而這些數字鍵分別代表:...

development

CSS 變數必學知識 - 宣告、繼承及 Bootstrap 中的運用技巧

在 Bootstrap 5 以後,大量導入 “CSS Variable” 的技巧,透過變數可以大幅增加 CSS 的可運用性,讓同一段程式碼透過修改變數的形式,大幅增加 CSS 的可用性,本篇將介紹 CSS 基本運用方式,以及在 Bootstrap 5 中如何運用此技巧來豐富性其用途。 CSS 變數基...

development

履歷避雷技巧 - 技能描述篇

履歷中的「技能」描述是個人專業技能的主述,徵才單位會透過其內容理解求職者的能力,更重要的是透過字詞中分析對於技能的掌握深度,如果沒有善加利用,可能會造成: 資深開發者:但沒有透過履歷展現出應有的深度 新手開發者:錯誤的內容呈現,導致連面試的機會都沒有 本篇僅針對履歷中的「技能」描述進行分析,包含...

development

JavaScript Console 運用技巧 - 8 招讓你除錯更高效

寫 JavaScript 需要檢視運作是否正確時候,都會使用 console.log 來檢視輸出或運算的值,而 console 的運用技巧不僅僅只有將值呈現在開發的 Console 介面中。本篇就來介紹許多 console 語法的實戰運用方法吧! 首先,在此先準備一份等等會用到的物件及陣列作為以下...

development

CSS 選取器(基本篇) - CSS Selector

一個開發者對於畫面的掌控度高不高,完全都可以取決於「CSS 選取器」掌握度,無論是基本的 CSS 到 jQuery 甚至是原生的 JavaScript 都是使用 CSS 選取器。另外如果要寫道後端測試、爬蟲,也是持續使用這看似基礎的觀念,本篇將會循序漸進介紹各種選取器,讓大家從基礎開始學習此知識。 ...

development

Vue 3 新手夏令營

現在前端所需技能越來越深,而三大框架雖然資源豐富,但對於新手來說卻也不知道如何入門,因此我們舉辦「Vue 3 夏令營」,讓更多的前端同好可以認識這門框架~ 這個活動適合哪些人呢? 對於 JavaScript 有基礎掌握度 對於 Vue 2 或其它框架有基本認識,想學習 Vue 3 的開發者 想從基礎...

life

為什麼選擇使用 Mac 來進行開發

我在求學過程中以及剛開始接觸開發跟許多人都一樣,是使用 Windows 作為剛開始起手的作業系統。 但現在,我主力的開發環境轉移到了 Mac OS 至今已經約有六、七年以上的時間,而這些轉移的心得也跟大家分享一下。 也先說明一下,正式進入職場以前接觸 Mac 的時間不算長,只有在職業學校中使用 Ma...

life

Mac 擷取系統音效 - 直播、錄影均適用

直播遊戲或是錄影希望搭配系統的聲音,如果沒有另外進行設定,就只能透過麥克風接收系統所播放的聲音,這樣的品質對於聽眾來說真的不太好,且如果太大聲也會影響直播者 / 錄影者的思緒。 因此,本篇介紹如何使用「軟體」的方式擷取系統的聲音,如果直播或錄影工具可接收多個收音裝置,將可使用系統的聲音進行錄影 / ...

development

NODE.JS 開 API 不求人 - 教學影片

直播主題:NODE.JS 開 API 不求人活動時間時間:5/19 晚間八點直播位置:六角學院 Youtube 頻道 本次直播內容包含: API 的運作原理 建立 CRUD 的 API 範例 前端與後端的 API 串接示範 共筆文件:共筆文件 影片 講者:卡斯伯六角學院共同創辦人從設計轉行前...

撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))
撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))