• All
  • Angular
  • CSS
  • database
  • GraphQL
  • HTML
  • JavaScript
  • Next.js
  • Node.js
  • Python
  • Ruby
  • TypeScript
  • WordPress
  • WordPress主機
  • WordPress外掛
  • WordPress架設網站
  • 前端筆記
  • 後端筆記
  • 演算法
  • 網站原理
  • 網站知識
  • 資工
  • 資料結構
  • 開發工具
  • 開箱
  • 閒聊
All
  • All
  • Angular
  • CSS
  • database
  • GraphQL
  • HTML
  • JavaScript
  • Next.js
  • Node.js
  • Python
  • Ruby
  • TypeScript
  • WordPress
  • WordPress主機
  • WordPress外掛
  • WordPress架設網站
  • 前端筆記
  • 後端筆記
  • 演算法
  • 網站原理
  • 網站知識
  • 資工
  • 資料結構
  • 開發工具
  • 開箱
  • 閒聊
Cloudways 教學
WordPress

如何用 WordPress 架設網站 (2):Cloudways 教學

這篇文章就來正式教大家架設網站的第一步 — 購買主機,看完並實作之後就可以簡單架設一個網站囉! 1. 為甚麼選擇 Cloudways? 1.1 Cloudways 是共享主機、VPS 主機還是雲端主機? …

Read More →
use-javascript-to-connect-api-with-unsplash
JavaScript

【JavaScript瀏覽器】:實作串接 API (1) ⏤ Unsplash API

因為對用 JavaScript 串接 API 滿不熟悉的,再加上最近看了些職缺用 JavaScript 串接 API 又是必備技能,所以決定來花點時間好好搞懂這塊,順便練習實作,比較容易發現問題出在哪裡。 如果你對 …

Read More →
WordPress架設網站
WordPress

如何用 WordPress 架設網站 (1):前置作業 ⏤ 購買網域與主機

在 架設網站的方法 (3):使用CMS – 內容管理系統架設網站 中提到,使用 WordPress 架設網站是全世界最普遍的方式,因此接下來會有一系列 WordPress 架設網站教學的文章,今天就先來談談在利用 …

Read More →
JavaScript

【JavaScript基礎】:Array Methods — 陣列方法整理

陣列(array)屬於物件(object)的一種,在Javacript中有許多陣列方法(array methods)可做轉換或運算,來整理一下在MDN看到陣列常見和相關的方法。 1. Array and String:陣列與字串的轉換 字串與陣列相關的方法 1.1 字串轉換成陣列 1.1.1 …

Read More →
新增圖片時,該用HTML的,還是CSS的background-image?
CSS

新增圖片時,該用HTML的img,還是CSS的background-image?

在寫前端的時候,插入圖片的方式有兩種:在HTML的<img>;另一種則是在CSS屬性中設定background-image,一直以來都分不太清楚甚麼時候該用哪個,今天就來好好整理一下! 1. HTML的<img> 首先來看看根據W3Schoolshools的說明,<img>有哪幾個attributes吧! 1.1 src 最基本的,放置圖片的來源,可以是位於該專案的檔案路徑,也可以是URL。 檔案路徑: URL: 1.2 …

Read More →
為甚麼我從Yoast SEO改成使用Rank Math
WordPress

為甚麼我從Yoast SEO改成使用Rank Math? – Rank Math 教學

Yoast SEO是WordPress上啟用安裝數最多的SEO外掛,高達500萬次,剛開始架設網站時我也是使用這個外掛,但最近意外發現了另一個SEO外掛 – Rank Math,完全免費,而且功能比Yoast SEO Premium還多,想知道兩個的差別在哪就趕快點進文章吧!裡面還有Rank Math的完整教學哦!

Read More →
easy fancybox 教學
WordPress

【WordPress外掛】如何點圖放大文章中的圖片?Easy FancyBox完整教學

這篇主要是教大家如何在WordPress中啟用點圖放大的功能,以及介紹一個關於這個功能的外掛 — Easy FancyBox。

Read More →
用css製作動畫的3種方式
CSS

用 CSS 製作動畫的 3 種方式: CSS transition, CSS transform, CSS animation

今天要來筆記一下該如何用 CSS 製作動畫,爬了一些文發現這篇:CSS3 中的動畫介紹 算是介紹比較完整的,再把製作動畫的方式步驟化方便自己之後需要應用。 不過今天的筆記就先排除效能,改天有空再來寫一篇關於動畫與瀏覽器效能之間的關係。 1. CSS 製作動畫的三種方式: 1.1 …

Read More →
前端筆記

如何實作出Read more 按鈕?

「該如何實作出Read more 按鈕呢?」今天在寫 [FE210] 從新手到中手:前端工程加強班 這門課的作業1時,最後一個自我練習是「這次實作的畫面當頻道名稱字太多的時候,會超出一格的大小或者會直接被卡掉,有沒有辦法讓字太多的時候在尾巴顯示…?

Read More →
Scroll to Top