BT ifade

Photoshop ve Illustrator gibi araçlarla benim sınırlı beceri seti ile, ben dürüst ben bir tasarımcı daha olduğunu ben daha iyi geliştirici itiraf edebilirim. Ama çekirdek ile benim arka plan (sunucu tarafı) Java / PHP / COBOL ile kalkınma, benim UI geliştirme becerileri üzerinde çok olumlu bir etkisi olmuştur. Ben tasarımları oluştururken, demek ne, ben tasarım yapmak, yani zaman, ben HTML-CSS yaparken tasarımı en iyi HTML-CSS dönüştürülebilir ve nasıl düşünmek, ben arka uç teknoloji hakkında bir fikir vermek ve makul emin olun HTML kolayca XSL döngüler veya PHP vb parçacıkları içine uygulanabilir olduğunu

Yıllar içinde, muhtemelen donot HTML ya da CSS ne bir ipucu var UI tasarımcıları tarafından tasarımları üzerine kafa atılmış. Tüm bu yıllar ben sadece benim boğazına tasarım yaptığı "kod imkansız" şov çalışıyor tasarımcı, onun tasarım dönüştürülebilir ne biraz anlamak için bekliyorsanız, ben çok fazla soran olacağını düşünüyordum içine. BU sağ yardımcı olacak?

Sonra, ben bugün bu yazı üzerinde geldi ... Web tasarımcıları kim kod olamaz ... Teşekkürler Tanrım! Sadece aynı hissedenler birçok biriyim ... Yukarıda artitle biraz uzun soluklu olduğunu .. ama okuma, Her kelimeyi değer.

Elliot Jay Hisse teşekkürler ... Ben rahatladım hissediyorum!

İşte bazı alıntılar olduğu Elliots makale .

Vay, ne güzel bir gün! Bu küçük bir tweet ile başlayan ve tüm web tasarım topluluk karşısında süpürüp gibiydi bir tartışma ile sona erdi. Bu web tasarımcıları kodu mümkün olup olmayacağını konusunda yapılan bazı çok güçlü görüşler var görünür.
...
Bu içine girmeden önce Yani, beni çabucak Twitter'da bu sabah yaptığı açıklamada, ne recap izin:

Dürüst olmak gerekirse, 2010 yılında yine kendi tasarımları kodu edemiyor 'web tasarımcıları' üzerinden geliyorum ki şok oldum. Hiçbir bahane.

... Benim tweet biraz daha spesifik olmam gerekirdi. Ben gerçek bir site içine düz bir tasarım açmak için bile en temel HTML ve CSS becerileri yok tasarımcılar bahsediyordu. Kasıtlı kodu tercih insanlar; kim yapamaz o. Ve ben de burada sadece ön uç kod bahsediyorum, tabii ki bu tasarımcıları da şaşırtıcı back-end programcılar olmalıdır düşünmek çok saçma ...

Biz kod imkansız Illustrator, 300dpi gönderilen 'web' tasarımları, hiçbir tutarlılığı / kullanılabilirlik olsun.
~ Amy Mahon

Geç oldu, ve ben bir şekilde bu kadar tamamlamayı var. Benimle aynı fikirde olan birçok olacak biliyorum ve benim niyetim kod yapamam kimseye hakaret veya üzgün değil, ama ben söylediklerinizi bazı delving her zaman gelip noktalarından bazılarını yansıtır umuyoruz Bu tartışmanın.

Günün sonunda, ben kod ve kim yapamaz kişiler üzerinde herhangi bir uyku kaybetmek istemiyorum. Ben sadece gerçekten bu geçmişe ait bir şey olduğunu düşündüm olarak, ön uç beceri eksikliği pek çok tasarımcı bulmak için şaşırıyorum.

I yazmak olarak da Yorum okuyup, yaklaşık 320 yorum vardı ... Bir okuma değer onlar.
Elliots tam yazı burada okuyun .. kodu edemiyor Web tasarımcıları

