表達它

用我有限的技能與工具，如Photoshop和Illustrator集，我可以坦率地承認，我是個更好的開發人員比我一個設計師。 但我的背景與核心（服務器端）的Java / PHP / COBOL的發展，一直是我的UI開發能力非常積極的影響。 我的意思是，同時創造了我的設計，即每當我做設計，我認為設計如何可以最好轉換成HTML的CSS，而這樣做的HTML CSS，我給後端技術有關的思想和合理確定可以輕鬆實現的HTML成XSL循環或PHP的片段等。

多年來，我一直扔在設計UI設計師，誰可能不有一個線索，HTML或CSS是什麼頭。 這些年來我一直在想，我會要求太多，如果我只是希望設計師，誰是試圖shov他的“不可能的代碼”設計我的喉嚨，只是一點點理解他的設計將被轉換成。 這將有助於對不對？

然後，我遇到了這個職位今天的網頁設計師不能代碼 ...感謝主！ 我只是許多有同樣的感覺的人之一......上述artitle是位長篇大論...... 但值得一讀，它的每一句話。

感謝埃利奧特傑伊股票......我就放心了！

下面是一些摘錄從Elliots文章 。

哇，這一天！ 它始於一個小鳴叫，似乎席捲了整個網頁設計社區討論結束。 它似乎有一些非常強大的網頁設計師是否應該能夠代碼的問題上所持的觀點。
...
所以，在我們得到這個，讓我快速回顧一下，我今天上午在Twitter說：

老實說，我感到震驚，在2010年，我還是跨越未來“網頁設計師”，誰也不能編寫自己的設計。 沒有任何藉口。

...我應該已經多了幾分具體在我的鳴叫。 我談論沒有連最基本的HTML和CSS技巧實際現場變成一個平面設計的設計師。 沒有的人不是故意選擇的代碼，那些不能。 和我也談到這裡只有前端代碼，當然這很荒謬，認為設計師也應該是驚人的後端程序員...

我們得到的“網頁設計”在Illustrator中，300dpi的發送，不可能代碼，沒有一致性/可用性。
~~艾米馬洪

它已經晚了，我有這某種程度上包裝。 我知道會有許多人同意我的看法，我的意思是不是得罪或擾亂任何人不能代碼，但我希望，我所說的一些反映一些點，總是拿出鑽研時本次辯論。

在一天結束時，我沒有失去過誰可以編寫，誰不能睡覺。 我只是真正驚訝地發現，這麼多的設計師缺乏前端的技能，因為我認為這是過去的事情了。

也可以參考的意見，有大約320評論，我寫了......他們都是值得一讀。
請在這裡讀Elliots滿後.. 人可以沒有代碼的網頁設計師

• 文檔類型聲明需要目前是在一個文件，使用HTML語法開始。 它可以選擇性地使用在XHTML語法，但它不是必需的。 XHTML文檔並不需要包括DOCTYPE因為XHTML文檔交付正確使用XML MIME類型的瀏覽器，並為XML處理，始終沒有怪癖模式中呈現。

• 在XHTML中，標籤名稱是大小寫敏感的，通常被定義寫在小寫。 然而，在HTML中，標記名是大小寫敏感的，可寫在全部大寫或大小寫混合，雖然最常見的慣例，是要堅持用小寫。 開始和結束標記的情況不相同，但一致不使代碼看起來更整潔。

使用HTML的優點

• 向後兼容現有的瀏覽器
• 著者已經熟悉的語法
• 寬鬆和寬容的語法意味著將不會有用戶敵對黃屏 “ 死亡 “，如果一個錯誤不慎滑倒通過
• 方便的速記語法，例如，作者可以省略一些標籤和屬性值

使用XHTML的好處

• 嚴格的XML語法鼓勵作者寫形成的標記，可能會發現一些易於維護
• 直接集成與其他XML詞彙，如SVG和MathML
• 允許使用的XML處理，其中一些作者，編輯和/或出版過程的一部分使用

昨天，在谷歌瀏覽器的CSS重置遇到的問題，我......我想挖成用戶代理樣式表領域的深一點......
發現CSS2.1的用戶代理樣式表（對於那些不知道什麼是“用戶代理樣式表”按照默認值表什麼是用戶代理樣式表（規範） 。

對於CSS 2.1的用戶代理樣式表默認的完整列表， 請點擊這裡

昨天，像所有其他的“土撥鼠日”，我是工作在一些CSS /無表格佈局。 所有在IE 7，FF 3和Chrome，直到突然，我看到一些聯合國忽略利潤率僅在谷歌Chrome。 雖然很奇怪，武俠，這是一些新的bug /問題我來到accross，終於有一些我的平凡工作中的香料。 悲傷（但很好）有固定探頭幾分鐘內...

