Austen bunu yazdı Paylaşımın için teşekkürler. Fakat bu tip kodlar hazırlanan tasarıma ve yapılacak projeye gre belirlenmeli. Bu sebeple bu kod herkesin işine yaramaz. Hatta senin projenin dışındaki hiçbir projede işe yaramaz. Style kullanmek yerine yine tasarım odaklı, nceden planlı bir css şablonu hazırlamak işleri kolaylaştırır. Style biraz işin ameleliği. Fakat yap bırak tarzında bir tasarım olacaksa ha class, id yazmışsın ha direk kodun içine yazmışsın farketmez. Bu tıpkı oop ile tasarlayıp her şeyi derli toplu, yeri, adresi belli şekilde yazmakla spaghetti her şeyi iç içe yazmak gibi. İkisi de iş grür. Fakat okunabilirlik ve düzenleyebilirlik tasarlı olanda daha kolaydır. Hmm. Ortada bir eleştiri var fekat tam olarak nerede eksik olduğunu anlayamadım. Tam olarak nerede eksik kaldığını syleyebilir misin abi, biz de belki senin sylediklerine gre yazdıklarımızı şekillendiririz. Herkesin her projede yararlanabileceği bir şey çıkar ortaya. Yani demem o ki koda gre tasarım yapmaktansa tasarıma gre kod yazmak daha mantıklı. nceden tanımlanan sabit pixel değerler yalnızca senin işine yarıyorsa işe yarar sayılabilir. Byle bir proje uzun vadede çok kişinin işini grmeyecektir. Çünkü işine yarayıp yaramayacağını nceden kestiremeyiz. Responsive tasarım rneği oldukça güzel olmuş. Yapmak istediğinin ona yakın bir şeyler olduğunu tahmin ediyorum. Onun kullanışlılığı sabit değerlere sahip olmaması. Parametre girererek işlem yapılabilmesi. Ayrıca style etiketine mesela padding-top-50 yazmaktansa padding-top: 50px yazmak arasında pek fark yok. Olması gereken yazılan blgeye uygun bir sınıf ya da unique id oluşturup onun altında tanımlama yapmak. Yani div style="xxx" yerine div class="bolumunortakismi" diyip. bolumunortakismi şeklinde css dosyasında tanımlama yapmak daha düzenli olmayı sağlayacaktır.

Şirketteki arkadaş responsiveli olanını yapmıştı zamanında ilgilenenler için bylede bir alternatif olsun. http://aslanbakan.com/tr/blog/less-space-responsive-margin-ve-padding-yardimci-classlari/

Ortada bir emek var ama son derece gereksiz. style="margin-bottom: 10px;" yerine class="margin-bottom-10" yazmak için o kadar CSS sınıfını projeye dahil etmem.

Şyle bir eksik var, Şimdi burada bir sürü satır kod var. Belki ben bunun çoğunu kullanmayacağım halde projeme include edersem olmaz. Style yazmam bunları kullanmamdan daha iyi de olabilir bu şekilde. Her şey external css de mi olmalı emin değilim. Bazen çok sıkıyor bir şeyi araştırmak zellikle bootstrap te hazır bir sürü şey var iki buton arasında 5px boşluk istiyorum, Hazır kullanmak yerine basıyorum style i :) https://www.youtube.com/watch?v=WC3-71NKwPw

güzelmiş hocam, yaratıcı bi fikir :) İnsan; insan olsaydı, insan olmazdı..

yle demeyin hocam bazen kullanmak gerekebiliyor. mailing template'i hazılayıp gmailde düzgün grünsün diye uğraşanlar bilir :D https://litmus.com/blog/understanding-gmail-and-css-part-2?utm_campaign=bestpractices&utm_source=litmusblog&utm_medium=blog g2k tahribat com