• Belge Türü Bildirimi HTML sözdizimi kullanan bir belge başında hazır bulunması gerekir. Isteğe bağlı olarak söz dizimi XHTML içinde kullanılabilmektedir, fakat zorunlu değildir. Teslim edilir XHTML belgeleri doğru bir XML MIME türünü kullanarak tarayıcıların ve XML olarak işlenir, her zaman hiçbir kültürlerinden modunda işlendiği için XHTML belge DOCTYPE dahil etmek gerekmez.

• XHTML, etiket adları küçük harf duyarlıdır ve genellikle küçük harflerle yazılmalıdır tanımlanır. HTML ise, etiket isimleri harf duyarsız ve en yaygın kongre küçük sopa ile olmasına rağmen, tüm büyük veya küçük harf karışık yazılmış olabilir. Başlangıç ​​ve bitiş etiketlerinin durumda aynı olması gerekmez, ancak tutarlı olmak kod bakmak daha temiz hale gelmez.

HTML KULLANMANIN FAYDALARI

• Mevcut tarayıcılar ile geriye dönük uyumludur
• Yazarlar sözdizimi aşina
• Hoşgörülü ve affedici sözdizimi kullanıcı-düşman "olacak demektir Ölüm Sarı Ekranı bir hata yanlışlıkla aracılığıyla sığar eğer "
• Kullanışlı kestirme sözdizimi, örneğin bazı yazarlar etiketleri ve öznitelik değerleri atlayabilirsiniz

XHTML KULLANMANIN FAYDALARI

• Sıkı XML sözdizimi yazarları bazı yazarlar, bakımı daha kolay bulabilirsiniz, hangi iyi biçimlendirilmiş biçimlendirme yazmak için teşvik
• Böyle SVG ve MathML gibi diğer XML kelime, doğrudan entegre
• Bazı yazarlar düzenleme ve / veya yayın süreçlerinin bir parçası olarak kullanmak XML İşleme kullanımı sağlar