基本上，它看起來像谷歌Chrome忽略我的CSS復位（利用margin：0px）。 它實際上是由於用戶代理樣式表（-webkit的填充啟動：40px）。 因此，解決辦法是復位設置填充樣式：0，行為不端的元素。
發生的任何元素，以防止這個問題的一個好方法是使用如下一個全球性的CSS休息

* {保證金：0;填充：0;}

什麼是用戶代理樣式表（規格）？
以下摘錄取自http://meiert.com/en/blog/20070922/user-agent-style-sheets/ ，後續環節，讀取用戶代理樣式表的更多信息

的CSS介紹說，每個用戶代理（UA，往往是一個'網頁瀏覽器“或”Web客戶端“）將有一個默認的樣式表，提出在一個合理的文件的想法 - 但可以說是平凡 - 方式。 CSS 2的表示，符合用戶代理必須申請1默認樣式表的行為好像他們做的和，1用戶代理的默認樣式表應該呈現方式，滿足文檔語言的一般介紹期望文檔語言的元素;的CSS三是可能是相同的想法。

由於CSS規範離開它是否使用默認顯示一個“真實”的樣式表或不實現，它不令人吃驚的是，你不覺得在每一個瀏覽器的安裝文件夾的默認樣式表。 微軟的Internet Explorer以及歌劇不同，例如（據我所知），Gecko的瀏覽器如Firefox和Netscape Navigator的（看“html.css”），但也Konqueror的，而簡單地理解他們的默認樣式。

另一個老同學內存的補充...

為什麼我們能夠windos.status？
JavaScript的可能是一場噩夢，當你有什麼調試。 火狐確實有一些方便的插件，像Firebug的多數民眾贊成容易，使我們的生活，另外，在Javascript中最流行 ​​的調試技術的表決必須走“ 戒備（）”。 anywaz！ 有少數情況下，當添加警示不調試不當行為的Javascript只是不是個好主意。 例如！ 你有dragble項目需要提醒的位置...... 不，不！ 不要做了！ ......你會得到無限的警報或你慣於能夠實際drap您dragable的。 好吧！ 有更良好的情況下，你可能寫出調試狀態欄文本，更usful ......相信我！ 及其經驗！

IE默認情況下，離開了你寫的瀏覽器狀態欄，使用語法“window.status ='調試'的東西 ”，但Firefox不會。 因此，為了使Windows狀態的變化，你可以做以下任。

打開約：瀏覽器（輸入“about：config中配置 ”到地址欄）和搜索
DOM。disable_window_status_change， 改變它為 false ...只需點擊進入切 ​​換其狀態。

或另外

“ 工具→選項→內容→啟用JavaScript /高級→更改狀態欄文本 ”

還要注意...寫在JavaScript的狀態欄，IE是剛剛確定的，如果你使用一個簡短的語法，即狀態='一些調試文本“，但在Firefox中，你必須使用完整的語法，即window.status ='一些調試“

谷歌開始一個動作提示人們傾倒的IE6與彈出頁面加載竊聽IE6的用戶... ...可能不是一個很好的主意......但UI開發人員，我要加入這個樂隊馬車......少了一個瀏覽器為我擔心......對不起，這是自私的！ 但我這個JavaScript ...（嘗試在IE6此頁）...
嘿！ 亮......看到它是一個展示的 JavaScript的力量 ...... 它甚至可以帶來一個巨大的（或曾經是）

所以...幫助擺脫一行的JavaScript IE6的世界！

http://code.google.com/p/sevenup/

我很高興在我的博客的頁面訪問量越來越多，我幾乎每天都檢查我的Google Analytics（分析）。 我注意到，我的博客被稱為在許多其他語言的網站和世界各地的人們。 真高興！！
為了讓生活有點為我的非英語觀眾船容易，我添加一個Google控件/插件被稱為“全球翻譯”。

全球的翻譯說：“在41種不同的語言自動翻譯博客，包裝四個不同的在線翻譯引擎（谷歌翻譯引擎，Babelfish翻譯引擎，FreeTranslations.com，Promt）”...... 如果你想將它添加到自己的WordPress安裝......看看這裡http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

不知道怎麼翻譯，但我衷心希望，它有助於有幾個老鄉開發商，最終達到我的博客，只有失望，它是英文......

翻譯鏈接在側欄的底部....

下面，我有挖，因為情況commaned它的另一個小的Javascript弄虛作假的peice。 在我的網站之一，我有這種情況，在那裡我有兩次實施“windows.onload”。 將來到像我這樣的經驗的心（我必須誠實地說，因為我一直在使用JavaScript框架和圖書館，我福爾戈我自己...傷心，但真正做簡單的事情）的第一件事，就是下面的方法...

的window.onload = onloadfn1;
的window.onload = onloadfn2;
的window.onload = onloadfn3;
等等......

抱歉地說，但是，這不會工作，不想討論太多的Javascript執行科學......但根據我最近的經驗，只有最後一個函數（onloadfn3）會生病實際上得到執行。

