會了基礎的html和css後，再來認識Bootstrap，讓很多東西都不用再自己造輪子！ Navbar導覽列 <!-- .navbar-expand-{...
相關文章 Day09 : 切版(一) _ 基礎架構2 ＆ 圖片的顯示方法 Day10 : 切版(一) _ 基礎架構3 : 區塊分割 Day11 :...
樂樂
‧
2017-12-22
昨日回顧點我 那這兩天我們就把選單跟內容的部分都放進去，過幾天開始寫細部的樣式那為什麼要這麼做呢？因為我不想一次講太多css的屬性造成吸收不良XD 左側選單...
樂樂
‧
2017-12-23
Monospace工作室最近的活動真的是越來越多了。無論是設計還是程式， 昨天參加了美工叨，說實在的，一個工程師去參加被當成美工的設計師聚會，有一點格格不入的感...
今天要來放內容區內的小區塊啦！點我回顧昨天 左邊的區塊分為兩個區塊上方：banner區塊，在banner區裡面再包一個我們網站大標的區塊下方：最新文章區塊 b...
樂樂
‧
2017-12-24
就算是切版也是很講技巧的 配圖和內文無關，只是我今天畫的萬聖應景圖而已... 前幾天的分享裡有聊到，前端的工作並不僅僅是切版而已，整個web的呈現部分都可以廣...
古人有云：「先謀定而後動，則無往而不勝」動手前，先想一想，你要切的版是什麼樣子的？ 好，那麼，假設你看了一些文件，也試著打開記事本(我一開始真的是用記事本，之後...
那今天就從我們在排版很常用到的內距 padding ＆ 外距 margin 首先從title區開始先上個設計圖的樣式那我們在title裡的大頭照是圓形的我們如果...
樂樂
‧
2017-12-25
大家好～ 我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學金魚...
大綱 昨天完成了header的下半部分，今天的任務就要來完成header的上半部分 —— Navigation bar！廢話不多說，馬上開始吧！ 數據收集 n...
「誰掌握了過去，誰就掌握了未來」 ——《1984》 既然主題和切版有關，當然要來簡單了解一下切版（黑）歷史啊 XD，認識過去的排版思維以及排版的進展（還有痛苦的...
前面完成了「Steps」區塊，今天來完成「Carousel」的區塊。 數據收集 margin-top : 96px Carousel底下Backg...
大綱 上一篇把環境都建立完成後，今天要來做客製化，但在這之前，先來說明一下為什麼要客製化，以及為什麼會把客製化放在前面。 由於這一次的挑戰是以設計師角度去做，因...
簡介 今天會講一下在設計前要怎麼建立環境，畢竟在設計前還是要先備好畫布嘛，但畫布的尺寸要怎麼挑選呢？所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...
::自介 2016 暫別在一家小公司近三年的平面設計工作，有感自己平面設計的能力再繼續做下去，自己一個人不會餓死，但養不活其他人，休息期間開始思索人生下一個工作...
彈性項目相關屬性 儘管彈性項目的對齊、順序與彈性是透過彈性容器屬性協調運作，仍可透過幾個能夠作用在個別彈性項目的屬性做更細緻的操作。 flex縮寫屬性及其...
設計大綱 一個平台要成功，當然少不了圖片/照片的介紹（很愛看圖的懶人XD），所以接下來要設計一個區塊 —— 專門輪播「使用平台的過程照片」。Bootstrap...
2-1. flex-direction屬性 flex-direction控制彈性項目排列的主要軸向，就是彈性項目的排列方向。 .flex-container...
對齊項目 align-items：定義彈性項目在彈性容器交叉軸上對齊的行為。 宣告在彈性容器，而不是彈性項目。 align-items預設值是stretc...
Day 12 - 切版基礎打底(二) : 必學CSS運用 每日一談 嗨，大家好 ! 我是阿蘇今天是Day12，我們一樣繼續談談CSS的實作運用，有哪些是必學、...
header.php <!DOCTYPE html> <html lang="en"> <head>...
設計大綱 上一集設計完header的滿版背景後，今天會設計Navigation bar。Navbar在網頁來說也是蠻重要的一個元件，通常會有LOGO、常用按鈕或...
設計大綱 今天來設計Landing page的header。這次想要做的是一個滿版的header，在header裡面會有標題、內容、以及input（提供使用者填...
大綱 要切版前當然是要先來建立環境，所以我們下一篇再來做客製化！那環境要怎麼建立？其實還蠻簡單的！只要跟著下面的步驟去做，很快就會上手啦！不過先說明一下，這篇文...
感人時刻 今天是鐵人賽30天的最後一天了，有種「嗯？30天了喔？」的奇妙感覺！畢竟已經習慣每天上來發文，也習慣隊友們每天互相提(恐)醒(嚇)發文!!! 突然有點...
前言 在開賽前，先來做個小小的自我介紹好了！目前是火箭隊的網頁設計組，加入火箭隊前有上過六角學院的UI課程（上課前完全是0基礎 ><!!!），但卻從...
大綱 前面已經把Landing Page的設計稿設計完成了，接下來要開始切版實作！但在切版前，我們需要把設計稿上的數據都先列出來，因為切版前要先做客製化的設定唷...
專案開發技巧篇(六) : 推薦實用套件 每日一談 嗨，大家好 ! 我是阿蘇今天是Day28 ，今天分享的是實用套件分享，我們可以在網路找到很多好用的套件，有很...
前面完成了「CTA」區塊，今天來完成「Footer」的區塊。 數據收集 Footer的樣式 Background-color：$Secondary...
大綱 前半段都在設計，今天開始就要進行切版了！(緊張!!!)那我們header的部分分成heroheader和navbar，今天的任務是切「Heroheader...
Hsinny
JasonYang
chibc
Lai
CSScoke
烙詩
placeholder name
Amy
阿蘇蘇
iThome鐵人賽
看影片追技術