Dün Google Chrome CSS sıfırlar karşılaşılan sorunu sonra ... Ben User Agent Style Sheets alanında biraz derinlemesine kazma düşündüm ...
CSS2.1 User Agent Style Sheets ... (ne "User Agent Style Sheets" habersiz olanlar takip etmek için varsayılan değerler üzerinde bu tablo Bulundu User Agent Style Sheets (Özellikler) nedir .

CSS 2.1 User Agent Style Sheets varsayılan tam bir listesi için buraya tıklayın

Dün, her "Ground Hog Günü" gibi bazı CSS / tablosuz düzenleri üzerinde çalışıyordu. Tüm IE 7, FF 3 ve Chrome iyi gidiyordu, untill aniden, bazı un-yoksayılabilir marjları yalnızca Google Chrome görülen gördüm. Çok garip ve worring rağmen, Ben yüceltilmesidir geldiğini bazı yeni hata / sorun oldu, benim sıradan çalışma bazı baharat nihayet vardı. Sad (ama güzel) bu sonda birkaç dakika içinde düzeltildi ...

Google Chrome, benim CSS sıfırlar (: 0px margin) ihmal gibi Temelde gibiydi. Aslında stil kullanıcı arayüzüne (-webkit-dolgu-start: 40px) neden oldu. 0 hatalı elemanları: Peki çözüm dolgu ayarlayarak bu tarz sıfırlamak oldu.
Herhangi bir elemanı oluyor bu sorunu önlemek için iyi bir yolu aşağıdaki gibi küresel bir CSS istirahat kullanmaktır

* {Margin: 0; padding: 0;}

User Agent Style Sheets (Özellikler) nedir?
Aşağıdaki alıntı alınır http://meiert.com/en/blog/20070922/user-agent-style-sheets/ User Agent Style Sheets hakkında daha fazla okumak, takip bağlantı

Ama belki sıradan - - CSS şekilde her biri 1 User Agent (UA, çoğunlukla bir 'web tarayıcısı' veya 'web istemci') makul belgeleri sunan bir varsayılan stil sayfasına sahip olacağını belirterek fikrini getirir. CSS 2 ki uyumlu kullanıcı arayüzleri varsayılan bir stil sayfası uygulamak gerekir (ya da yapsaydım gibi davranan) ve bir kullanıcı arayüzünün öntanımlı biçembent belge dili için genel sunum beklentilerini karşılayacak şekilde belge dilinin unsurlarını gerektiğini söylüyor; CSS 3 aynı düşüncede olması muhtemeldir.

CSS özellikleri bir "gerçek" tarzı varsayılan görüntü için levha veya kullanılıp kullanılmayacağını uygulamaları için o kadar bırakın bu yana, her tarayıcının yükleme klasöründe varsayılan stil sayfasını bulamazsanız bu şaşırtıcı değil. Microsoft Internet Explorer'ın yanı sıra Opera farklı olarak, örneğin (ve bildiğim kadarıyla), Firefox ve Netscape Navigator ("html.css" arayın) değil, aynı zamanda Konqueror gibi Gecko tarayıcı varsayılan stil kavramak oldukça basit olun.

Başka bir eski okul bellek takviyesi ...

Neden windos.status sağlamak için mi?
Javascriptlerinizi hata ayıklamak için bir şey olduğunda bir kabus olması için olabilir. Firefox Firebug thats hayatımızı kolaylaştırır ve ayrıca, Javascript en popüler hata ayıklama tekniği için oy ") (ALERT" gitmek gerekir gibi bir kaç kullanışlı addons var. Anywaz! ALERT sizin mis-davranıyor Javascript sadece isn'ta iyi bir fikir olduğunu derlerim eklerken birkaç örneği vardır. Örneğin! kimin pozisyonu uyarılmak gerekiyor dragble öğe var .... YOK YOK! Dont do it! ... Sadece sonsuz uyarılar alırsınız ya da gerçekte dragable DRAP mümkün olmayacaktır. Eh! Eğer durum çubuğunda hata ayıklama metinler dışarı yazma olabilir daha iyi durumlarda, var daha usful ... İnan bana! Onun Deneyim!

Varsayılan IE sözdizimi "window.status = 'hata ayıklamak için bir şey'" kullanarak tarayıcı Durum Çubuğu yazmak bıraktı ama FireFox değil. Yani pencere durum değişikliği etkinleştirmek için, aşağıdakilerden birini yapabilirsiniz.

Hakkında açın: config tarayıcıda (türü "about: config" Bu adres çubuğuna) ve araştırın
dom. disable_window_status_change. False olarak değiştirin ... sadece onun durumunu değiştirmek için girişini tıklayın.

Ya da alternatif

"Araçlar → Seçenekler → İçerik → JavaScript'i / Gelişmiş → Değiştir durum çubuğu metni"

Ve ayrıca kısa bir sözdizimi yani durumu kullanırsanız ... senin Javascript durum çubuğunda yazmaya, IE sadece tamam olduğuna dikkat fakat FireFox, tam sözdizimi yani window.status = 'kullanmak zorunda =' bazı hata ayıklama metin ' 'hata ayıklamak için bir şey

Google ... Bir hareket istemi insanların IE6 dökümü ... sayfa yük bir POPUP ile adamcağız IE6 kullanıcıları tarafından başlar çok iyi bir fikir olmayabilir ... ama bir UI geliştirici olmanın, bu band wagon katılmak zorunda ... benim için en küçük bir tarayıcı endişe Üzgünüz ... bencil öyle! ama bu javascript de var ... (IE6 BU SAYFA YTL) ...
Hey! ve parlak notu ... o JAVASCRIPT ve GÜÇ bir göstergesi olduğuna bakınız .... hatta dev bir aşağı getirebilir (veya bir zamanlar öyleydi)

SO ... javascript biri hattı ile IE6 dünya kurtulmak Yardım!

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

Ben bu yüzden Google Analytics hemen her gün kontrol edin, benim blog sayfa gösterimi sayısının artması heyecanlıyım. Blogumun diğer birçok dilde siteler tarafından ve dünyada insanlar tarafından ifade ediliyor fark ettim. SO güzel!
Hayatım OLMAYAN İNGİLİZCE görüntüleyici gemi için biraz kolaylaştırmak için, ben "Global Translator" adında bir Google Widget / Plugin ekledik.

Küresel Tercüman onu "otomatik olarak dört farklı online çeviri motorları (Google Çeviri Motor, Babelfish Çevirisi Motor, FreeTranslations.com, Promt) sarılarak 41 farklı dilde bir blog çevirir" diyor ... Peki siz kendi wordpress kurulum eklemek istiyorsanız burada ... check it out http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Emin değil, çeviri ne kadar iyi olduğunu ama bunu samimiyetle İngilizce olduğunu, yalnızca hayal kırıklığına, bloguma ulaşan sonuna kadar kim, o orada birkaç adam geliştiriciler yardımcı olacağını umuyorum ....

Tercümecisi bağlantıları Side Bar Dibi vardır ....

Ben durumun bu commaned çünkü etrafında kazmak zorunda olduğunu Javascript hile başka bir küçük takıyorum Heres. Ben iki kez "windows.onload" direyebilmiştir nerede web sitelerinden biri olarak, bu durum vardı. Benim gibi deneyimsiz bir zihin (Dürüstçe javascript Çerçeveler ve kütüphaneleri kullanarak beri, benim kendi ... üzücü ama gerçek üzerinde basit şeyler yapmak unutulmamalıdır var, söylemek zorundayım) gelmiş olacak ilk şey, aşağıdaki yöntemi ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 vs ..

Üzgünüz söylemek ama, bu işe alışkanlık ... Javascript kadar yürütme bilimi tartışmak istemiyorum ... ama benim son tecrübesine göre, sadece son fonksiyonu (onloadfn3) hasta aslında idam alacak.

Normal durumlarda, maden (biraz sonra bahsedeceğim olan) farklı olarak ... Eğer mutliple onload fonksiyonları çalıştırmak için aşağıdakilerden birini yapabilirsiniz ....

Bu gibi VEYA şey

 fonksiyonu doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

Benim mevcut durum için, yukarıdaki birini kullanamazsınız ...
Neden windows.onload iki kez aramak yerine, tek bir onload fonksiyonu içinde iki işlevi çağıran bu gerekir mi? İşte benim sorun deyimi kısaca bir göz olduğunu ...

"Sitem sayfaları WORDPRESS tema gibi yapılandırılmıştır .... yani tüm site sayfalarında yer alır ortak bir header.php ve footer.php vardır. Bazı ortak onload fonksiyonları yapmak Footer.php bir onload fonksiyonu implementaion yoktur. VE dışında ortak onload fonksiyonu tarafından yapılan olanlardan kendi OnLoad bir şey gereken birkaç sayfa vardır. Ben window.onload işleyicisi doğrudan geri arama işlevi atarsanız, "Footer.php önceden atanmış geriçağırımları fazla kaçacağım

.... Benim sorunum anlaşılmaktadır ?

Eh! Ben buldun o birkaç çözüm vardır. Hepsi çok benzer ve özellikle Simon Willison (tarafından verilen bir çözüm implementions http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Çözüm:

Sadece site bu javascript kodu ekleyin ...

 fonksiyonu addLoadEvent (func) {
     var oldonload = window.onload;
     if (typeof window.onload! = 'işlev') {
        window.onload = func
     } Else {
        window.onload = function () {
            {(oldonload) if
                   oldonload ()
           }
           func ()
        }
    }
 }

Ve bunun yerine her zamanki "windows.onload" nin diyoruz

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 Sayfa yük * çalıştırmak için / * daha fazla kod
 }); 