在正常情況下，與礦（後來，我談一點），你可以做下列之一執行複式的onload函數....

或類似這樣的東西

函數doOnLoad（）{
         onloadfn1（）;
         onloadfn2（）;
         onloadfn3（）;
 }
的window.onload = doOnLoad;

對於我目前的狀況，我不能使用上述...
為什麼我需要調用windows.onload兩次，而不是在一個單一的onload函數調用兩個函數？ 這裡是快看看我的問題陳述...

“我的網站頁面結構像WordPress主題.... 即有一個共同的header.php文件，包括Footer.php獲取到所有的網站頁面。 那裡是中Footer.php的onload的功能implementaion做一些常見的onload函數。 有幾頁，需要自己的OnLoad的東西，除了共同onload函數所做的。 如果我給回調函數直接在window.onload處理程序，它會隨著騎在Footer.php以前分配的回調“

.... 是我的問題的理解 ？

好吧！ 有幾個解決方案，我沒有找到。 他們都非常相似，主要由西蒙·威利森（給出一個解決方案implementions http://simonwillison.net/2004/May/26/addLoadEvent/ ）...

解決方案：

只是這段JavaScript代碼添加到網站...

功能addLoadEvent（FUNC）{
     oldonload = window.onload的;
     （typeof運算的window.onload ='功能'）{
       的window.onload =功能
     }否則{
        =（）{
            （oldonload）{
                   oldonload（）
           }
          函數（）
        }
    }
 }

並調用，而不是通常“windows.onload”

 addLoadEvent（FunctionToRunOnPageLoad）;
 addLoadEvent（函數（）{
 / *更多的代碼運行在頁面加載*
 }）; 

這個代碼片斷的優勢...
1。 首先，它可以讓你有多個windows.onload事件，呼籲從你的代碼的單獨部分，不overridding以前的定義
2。 這實在是不顯眼的。 它可以被放置在與其它腳本文件中或在一個單獨的文件。
3。 它的工作原理window.onload的，即使已經設置。

我想這將是一個塗鴉在谷歌找到的，因為很多我們的用戶界面和腳本作家需要做一天一天的基礎上，這是包括成PHP代碼片段（PHP）的peice位Smarty模板（TPL）。 我意識到你的查詢，更容易/流行，更是難以找到確切的答案......一百萬的搜索結果，但其中大多數是本文以後稱作“文件”，包括在Smarty ...具有以下語法

{包括文件=“/ header.php文件”}

這實際上inlcuded罰款，但作為文本文件，我想要的是包含文件的結果。（注意：上述用於在一個模板文件包括模板）。 最後一點persiverance .... 我迷迷糊糊......整個略為修改語法，這是對我的要求的答复，所以這裡是......如果你沒有帶發現了一個已經

{include_php文件=“/ header.php文件”}

這個問題前幾次，穿過我的腦海裡，當我在地盤工作早過，使用WordPress的顯示博客或一種新的內容，在某些部分在PHP和WordPress的網站/ portal.Being的新手，我一直procastinating它，心想：“這不是我蛋糕peice”。 終於來了！ 這一要求是高達我的鼻子，啟動時陷周圍的解決方案位。
我驚訝地發現，它真的是比我還以為是WordPress的供電部分以外的任何其他頁面上，顯示一個標題列表或最新的職位，只用點點的PHP和WordPress的API 。

這裡是做什麼： -
對於原因的解釋，假設您的網站是http://www.inchembur.com/您對本網站的消息的部分http://news.inchembur.com/ （運行WordPress的）。 現在的要求是，以顯示從主站點的首頁上最新職位http://news.inchembur.com/ ，即http://www.inchembur.com/index.php

第一步：在您的index.php添加下面的代碼peice，包括WordPress的API文件。 您可以添加到您希望您的文章出現在頁面的頂部。

<？PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme 定義 “WP_USE_THEMES”（ 假 ）; /的/ Disbable使用WordPress主題
要求（'的/ var / news.inchembur.com / WP博客的header.php“）; / /包括WordPress的API
; // Get Latest Post query_posts（'showposts = 1'）; / /獲取最新發表的文章
？>

在包括上述peice，我們得到只有單一的最近期的職位。 如果你想嘗試更多的變化隨時挖成， query_posts()文檔 。

第2步：現在，在您要顯示從最新的WordPress的職位索引/主頁的一部分http://news.inchembur.com ，使用下面的代碼。 不用說，感覺免費廣告造型部門，跨度和您的設計需要為每類。

第三步：有沒有第三步......那......你做！

如何顯示一個特定的職位/頁，而不是最新帖子： -
這可以很容易地通過改變參數query_posts() achived query_posts()頁ID或頁面塞

) ; query_posts（'page_id = 7'）;
) ; query_posts（'頁面名稱=約“）;

或可以控制的職位數目：
) ; query_posts（showposts = 3）;