Paylaşımın için teşekkürler. Fakat bu tip kodlar hazırlanan tasarıma ve yapılacak projeye gre belirlenmeli. Bu sebeple bu kod herkesin işine yaramaz. Hatta senin projenin dışındaki hiçbir projede işe yaramaz. Style kullanmek yerine yine tasarım odaklı, nceden planlı bir css şablonu hazırlamak işleri kolaylaştırır. Style biraz işin ameleliği. Fakat yap bırak tarzında bir tasarım olacaksa ha class, id yazmışsın ha direk kodun içine yazmışsın farketmez. Bu tıpkı oop ile tasarlayıp her şeyi derli toplu, yeri, adresi belli şekilde yazmakla spaghetti her şeyi iç içe yazmak gibi. İkisi de iş grür. Fakat okunabilirlik ve düzenleyebilirlik tasarlı olanda daha kolaydır. Hmm. Ortada bir eleştiri var fekat tam olarak nerede eksik olduğunu anlayamadım. Tam olarak nerede eksik kaldığını syleyebilir misin abi, biz de belki senin sylediklerine gre yazdıklarımızı şekillendiririz. Herkesin her projede yararlanabileceği bir şey çıkar ortaya.

Şirketteki arkadaş responsiveli olanını yapmıştı zamanında ilgilenenler için bylede bir alternatif olsun. http://aslanbakan.com/tr/blog/less-space-responsive-margin-ve-padding-yardimci-classlari/ adam baya bootstrap'in grid yapisini yazmis :) benim amacim o degil hocam benimkinin amaci en cok kullanilan margin padding bok pusur bunlari classlastirmak

hocalar tartismayin, bu projedeki amaci anlamamissiniz. patron html icinde style tag i gormicem dedi bende bu hale getirdim. biz bunu bildiginin kurulum ile kurdugumuz programin icerisinde kullaniyoruz, hersey yerel oldugu icin ve minimum requirementlarimiz yuksek oldugu icin bu tarz seyler devede kulak kaliyor. belki isine yarayan cikar, yazmaya usenir, ahanda yazilmisi var didim ortalik karisti :) arkadaslardan birisi demis minify edince 5kb a iniyor. onu da yapip repo ya eklicem. sevgiler.

Guru_Meditation bunu yazdı Ortada bir emek var ama son derece gereksiz. style="margin-bottom: 10px;" yerine class="margin-bottom-10" yazmak için o kadar CSS sınıfını projeye dahil etmem. Oluşturulan CSS dosyası 13kb normal hali ile. Eğer minified hale getirirsen 5 kb'a düşüyor. GZIP destekleyen bir makinen varsa 1.3 kb'a iniyor. Eğer farklı bir css dosyası olarak çağırmaktansa direkt olarak ana stil dosyana yapıştırırsan da ekstra bir http request'ten kurtulursun. Yani, argümanınız geçersiz. Dosya boyutundan bahsetmedim ki ben. Aralarından üç tanesini bile kullanmayacağım 550 sınıfı projeye dahil etmek DOM için inanılmaz maliyetlidir. Bugün CSS optimizasyonu için "Unused CSS Remover" yazılımlar yazılıyorken, hiç bir probleme çzüm olmayan byle bir CSS dosyasını ben kullanmam. Kullanan hayrını grsün.

