前端開發技巧生活。
以下的文章,我讀了關於前端開發人員和編碼實踐的博客和以為我會傳遞給它。 它是由Doug Neiner,在編輯器燃料編碼是像素圖形設計工作室總裁。 他是沉迷於新技術,特別愛消費與 WordPress,紅寶石 on Rails和jQuery的時間。
以下是一個系列的10件事情要記住每個網站開發項目實踐。 我所列舉的重要性順序,這裡的許多步驟上相互建立。 如果你沒有別的遠離閱讀,請採取規則#1和#2,心臟和實踐。 我認為解決這兩個問題會導致更好的設計和在互聯網上更好地實施在網站。
1。 充電不夠,然後有些
特別是在經濟困難時期,企業和個人都在試圖削減成本,並保持項目降到了最低。 由於這方面的知識,我們嘗試為 Web開發人員盡可能快地通過每個階段。 然而,前端開發需要一個相當長的時間,如果處理得當。 當時沒有充分充電,導致我們作為開發商跳過我們知道的東西是重要的,只是為了保持在預算範圍內的項目。 規則很簡單 ... ...你通常不會花時間把事情做對,如果你沒有及時採取。 只有這樣,才能得到更多的“時間”作為一名開發人員,保證時間,我們花適當的補償。 僅在這一點上,我們的心中可以完全插入到我們的項目 ... ...只有這樣,我們的時間,按照其餘 9規則。
2。 教育設計師
對於那些一個所有功能於一身的設計師 /開發機器,這個應該很容易。 然而,程序員或一個設計師有一個獨特的責任。 由於許多設計師從打印背景,它是你的開發人員,教育他們提供給他們的設計的可能性。 沒有 ... ...我沒有說讓他們了解150多個 jQuery插件使用,或使用VS系列的一個標籤的UL /李組合您的想法。 我說,教育他們的可能性。 幫助他們了解他們的設計可能會在不同的設備上顯示。 幫助他們了解如何利用重複的背景和平鋪模式,實現偉大的設計,以最小的文件大小。
不要離開僅設計師的創造力! 這是你的機會來證明你找到完美的技術解決方案,以滿足設計師的需求,以及創意。 告訴他們“只是不這樣做”為每一個請求,就是一個最好方法,導致雙方的挫折。 把你的思想工作,發現周圍的障礙的途徑。
注:規則3到10,建立了前兩個規則 。 以下的一些規則需要額外的圖形設計師,和所有的規則都需要時間來遵循。 設為規則1和2的承諾,其餘規則將意識,使您的成品好得多。
3。 想想層中,沒有在片
即使在今天,我們仍然使用的短語“剪設計”來形容Illustrator或Photoshop從設計到完成的HTML / CSS佈局的過程。 雖然這在很大程度上仍是準確的,它的名字掩蓋前,成片的切片設計和重組上的HTML頁面(通常是在一個表)的概念。
這是舊的Web。 新的Web使用分層的概念,堆疊,和z - index進行深入實現設計。 作為一個編碼器,可以肯定的,從與一個平面設計設計師 PSD分層文件或分層 AI文件。 這將允許您更靈活地在一個網站,你如何放在一起。 請記住,在工作層時,考慮結構是必不可少的,先禮後增加額外的div,跨越的HTML元素。 您可以使用上的重複的垂直html HTML元素,並重複上body的背景身體沒有帶來div#wrapper DIV#包裝在解決你的背景困境。















































