技術 #38 CSS background 組合技：多重背景、背景位置、簡易視差滾動 (iOS 不支援)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會 C...

技術 [快速入門前端 24] CSS 常見屬性(4) 背景和滑鼠動態屬性

背景 我們之前介紹 CSS 顏色時有說過 background-color 可以指定元素的背景顏色，但其實在背景中除了顏色外我們還能做更多變化，下面就讓我們花點...

技術 [Linux] 讓程式在背景執行

訂閱patreon即可看到更多文章 https://www.patreon.com/wade3c 會員文章列表 https://coda.io/d/YT-c...

技術 【學習筆記-CSS】background 各屬性

CSS-background各屬性 共用的css 寫在最上面 body { margin: 0; box-sizing: bor...

技術 Day 25 | 變換背景 - Pure CSS

今天來分享一下 hover 物件時更換背景顏色的方法，我是看到這個 Youtube 影片，但我的寫法跟他的沒有完全一樣，可以兩邊都看看比較一下，當然也有不同種寫...

技術 Day 06 | 就是那麼有層次 - 多重背景

今天要來講 金魚都能懂的這個網頁畫面怎麼切: No.001 - 圖文滿版區塊 未來的程式碼範例，前面都會有一個 css reset * { margin:...

技術 旅館預約服務練習紀錄-首頁練習

前言 這次找了 The F2E 前端修練時光屋 的稿件，找到了這份稿件(如果您有興趣，可以再找自己喜歡的設計稿來練功)。 其實原本滿逃避面對這件事情，因為對於...

技術 [Day30] 程式學習步驟與資源推薦

學習資源 終於來到最後的第三十天了（撒花～這一段痛苦但又充滿使命感的旅程終於到最後一個回合了。今天會介紹大家學習的推薦步驟，以及分享一些不錯的學習資源。 Ste...

技術 Secret 8: 不間斷的圖片邊界

有時我們想在邊界而不是背景裡放圖片或是圖案以美化border。而且圖案會填滿整個容器，隨著容器改變尺寸但是比例維持不變，如同backgroud-size: co...

技術 Secret 7:（偽）隨機背景圖案

在自然界完美重複的圖案根本是不存在，即使是同一品種的花，一定會有少許差異，沒有二朵花是完全一模一樣。 再看一下前面我們做的練習，一模一樣的圖案有規律的重複，不管...

技術 Secret 3: 靈活的背景定位

背景裡如果有單一圖片或是標誌時，我們常常會要固定放在背景的某個角落，此時需要用到background-position 去指定背景圖的位置。 backgroun...

技術 前端新手村 都市傳說之body範圍

「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

技術 Day09 : 切版(一) _ 基礎架構2 ＆ 圖片的顯示方法

昨日回顧點我 那這兩天我們就把選單跟內容的部分都放進去，過幾天開始寫細部的樣式那為什麼要這麼做呢？因為我不想一次講太多css的屬性造成吸收不良XD 左側選單...

技術 redis 應用：resque 的基本使用

比較一下，有用背景工作跟沒有背景工作的差別。 在 RailCasts 的這篇 #271 Resque， 是非常簡潔的 resque 影音教學， 本篇也將利用 h...

技術 redis 應用：在 sinatra 建立 resque Server

resque 是利用 redis 建立了背景工作的機制。 網頁的回應時間有一定的限制， 如果同時需要一些動作， 像存取另個網站的內容， 或者要送出信件， 往往需...