Blog
Blog
-
SwiftUI設定深色模式
在SwiftUI中設定頁面為深色模式。 -
Xcode禁用console顯示系統訊息
在Xcode加入CloudKit或Google AdMob之類的功能時,使用Simulator,console裡會出現許多系統訊息,影響我們閱讀需要的內容。以下設定能讓console不再顯示這些系統訊息。 -
SwiftUI平均分佈元件寬度的方法
使用SwiftUI排版時,為了排出不同的版型,會需要平均分佈寬度,以下來說明如何平均分配元件寬度。 -
SwiftUI滑動隱藏App虛擬鍵盤
在SwiftUI中點選了TextField會自動出現虛擬鍵盤讓使用者輸入文字,但除非切換畫面,不然虛擬鍵盤就會一直顯示在螢幕上,這裡來記錄一下如何滑動畫面隱藏虛擬鍵盤。 -
Xcode修改App的預設語言
Xcode新增App的預設語言都是英文,而且目前Xcode介面上也没有辦法修改App的預設語言,如果想要修改,只能使用編輯器打開Xcode的檔案進行修改。以下來說說修改的方法。 -
常用git指令
久一没用就忘記😅,在這記錄一下常用git指令,免得以後又忘記…… -
Xcode 設定 App 顯示名稱
在Xcode新增App時,系統預計會以Project Name做為App在裝置上的顯示名稱;這邊就來記錄一下如何讓App在不同的語言中顯示不同的名稱吧。 -
macOS檢查檔案md5、sha
下載檔案時,為了避免下載的檔案被加料,有些網站會提供md5或sha給使用者進行驗證,今天就來了解一下如何在macOS上檢查檔案的md5和sha吧! -
從零開始設置建立Next.js網站所需環境 (macOS)
試著建置開發Next.js網站所需要的環境吧! -
CSS 將過長的文字取代成「...」
在排版網頁時,因為設計需要,會想讓網頁中的文字不要超出所在的元素。 -
取消Ubuntu筆電蓋上螢幕暫停
筆電安裝完Ubuntu後,蓋上螢幕總是會讓電腦暫停,用以下方法取消蓋上螢幕後電腦的動作吧! -
AOS 基本使用方法 (javascript 捲軸動畫)
AOS 讓你的網頁只需加入一些簡單的語法 ,就能根據目前頁面捲動到的位置對元素執行指定的動畫。 -
Owl Carousel 2 基本使用方法 (javascript 輪播套件)
Owl Carousel 2 是一個簡易使用的輪播js套件,只要在網頁中加入一些語法即可加入輪播,可根據需要輪播圖片或圖文區塊等... -
javascript 更新網頁網址,但不更新網頁的方法 (history.pushState)
當你想要變更網址,但又不想讓網頁重新讀取網頁時,可以使用此方法。 -
網頁完成讀取後再執行 javascript
在執行某些 javascript 時,會需要在網頁完成讀取後才能正常執行,這時將 javascript 程式寫在 window.onload 裡就能讓程式在網頁讀取完成後再執行。 -
javascript location 轉址
location 不只能取得網址,還能用來重新載入網頁和轉址。 -
javascript 取得目前網頁網址 (location)
當你需要利用網址來進行判斷時,可以使用 location 來取得當前網址的資訊。 -
修改手機瀏覽器介面顏色 (meta theme-color)
變更手機瀏覽器介面的顏色,可以在網頁中加入meta來改變顏色,但不是所有瀏覽器都適用就是了... -
變更placeholder樣式 (Change Placeholder Style)
變更input中placeholder的樣式。 -
CSS 屬性選擇器 (CSS Attribute selectors)
在寫css時,有時會需要選擇有特定屬性的元素,像是元素中有某個data-value,或是連結中某個特定的網域...等,都可以用CSS 屬性選擇器來選擇元素。 -
幫網頁中的 code 加入樣式 (Google Code Prettify)
在網頁插入code時,加入Google Code Prettify,讓code變的方便讀取。 -
在 Blogger 中加入 GTM
在 Blogger 後台中選擇「主題」,然後在我的主題點選「編輯 HTML 」插入 GTM 的代碼,插在 head 中的 GTM 代碼第四行裡有個「&」會讓xml格式錯誤,改成「&」後就可以正常儲存了。 -
CSS 文字不換行
網頁有時會在不需要換行的地方自動換行,在css中加入以下樣式強制文字不換行。 -
CSS 三角形
利用CSS邊框粗細和顏色製作三角形。 -
CSS :nth-child()
使用 nth-child 選取指定個數的元素。 -
Google Fonts (思源黑體、思源宋體)
Google Fonts 的思源黑體和思源宋體的加入語法。 -
CSS 背景模糊
在寫網頁的nav和lightbox時,可在背景加入模糊,讓前面的元件可以更清楚凸顯。 -
CSS 變數 (CSS Variable)
在 css 中設定變數,重複使用,方便變更樣式。