PSD TO XHTML/CSS - HTML5/CSS3 - jQuery - Responsive

Merhaba arkadaşlar, gerek r10 veri kaybı, gerekse çalıştığım firmadan dolayı epeydir freelance iş almıyordum. Çok uzatmadan giriş yapayım.

jQuery bilgim üst düzeydedir. İstediğiniz şeyleri sıfırdan yazabilirim. (Slider/Tooltip/Lightbox)

HTML5 beta aşamasında olmasına rağmen günümüzün birçok sitesi taglarını kullanmaya başlamıştır. Aynı şekilde HTML5 Kullanıyorum.

CSS3 tam oturmamış olmasına rağmen güncel Firefox, Chrome ve Safari tarafından desteklenmektedir. Internet Explorer 9 ve devamındada destek bulunmaktadır.

SinglePage günümüzde popülerliğini korumakta olan bir sunuş şeklidir. Singlepage referansım bulunmaktadır. İstendiği takdirde SinglePage'de yapabilirim.

Responsive özelliği sayesinde Javascript'e neredeyse hiç gerek kalmadan sitelerinizi mobil'de sorunsuz çalışacak şekilde tasarlayabilirim. Referansım bulunmaktadır.

Sprite özelliğini kullanılabileceği heryerde kullanmaya çalışıyorum.

Düzenli bir şekilde kodlama yapmaktayım. İngilizce class ve id isimleri kullanıyorum. Gerektiği yerde açıklamasınıda yazıyorum.

PHP olarak da çok iyi bir seviyeye sahip olduğumdan php yazılımcı dostu döküm yapmaya özen gösteriyorum.


Referans sayım oldukça fazladır. Gerek zor gerekse kolay işlerden oluşmaktadırlar. jQuery ile kodladığım şeyleri zaman zaman r10'da da paylaşmaktayım. İşimin ehli olduğuma inanıyorum.

Referanslarımı paylaşmak isterdim fakat anlaşma şeklimizden dolayı iş ahlakına ters düşeceğini düşünüyorum. O yüzden referanslarımı Özelden göstermeyi tercih ediyorum.


Kodlarımdan Örnekler:

CSS





RESPONSIVE




jQuery

Yanlis anlamayin ama gozume carpanlar var;

Padding bottom :10px;
padding top :10px;
Padding left :10px;
Padding right :10px;

Padding : 10px; seklinde kullanimi vardir.

Yazmak yerinede ; Sadece margin :0; vardir.
gibi seyleri ayri ayri yazmak css 2 veya css3 bilen birine yakismamis acikcasi.


Background position yazmissiniz background'un icindede
Sadece background yazarak bunu yapabilirsiniz. Ben CSS3u idda eden birinden css'in cag oncesi kodlama yapisini kullanmasini hos karsilamaz kimse acikcasi.

Hayirli isler, kolay gelsin.

CSS kısaltmalarını çok iyi biliyorum ama bu her zaman kullanacağım anlamına gelmiyor.

margin:0 0 0 0; yazana kadar margin:0; yazar geçerim. margin-right:auto; margin-left:auto; yazmak yerine margin:0 auto 0 auto; yazabilirdim.
ayrıca background yazarak bunu yapabilirsiniz demişsiniz, ilk resimin en altında background içerisinde bottom left demişim zaten. bunu görerek bana eğitim vermeye çalışmanız çok üzücü.

CSS kısaltmalarını kullanmamayı çağ öncesi diye nitelendirmek haddinize bile değil. Bilgilendirme olarak başlamış ama çirkefleşmişsiniz.

Sizede kolay gelsin.

Yaziniz ilk basta hakliligimi savunur nitelikte iken, sonradan duzenleyip kotuler sekilde yazmissiniz buda ne yazik ki acemice bir tavir.

Kisaltmalari hep kullanmadığınızı idda ediyorsunuz fakat, kısaltma kullanmamak demek;
Css ve gelişmelerinden haberdar olmamak demek, yani daha fazla kod ile ayni işlevi yapmak demek buda 1 kb yerine 10 kb demek, kullanıcının sayfasının yavaş açılması demek. Haliyle çağ öncesi işler demek, bu benim haddime değilse kimin haddine merak ettim?

Background kısmı beni çileden çıkartmıştır. bunuda sonradan farkettiğim için editledim. Aynı mesleği yapan birisi olarak böyle küçük bir detay ile konuya pislemeyi şahsınıza yakıştırıyorsanız benim için bir sorun yok, devam edebilirsiniz.

ben ister font-family:Arial; font-size:14px; font-weight:bold; yaparım istersemde font:bold 14px Arial; yazar geçerim. Böyle bir küçük detaydan konumu baltalamak senin haddine değildir. İstersem background:url() left, url() center, url() right; yaparım istersemde 3 tane divi iç içe koyarım.

Bilgilendirme olarak başlayıp çirkefliğe varan Mesajın yukardadır. Ayrıca şunuda belirtmek isterim senin foruma üye olduğun tarihden 1 yıl öncesine dayanır benim CSS/XHTML dökümlerim.

ve Ayrıca senin mantığın ile bakıldığı takdirde jQuery kodları içerisindede fazladan yazılmış şeylerimi bulabilirsin. Gerek düzenli olmasından, gerekse takıntılarımdan fazla yazmışımdır. Ama onları fark etmemişsin, sanırım jQuery ile aran pek iyi değil.

Arkadasin referanslari goz onunde yazilim konusunda r10 da belirli kisiler arasinda bence Hayirli isler..

Katılıyorum, ek olarak örnek kod düzenine bakarsak gayet düzgün ve profesyonel çalıştığı belli oluyor, kısaltma konusuna girmeye gerek yok bence, bilmediğinden değil kullanmaması, anlatabilmişimdir umarım. İyi çalışamalar dilerim, bol kazançlar.

Böyle bir sıfata layık gördüğünüzden teşekkür ederim hocam, hepimize hayırlı işler.

Teşekkür ederim hocam, 2009 yılına ait konuları olan biri olarak kısaltmaları bilmemem söz konusu bile değil aslında. Böyle bir tartışma olacağını düşünebilseydim daha düzenli ve en güncel kodlarımdan koyardım ama geçti artık, umarım kalp kırmamışımdır

Konu güncel, iş alımı açıktır.