iT邦幫忙

前端相關文章
共有 304 則文章
鐵人賽 Modern Web DAY 18
AMP 系列 第 18

技術 AMP(Lession 18) - AMP 中的 Twitter

AMP 中的 Twitter 基本範例 <amp-twitter width="375" height="472&qu...

鐵人賽 自我挑戰組 DAY 3

技術 Day03:JavaScript 設計模式 第四章函式 筆記精要(上)

接下來會學習到不同定義的函式,首先是函式表達式和函式宣告式,接著看函式作用域與 hosting 如何運作。 背景 JavaScript 有兩個主要特色: 函式...

鐵人賽 Modern Web DAY 17
AMP 系列 第 17

技術 AMP(Lession 17) - AMP 中的 Instagram

AMP 中的 Instagram 基本結構 <amp-instagram data-shortcode="fBwFP"...

鐵人賽 自我挑戰組 DAY 2

技術 Day2:YDKJS 第二次讀書會

本週進度: Chapter5 值 大家的三個重點: Andy: array 是被數字索引的(正如你所想的那樣),但微妙的是它們也是 Object ,可...

鐵人賽 自我挑戰組 DAY 1

技術 【前端書蟲日誌】 序

前言 在這個三大框架鼎立,線上課程滿地花開,大家都是前端工程師的時代,要如何把程度的分水嶺破開,就是讓自己到達另外一個境界,會想開這個主題是想再根深蒂固前端的基...

鐵人賽 Modern Web DAY 16
AMP 系列 第 16

技術 AMP(Lession 16) - Facebook Comment 嵌入留言

Facebook Comment 嵌入留言 基本語法 <amp-facebook-comments width=486 height=657 l...

鐵人賽 Modern Web DAY 15
AMP 系列 第 15

技術 AMP(Lession 15) - Facebook Like

Facebook Like 基本 code <amp-facebook-like width=90 height=20 layout="...

鐵人賽 Modern Web DAY 14
AMP 系列 第 14

技術 AMP(Lession 14) - Facebook 的粉絲專頁外掛程式

Facebook 的粉絲專頁外掛程式 方便您在自己的網站上內嵌和推廣任何公開的 Facebook 粉絲專頁。user 不用離開網站,便可對粉絲專頁按讚和分享。...

鐵人賽 Modern Web DAY 13
AMP 系列 第 13

技術 AMP(Lession 13) - Facebook 的 發文、影片、留言〈資料 href 篇〉

Facebook 的 發文、影片、留言〈資料 href 篇〉 在提到了如何使用 amp-facebook 之後,我們來學學如何找到 data-href 這個的...

鐵人賽 Modern Web DAY 12
AMP 系列 第 12

技術 AMP(Lession 12) - Facebook 的 發文、影片、留言〈基礎篇〉

Facebook 的 貼文、影片、留言〈基礎篇〉 不知不覺間, Facebook 成為了不少大眾的入口社群網站,隨之而來,也有不少的網站內容用到 Faceboo...

鐵人賽 Modern Web DAY 11
AMP 系列 第 11

技術 AMP(Lession 11) - 時間轉換 timeago

時間轉換 timeago 不知道 timeago 的請去這兒瞭解一下, amp-timeago 就是以這個套件為基礎的 基本範例 <amp-timeago...

鐵人賽 Modern Web DAY 10
AMP 系列 第 10

技術 AMP(Lession 10) - 收合區域

收合區域 - amp-accordion 如下圖所示: 如手風琴(accordion)一般,開合以顯示內容 Required Script <scrip...

鐵人賽 Modern Web DAY 9
AMP 系列 第 9

技術 AMP(Lession 9) - AMP中使用Lightbox

AMP中使用Lightbox 在上一篇文章我們有點到 lightbox ,現在我們就來講講 lightbox 吧! 在 AMP 中有2個套件具有 lightbo...

鐵人賽 Modern Web DAY 8
AMP 系列 第 8

技術 AMP(Lession 8) - carousel輪播圖片〈進階篇〉

carousel輪播圖片〈進階篇〉 為 amp-carousel 設定 id 後跳轉圖片 透過 <amp-carousel> 給定 id 值;例:...

鐵人賽 Modern Web DAY 7
AMP 系列 第 7

技術 AMP(Lession 7) - carousel 輪播圖片〈基礎篇〉

carousel輪播圖片〈基礎篇〉 這類的 component ,常見的部分會有: 多張圖片 左右點選前後張照片 點選縮圖或文字,跳至指定的第n張照片 說明文...

鐵人賽 Modern Web DAY 6
AMP 系列 第 6

技術 AMP(Lession 6) - 使用 amp-bind 處理 view 、 data 、 user event 間的關係

使用 amp-bind 處理 view 、 data 、 user event 間的關係 相信不少人都有用過 MVP 、 MVC 、 MVVM, ... 各種架...