Bu kod parçası avantajları ...
1. Öncelikle, bir önceki tanımı overridding olmadan, kodunuzun ayrı bölümden çağrılır, birden fazla windows.onload etkinlik sağlar
2. Gerçekten mütevazi olduğunu. Bu sizin diğer scriptler ile bir dosya veya ayrı bir dosyaya yerleştirilebilir.
3. Bu window.onload zaten ayarlanmış olsa bile çalışır.

Ben bu bize UI ve senaryo yazarları günlük olarak bir gün bunu yapmak gerekir gibi birçok, google bulmak için bir doodle olacağını düşündüm, bir içine PHP kod parçacığı (. Php) ile takıyorum bir bit include Smarty Şablon (. tpl). Ben tam cevabı ... bir milyon arama sonucu bulmak daha da zor, daha kolay / popüler Sorgunuzla gerçekleştirdi ancak bunların çoğu "dosya" için başvuran Smarty de içerir ... bu aşağıdaki sözdizimine sahiptir

{Dosya = "include / header.php" ekleyin}

Bu aslında ince dosya inlcuded ama metin olarak, ne istediğini dahil dosyanın sonucudur. (Yukarıda bir şablon dosyası içinde şablon bulunmaktadır kullanılır unutmayın). Son olarak biraz persiverance ile .... Benim gereksinimine cevap olan bir slighty modifiye sözdizimi, stumbled ... İşte öyle ... Eğer havn't zaten bir tane buldum

