前端之旅

JQuery這個超級方便，

當要做多個跳動數字時可以使用。

HTML：

<div class="wrapper">
    <div class="counter col_fourth">

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

首先，

先下載JQuery：

http://jquery.com/download/

載入JQery：

<script src="js/jquery.min.js"></script>

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

一、如何下載專案

當我們從電腦A的Visual Studio要去下載電腦B的專案，

１．Visual Studio 2015 一開始開起來的樣子

２．點選左邊的「從原始檔控制開啟」

３．選擇右邊的「連線」

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

在做清單時，當我們使用<ul><li>做：

HTML：

<ul>
    <li>Home</li>
    <li>456</li>

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

若網頁上需要放大量的照片，

而每張照片容量都很大時，

網頁會跑很慢，也很佔空間。

Fotosizer圖片壓縮軟體，有分為免費和付費，

到此下載：http://www.fotosizer.com/

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

當有很多選項時，

表格是個不錯的呈現方式。

以水果來作範例。

HTML為：

<table>

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

三角框產生器，

可以自行調整三角型的方向、種類〈等邊、等腰、不等邊〉、寬高、顏色。

1. 到這個網站http://apps.eky.hk/css-triangle-generator/zh-hant，

2. 在依自己的需求做調整，

右上角會顯示調整後所呈現的形狀、顏色；

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

圓角框產生器，

1. 先到這個網站http://border-radius.com/，

2. 在上、下、左、右每個框內依自己需求輸入，

輸入的時候，邊框會跟著變，

直接複製裡面的語法到CSS內即可。 

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

Bootstrap網站內有很多的UI可以拿來使用，

現在要介紹的是Bootstrap內其中之一的「圖片左右輪播」，

會自動播放圖片，

也可以自己左右選換圖片。

首先，要先載入Bootstrap：

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

先到google map，

１．到左上方輸入想要嵌入的地點

２．點選左上方的選單

３．選擇「分享或嵌入地圖」

４．在選取嵌入地圖，複製連結

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

此篇要介紹的是<Video>這個標籤，

但並非所有的瀏覽器都支援，

因此在製作原始檔時，

需要製作多種格式的影片檔，

才不會發生無法播放的問題。

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()

有寫過左右輪播的文章，

接下來要寫左右輪播時，

如何在圖片上放文字和文字背景呢？

一樣要先載入Slick、JQuery：

<link rel="stylesheet" type="text/css" href="js/slick/slick/slick.css"/>

(繼續閱讀...)

Ｃarol 發表在 痞客邦 留言(0) 人氣()