鐵人賽 Modern Web DAY 5
AMP 系列 第 5

技術 AMP(Lession 5) - 依區塊而改變文字大小 amp-fit-text

依區塊而改變文字大小的 amp-fix-text 支援的 layout 值 可使用在具有 display: block 與 display: inlline-b...

鐵人賽 Modern Web DAY 4
AMP 系列 第 4

技術 AMP(Lession 4) - 字型

AMP 中設定字型 誠如前面所說的, AMP 並不希望引入外部的檔案。可是…預設的字體就是不得人疼,我就是要另外載入別的字體呀!! 怎麼辦呢?! 有2種方法 方...

鐵人賽 Modern Web DAY 3
AMP 系列 第 3

技術 AMP(Lession 3) - 使用AMP做RWD

使用AMP做RWD RWD 在現如今的網站,可以說是必備設定了。這兒要注意一點:平日裡我們是用 css 在做 RWD 的設定,但在 AMP 的世界裡,並不是這樣...

鐵人賽 Modern Web DAY 2
AMP 系列 第 2

技術 AMP(Lession 2) - AMP網頁中的Schema

AMP網頁中的Schema 為何需要寫 schema 呢?當我們千辛萬苦寫了個頁面出來,自然是希望能讓廣大的user看到。所以請使用Schema.org來面對大...

鐵人賽 Modern Web DAY 1
AMP 系列 第 1

技術 AMP(Lession 1) - 初步了解AMP

初步了解AMP 什麼是 AMP ? Accelerated Mobile Pages Google團隊為了讓手機頁面能快速被讀取,而採取的技術 為網站另做個ca...

徵才 「傑富資訊」專注研發! 持續擴大招募中(職缺多多)!

●公司簡介 【專注研發,追求創新】 我們是一群致力於遊戲軟體開發,流著年輕活力血液的創新團隊,傑富資訊總部坐落於台中市北屯區,公園綠景與風格建築比鄰而居,星巴克...

徵才 「傑富資訊」專注研發! 持續擴大招募中!

◆公司簡介 【專注研發,追求創新】 我們是一群致力於遊戲軟體開發,流著年輕活力血液的創新團隊,傑富資訊總部坐落於台中市北屯區,公園綠景與風格建築比鄰而居,星巴克...

鐵人賽 Modern Web DAY 30
菜菜菜的前端學習日誌 系列 第 30

技術 簡單的視差滾動

菜菜菜的前端學習日誌 - Day30 最後一天 終於到了最後一天了,但是還是不能鬆懈呀 所以趕緊來發最後一篇文了 簡易視差滾動 今天最後一天了就來顧一下大家的眼...

技術 怎麼把「滾動條」隱藏?

問題釐清 什麼是「滾動條」? 滾動條指的是下圖右側被紅線框起來的部分: 只要網頁內容大於視窗,滾動條就會出現。 一般來說,只要不是body層次的滾動條,那用o...

鐵人賽 Modern Web DAY 29
菜鳥前端奮鬥史(欸? 系列 第 29

技術 Day29 「即將步入尾聲」 ─ 菜鳥的前端學習資源大公開!

今天不寫 code ,來分享那些小菜鳥當初學習的資源吧! 關於線上課程 使用 HTML、CSS 開發一個網站 六角學院於 Udemy 上推出的第一門課 課...

鐵人賽 Modern Web DAY 29
菜菜菜的前端學習日誌 系列 第 29

技術 剪裁效果

菜菜菜的前端學習日誌 - Day29 剪裁 今天要講的是最近剛學到的效果 “剪裁” 因為要製作一個效果是像這樣 這個logo上像是有一條光閃過去 一直在想一直...

鐵人賽 Modern Web DAY 28
菜菜菜的前端學習日誌 系列 第 28

技術 追逐老鼠的影子

菜菜菜的前端學習日誌 - Day28 蝦毀 今天要說的是 追逐老鼠的影子!!! 哈哈哈~是不是覺得我在工尛 其實就是要做出隨著滑鼠游標移動的文字陰影效果 它的效...

鐵人賽 Modern Web DAY 27
菜菜菜的前端學習日誌 系列 第 27

技術 jQuery 好玩的捲軸收合效果

菜菜菜的前端學習日誌 - Day27 動畫特效 昨天用了一些簡單的語法做了一個待辦事項清單(To Do List) 而 jQuery 因為能夠很容易地去操作 D...

鐵人賽 Modern Web DAY 26
菜菜菜的前端學習日誌 系列 第 26

技術 jQuery 簡單To Do List

菜菜菜的前端學習日誌 - Day26 To Do List 前2天介紹了一些基本的語法 今天就透過之前學到的那些語法來時做一個簡單的 To Do List 吧...