{Include_php file = "include / header.php"}

Bu soru daha önce birkaç kez aklımdan geçti, daha önce de siteler üzerinde çalışırken, hangi site / WordPress PHP ve çevresinde bir acemi portal.Being bazı bölümlerinde bloglar veya içeriği yeni bir tür göstermek için WordPress kullanılmış, ben devam "Bu kek benim takıyorum değil" diye düşünerek, bu procastinating. Nihayet! çözüm için biraz etrafında diggin başladığında bu gereksinimi, burnuma kadar geldi.
Ben gerçekten ben aslında sadece PHP biraz ve WordPress API kullanarak, WordPress çalışan bölümün dışında başka sayfada başlıklarının bir listesini veya en son yazılan görüntülemek için olduğunu düşündüm daha kolay olduğunu bulmak için sürpriz oldu .

İşte yapmanız gereken şudur: -
Açıklama nedeniyle, sitenizin olduğunu varsayalım http://www.inchembur.com/ ve bu sitenin haber bölümüne sahip http://news.inchembur.com/ (WordPress çalıştığı). Şimdi gereksinimi en son yazılan göstermektir http://news.inchembur.com/ yani, ana sitenin ana sayfasında http://www.inchembur.com/index.php

Adım 1: index.php içinde aşağıdaki kod takıyorum ekleyin, WordPress API dosya ekleyin. Size yazılan görünmesini istediğiniz sayfanın üst ekleyebiliriz.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); WordPress Theme / / Disbable kullanımı
('/ var / news.inchembur.com / wp-blog-header.php') gerektirir; / / WordPress API Dahil
; // Get Latest Post query_posts ('showposts = 1'); / / Son mesaj alın
?>

Include yukarıdaki takıyorum, biz sadece tek ve en son mesaj alıyorsanız. Eğer denemek isterseniz daha fazla varyasyon kazmak için çekinmeyin query_posts() belgeler .

Adım 2: Şimdi, en son WordPress yazı göstermek istiyorum İndeksi / Ana sayfa bölümünde http://news.inchembur.com , aşağıdaki kodu kullanabilirsiniz. Demek reklamınız styling bölümleri, açıklık ve tasarım ihtiyaçlarına göre sınıflar için çekinmeyin gerek yok.

Adım 3: Hiçbir Adım 3 yoktur ... o Thats ... bitirdiniz!

Son mesajı karşıt olarak nasıl Belirli bir yazı / sayfa gösterir: -
Bu kolayca argümanları değiştirerek önemleri olabilir query_posts() sayfa numarası veya sayfa sülük dahil etmek

) ; query_posts ('page_id = 7');
) ; query_posts ('pagename = ilgili');

ya sen, gönderilen mesajların sayısını kontrol edebilirsiniz:
) ; query_posts (showposts = 3);