轉往前端的第一大關便是切版,這工藝主要由HTML5、CSS3作為底層技術,搭配切版心法,並在各家瀏覽器上呈現畫面,切版是種思維,面對更複雜的細節,要考量到變動彈性,合乎設計邏輯與使用者體驗,並且預防各種爆掉,跑版情況。本系列整理我在學習過程遇過困惑與體會,每個人或許遇到的痛點都不同,這裡就單純分享個人經驗,能提供些見解是我的榮幸,如果內容有技術上不完備之處,歡迎留言交流。
切版與CSS:打造工具箱與切版施工流程! 轉往前端的第一大關便是切版,這工藝主要由HTML5、CSS3作為底層技術,搭配切版心法,並在各家瀏覽器上呈現畫面,切版...
初入CSS,會被他豐富的屬性嚇到以為要玩記憶力大考驗,我曾經就把MDN的側欄屬性給他一個個看過(佩服自己的刻苦耐勞),後來隔天就忘了。經過幾番無功、探索與混亂...
看不懂啊 起初,跑去問問題,得到一則W3C官方規範網址,我試圖集中注意力,想要看透它,每個單字都懂意思,合在一起就看不懂了。是天書無誤,心想,規範有夠難看懂,...
當我還是個小小白時,我很困惑的就是,要怎樣問問題?不想當伸手牌,要不是在那困住很久,就是你的行為不得不就是個伸手牌,真是兩難。我突然意識到,會問問題真的好重要...
現在能借就用借的,如果沒有找到、想珍藏或很常用,會買實體書,每隔一陣子實體書會做流動,把已經不會再看的給需要的朋友或售出,售後收入再來購書,生生不息,剛剛好...
Like HTML, CSS is not a programming language. It's not a markup language either....
我曾經在不同貼文上看見CSS區分大小寫,或CSS不區分大小寫的說法,也自己試試看過,有時可以,有時不可以,所以到底是怎樣呢?讓規範幫我們解謎吧! 語法Synta...
初學時Margin、Padding傻傻分不清楚,心想反正畫面有就好了,被問了『你何時用Margin?何時用Padding?』,於是針對這個議題展開了追尋。這裡會...
某次Code Review學長對我說,你知道選擇器嗎?我說大概知道。他說你要能夠做到我指哪個你就可以選到哪個,所以他就隨意指個地方,問我『你要怎樣才能選得到?』...
偽類與偽元素,很常讓人突然想不起誰是誰?好像是雙胞胎似的。剛開始學的時候真的頭很大,後來發現這兩位很不同功能啊,也聽說,2.2版本時,他們都是(:),都只有一個...