jQuery DrawSVG-更簡單的製作SVG筆繪動畫

以往我們要製作svg的筆繪效果動畫,需要使用到CSS來操作,利用css的 stroke-dashoffset 等屬性,使用keyframe的方式去製作動態效果,但卻耗時耗力,光調個動畫就花了不少時間,不過最近發現了一個工具-jQuery DrawSVG能夠讓我們更優雅而快速的製作svg動畫,至於如何使用,就看緊繼續看下...

Continue Reading

使用 Laravel 寫個 TodoList 代辦事項 - 專案建立與資料庫設定(part3)

專案建立 建立專案資料夾 直接在C槽跟目錄下新增一個名為projects的資料夾,往後專案都放在這裡方便管理。 或是使用CMD命令提示字元來新增資料夾,使用 cd 指令移到C槽跟目錄,利用 mkdir 指令新增一個projects資料夾,打開C槽即會發現剛剛新增的資料夾。 cd C:\ mkdir projects 新...

Continue Reading

使用 Laravel 寫個 TodoList 代辦事項 - 環境準備(part2)

開始寫 todolist 前,我們勢必要先將開發環境準備好,所謂工欲善其事必先利其器,準備好工具才能順利進行,就先來看看我們需要準備些什麼吧。 安裝 Xampp安裝 Composer安裝 Node.js安裝 VScode 安裝 Xampp xampp是集成網頁伺服器、資料庫、php的工具,能夠讓網頁開發者快速開發,免去...

Continue Reading

使用 Laravel 寫個 TodoList 代辦事項 - 前言(part1)

前言 由於筆者最近面臨實習面試,面試的公司出了幾題題目來考驗應徵學生的實力,其中一題就是使用 Lavavel 來寫一個 Todolist 的待辦事項網頁,但由於本身從未接觸過 Laravel ,因此在實作測驗時螫疼了不少,用到許許多多莫名其妙的問題,幸運的是仍舊順利完成,因此萌生想將製作過程記錄下來,作為筆記當往後參考...

Continue Reading

DemosWP 快速建立 WordPress 測試環境

剛接觸 wordpress 的人可能還搞不清楚有分成兩種,一個為 wordpres.com,另一個為 wordpress,前者為官方提供的部落格服務商,像是 痞客邦、Blogger 這類的服務,優點是不用架設伺服器,方便不會使用的人,不過功能也有些受限,高階功能也需付費;而後者則需安裝在網頁伺服器,自由度與彈性都非常高...

Continue Reading

使用 Hexo 在 Github 建立部落格

Hexo 是什麼? Hexo 是一個快速、簡單且強大的部落格框架。能夠使用 Markdown 語法來新增文章,快速渲染你的文章,有強大的外掛系統及豐富的擴充性,簡單易用,讓你可以專注與寫作中,不被複雜的操作影響寫作的體驗,對於習慣使用 Markdown 紀錄內容的人可說是一大福音,可以套用主題讓你的網頁變得更加漂亮,重...

Continue Reading

網頁結合 firebase 雲端資料庫教學-firestore 新手入門

對於剛踏入網頁前端的初學者,網頁資料的存取是一個很大的問題,不熟悉資料庫,而不知從何下手,幸好 Google 提供了讓人免費使用的 firebase 雲端資料庫,讓網頁設計師能夠用很簡單的方式存取資料,省去建立資料庫的麻煩,而且支援網頁、應用程式等,用途廣泛,這篇文章將會以網頁的形式教大家使用firebase 的 fi...

Continue Reading

免費靜態網頁空間-Surge

當我們有一個靜態網頁(指不包含網頁程式如PHP…及資料庫的網頁),想要發佈到網路上供大家瀏覽,勢必要租用一台網頁伺服器,但區區一個網頁流量又不大,實在不會想要花錢租用虛擬主機,如果我們想上傳一些不常更新的靜態網頁(個人履歷、公司產品介紹...),有一個可以免費放置網頁的空間豈不就兩全其美了,幸好有 Surge 這個服務...

Continue Reading