eomerx bunu yazdı Guru_Meditation bunu yazdı Ortada bir emek var ama son derece gereksiz. style="margin-bottom: 10px;" yerine class="margin-bottom-10" yazmak için o kadar CSS sınıfını projeye dahil etmem. Oluşturulan CSS dosyası 13kb normal hali ile. Eğer minified hale getirirsen 5 kb'a düşüyor. GZIP destekleyen bir makinen varsa 1.3 kb'a iniyor. Eğer farklı bir css dosyası olarak çağırmaktansa direkt olarak ana stil dosyana yapıştırırsan da ekstra bir http request'ten kurtulursun. Yani, argümanınız geçersiz. Dosya boyutundan bahsetmedim ki ben. Aralarından üç tanesini bile kullanmayacağım 550 sınıfı projeye dahil etmek DOM için inanılmaz maliyetlidir. Bugün CSS optimizasyonu için "Unused CSS Remover" yazılımlar yazılıyorken, hiç bir probleme çzüm olmayan byle bir CSS dosyasını ben kullanmam. Kullanan hayrını grsün. Hocam DOM'u yanlış anlamışssın sen. Senin bahsettiğin o yazılımlar sayfanın render edilme süresini geciktirdiği için yazıldı, CSS DOM'a "inanılmaz maliyet" yüklediği için değil. Kullanılmayan css sınıflarının dom'a herhangi bir etkisi yoktur, zaten dom ile de alakası yoktur çünkü tarayıcının çizim alanını etkilemez. Olay dosya boyutunu artırması ve tekrarlanan stillerin tarayıcıyı yeninden çizim yapmaya zorlaması. Ben şunu şuraya bırakayım, lazım olur. https://developer.mozilla. org/en-US/docs/Web/API/Document_Object_Model/Introduction

usenmedim html icerisinde en cok kullanilan css kurallarini classlar haline getirdim. belki kullananlar cikar diye github a attim. tepe tepe kullanin, eklemelerinizi bekliyorum https://github.com/onur-celik/cssClasses hackingo tarafından 19/Haz/15 17:25 tarihinde düzenlenmiştir

Ortada bir emek var ama son derece gereksiz. style="margin-bottom: 10px;" yerine class="margin-bottom-10" yazmak için o kadar CSS sınıfını projeye dahil etmem. Oluşturulan CSS dosyası 13kb normal hali ile. Eğer minified hale getirirsen 5 kb'a düşüyor. GZIP destekleyen bir makinen varsa 1.3 kb'a iniyor. Eğer farklı bir css dosyası olarak çağırmaktansa direkt olarak ana stil dosyana yapıştırırsan da ekstra bir http request'ten kurtulursun. Yani, argümanınız geçersiz. eomerx tarafından 19/Haz/15 23:45 tarihinde düzenlenmiştir

Paylaşımın için teşekkürler. Fakat bu tip kodlar hazırlanan tasarıma ve yapılacak projeye gre belirlenmeli. Bu sebeple bu kod herkesin işine yaramaz. Hatta senin projenin dışındaki hiçbir projede işe yaramaz. Style kullanmek yerine yine tasarım odaklı, nceden planlı bir css şablonu hazırlamak işleri kolaylaştırır. Style biraz işin ameleliği. Fakat yap bırak tarzında bir tasarım olacaksa ha class, id yazmışsın ha direk kodun içine yazmışsın farketmez. Bu tıpkı oop ile tasarlayıp her şeyi derli toplu, yeri, adresi belli şekilde yazmakla spaghetti her şeyi iç içe yazmak gibi. İkisi de iş grür. Fakat okunabilirlik ve düzenleyebilirlik tasarlı olanda daha kolaydır.

Hocalar mürid zaten gıcık olduğu için class kullanımına gitmiş yani boşuna tartışıyorsunuz. Bakın daha kolay daha güzel daha hoş gibi bi iddiası da yok zaten gıcık oluyomuş style tagine bu yani :) iyibu! yeniden..

LuCiFeR bunu yazdı Şirketteki arkadaş responsiveli olanını yapmıştı zamanında ilgilenenler için bylede bir alternatif olsun. http://aslanbakan.com/tr/blog/less-space-responsive-margin-ve-padding-yardimci-classlari/ bu herif bayağı sağlammış takdir ettim. @hackingo iyi iş hocam lazım olur. Abi eyvallah. @Lucifer şimdi davetiye attı, ben de topluluktanım artık.

Şirketteki arkadaş responsiveli olanını yapmıştı zamanında ilgilenenler için bylede bir alternatif olsun. http://aslanbakan.com/tr/blog/less-space-responsive-margin-ve-padding-yardimci-classlari/ bu herif bayağı sağlammış takdir ettim. @hackingo iyi iş hocam lazım olur. ..