摘要:切圖仔的一點工作經驗磨刀不誤砍柴功一個趁手的編輯器比如自己調教好的或如,可以極大的提高自己的工作效率。如果美工做圖的時候能把什么命名字體行距內外邊距標注清楚,能省切圖仔多少事編寫先創建好模板,常用的標簽重置這些先帶上。
blog
切圖仔的一點工作經驗 0 磨刀不誤砍柴功一個趁手的編輯器(比如自己調教好的st3)或IDE(如Hbuilder、webstorm),可以極大的提高自己的工作效率。
調試功能強大、實現規范標準的瀏覽器(Chrome!)。
明確瀏覽器兼容要求,能用啥該用啥想想清楚。
一臺足夠快的電腦。
多學多做,代碼基礎扎實。
1 PSD到手之后從美工那拿到PSD文件后,先別急著敲,仔細看一遍,想想html結構該怎么建,哪些元素可以重用,一些效果該怎么實現。
2 編寫HTML如果美工做圖的時候能把什么命名字體行距內外邊距標注清楚,能省切圖仔多少事
先創建好模板,常用的meta標簽、重置css這些先帶上。
接下來寫頁面的框架,定好幾個大的區塊,往里面填具體的結構,注意結構要清晰明確語義化。
3 編寫CSS 類名我個人傾向于BEM命名法,當然,我現在水平不夠,不太純
寫css的時候,靠著IDE智能提示,那感覺,特爽!
偽元素裝飾性元素可以盡量用偽元素來實現,什么小圖標小線段序號(使用css計數器)之類的東西,可以有效減小HTML文檔的復雜度。
雜七雜八的一些技巧 高寬不定死減少計算量,方便更改
少用浮動如果不是非要兼容IE7,那使用inline-block可以替掉很多需要使用float的場景。
少用浮動,那由浮動引起的一些問題也就沒有了,像什么破壞DOM流。
必要的回退/*先寫回退,再寫高級樣式*/ background-color: #fff; background-color: rgba(256, 256, 256, 0.48);使用高級選擇器
很多情況下都不用js啦!
慢慢補充 結尾文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/111679.html
摘要:切圖仔的一點工作經驗磨刀不誤砍柴功一個趁手的編輯器比如自己調教好的或如,可以極大的提高自己的工作效率。如果美工做圖的時候能把什么命名字體行距內外邊距標注清楚,能省切圖仔多少事編寫先創建好模板,常用的標簽重置這些先帶上。 blog 切圖仔的一點工作經驗 0 磨刀不誤砍柴功 一個趁手的編輯器(比如自己調教好的st3)或IDE(如Hbuilder、webstorm),可以極大的提高自己的工作...
摘要:切圖仔的小書本文陸續介紹的功能配置及一些實用場景待完善。更可貴的是配置簡單文檔豐富大大降低了學習的門檻。為什么選擇自年發布以來,一直是服務器市場的霸主。雖然發布較晚,但是卻因為在高并發下卓越的表現而迅速嶄露頭角。 切圖仔的 Nginx 小書 本文陸續介紹 Nginx 的功能、配置、及一些實用場景(待完善...)。 一、介紹 Nginx 1. Nginx 是什么? Nginx,很多工程師...
摘要:切圖仔的小書本文陸續介紹的功能配置及一些實用場景待完善。更可貴的是配置簡單文檔豐富大大降低了學習的門檻。為什么選擇自年發布以來,一直是服務器市場的霸主。雖然發布較晚,但是卻因為在高并發下卓越的表現而迅速嶄露頭角。 切圖仔的 Nginx 小書 本文陸續介紹 Nginx 的功能、配置、及一些實用場景(待完善...)。 一、介紹 Nginx 1. Nginx 是什么? Nginx,很多工程師...
閱讀 3035·2023-04-25 20:09
閱讀 3318·2021-11-23 09:51
閱讀 1971·2021-11-22 15:25
閱讀 3348·2021-11-18 10:02
閱讀 2747·2021-09-27 13:56
閱讀 1304·2019-08-30 15:44
閱讀 1149·2019-08-30 13:21
閱讀 3322·2019-08-30 11:05