iT邦幫忙

前端相關文章
共有 179 則文章

徵才 [百萬年薪!] Sr. Frontend Developer

Responsibilities: Quick prototyping web content including working with DESIGN T...

鐵人賽 影片教學 DAY 29

技術 金魚都能懂網頁設計入門 : JQuery動畫(鐵人賽第二十九天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 影片中提到的動畫類型有哪些 動畫的原理是利用什麼原理 如何利用一個...

鐵人賽 影片教學 DAY 28

技術 金魚都能懂網頁設計入門 : JQuery CSS控制(鐵人賽第二十八天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 我們可以利用CSS來做些甚麼 CSS可樂的網站/頻道/訂閱 CS...

鐵人賽 Modern Web DAY 26
Think in GraphQL 系列 第 26

技術 GraphQL 前端: Apollo Client 攜手 React 擁抱 GraphQL

我們今天要來介紹 Apollo Client ,這個套件是目前 GraphQL + React 最有名的套件之ㄧ,而且可以支援其他框架。 今天會簡單介紹如何設...

鐵人賽 影片教學 DAY 24

技術 金魚都能懂網頁設計入門 : Bootstrap入門(鐵人賽第二十四天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 定寬容器與滿版容器 裝置尺寸代號有哪些 預設欄數是多少 預設佔欄數...

徵才 傑富資訊 ◆ 徵的就是你

【專注研發,追求創新】 我們是一群致力於遊戲軟體開發, 流著年輕活力血液的創新團隊, 公司目前北中南據點持續擴大業務中! 如果您也喜歡在Code世界中徜徉、對美...

鐵人賽 自我挑戰組 DAY 21

技術 Day21 實作一個簡單的 Todolist (上)

第一個入門 JS 的實作學習目標 身爲 JS 剛入門的新手,把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...

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

技術 AMP(Lession 30) - 結語

結語 耳邊又傳來 陣陣催促的聲音 你今天富奸了嗎 AMP 資源 其實還有好多 AMP 的東西沒說,像是跨網址處理的amp-cors-requests; Goog...

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

技術 AMP(Lession 29) - 視覺效果的集合

視覺效果的集合 amp-fx-collection 能幫我實現,所有的願望(誇張了) 今天要講的 amp-fx-collection 可以幫我們在 AMP 的世...

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

技術 AMP(Lession 28) - 視覺上呈現出飛毯效果

視覺上呈現出飛毯效果 文字上難以說明,我們直接來看這兒的範例吧!! 從這個範例,我們可以看到使用 amp-fx-flying-carpet 這個 compone...

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

技術 AMP(Lession 27) - sidebar 的設定

sidebar 的設定 在手機網站上,常常會有把頁面選項放在 sidebar 中的狀況;就像下圖這樣: 按了某個按鈕,才會出現 Required Script...

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

技術 AMP(Lession 26) - Google VR 圖片

Google VR 圖片 接下來在 AMP 的世界裡玩玩 VR image 吧!這是個 AMP 試驗中的功能,我們先來看看這兒的範例吧! 基本範例 <a...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 CSS position之想去哪就去哪

瞭解 position 設定,讓網頁元素想去哪裡就去哪裡 在網頁排版設計中,並不是所有元素都會依照水平及垂直的一定流向排列,有時其中一個元素需偏向某一個方向,或...

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

技術 AMP(Lession 25) - 用 position observer 實現 scrolling 頁面時的一些互動效果

用 position observer 實現 scrolling 頁面時的一些互動效果 在 amp 的世界裡,我們可以可以利用 scrolling 時做些事唷!...

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

技術 AMP(Lession 24) - AMP 中的 iframe

AMP 中的 iframe 使用 amp-iframe 之前,有個極為重要的觀念一定要知道! amp-iframe 絕對不能主要用在顯示廣告上(請使用 amp-...

鐵人賽 自我挑戰組 DAY 9

技術 DAY09: 圖解 HTTP Chapter06 HTTP 首部 筆記精要(上)

HTTP 訊息的 header HTTP 協議的請求和回應一定含有 http header,客戶端和伺服端的 header 內容,針對處理請求和回應有所不同。請...

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

技術 AMP(Lession 23) - 播放Youtube影片

播放Youtube影片 Youtube 當機 網友:世界末日! Youtube太重要了,現在我們來看看在 AMP 的世界裡, Youtube 又該如何引用吧!...

鐵人賽 自我挑戰組 DAY 8

技術 Day08:圖解 HTTP Chapter05 與 HTTP 協作的網頁伺服器 筆記精要

用單台虛擬主機實作多個域名 HTTP / 1.1 開始允許一台伺服器可以建立多個網頁站點。例如:提供網頁寄存服務的公司可以用一台伺服器幫多個客戶服務,以每個客戶...

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

技術 AMP(Lession 22) - 影片播放

影片播放 說著說著,我們來看看影片在 amp 的世界裡是如何被使用的吧 Required Script <script async custom-elem...

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

技術 AMP(Lession 21) - 在 AMP 頁面裡獲取數據 〈Access Trigger 篇〉

在 AMP 頁面裡獲取數據 〈Access Trigger 篇〉 設定範例 上一篇的文章裡,我們有提到 amp-analytics 中的 Access Trig...

鐵人賽 自我挑戰組 DAY 6

技術 Day06:圖解 HTTP Chapter01 了解 Web 及網路基礎 筆記精要

使用 HTTP 協議訪問 Web 當在網頁瀏覽器輸入網址之後,瀏覽器會向伺服器請求該網址的資源,並顯示網頁。發送請求取得伺服器資料的網頁瀏覽器,都可以稱為客戶端...

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

技術 AMP(Lession 20) - 在 AMP 頁面裡獲取數據 〈Page View 與 Event Tracking 篇〉

在 AMP 頁面裡獲取數據 〈Page View 與 Event Tracking 篇〉 釐清 Page View 與 Event Tracking Page...

鐵人賽 自我挑戰組 DAY 5

技術 Day05:JavaScript 設計模式 心得

讀書完成進度:75% 推薦程度:★★★★☆ 優點: 程式碼解釋白話 步驟詳細 模式優劣分析 缺點: 使用版本過於老舊(2012年出版) 整體上...

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

技術 AMP(Lession 19) - 在 AMP 頁面裡獲取數據 〈基本觀念篇〉

在 AMP 頁面裡獲取數據 〈基本觀念篇〉 如果你想要觀察 user 在網頁的一些數據,你要怎麼做呢?在 AMP 的世界裡,我們可以使用 amp-pixel 與...

鐵人賽 自我挑戰組 DAY 4

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

立即函式 此模式本質上是一個函數表示式,並在定義後立刻執行。 立即函式由下面部分所組成: 用函式表示式定義函式 在函式最後加上括號,這樣會讓函式立刻執行 整...

鐵人賽 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

技術 【前端書蟲日誌】 序

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