Bu yazımda label, literal, textbox ve button kontrollerini (control) anlatmaya çalışacağım. Bu yazı dizisinde ki amacım yeni başlayan arkadaşlara yardımcı olabilmek, akıllarına takılan noktalarıda sorarak öğrenmelerini sağlamak. Kontrollerin anlatağım özellikleri en çok kullanılan özellikleridir. Lafı daha da uzatmadan başlayalım.

Microsoft Asp.Net ile birlikte web form adını verdiği yeni bir çalışma mantığıyla, alışıla gelmiş web geliştirme yöntemlerinin dışına çıktı. Web form ilk başlarda alışılması zor fakat alıştıktan sonrada kullanması çok kolay bir yapıdır. Kabaca şöyle çalışır, kontrollerimizin hepsi runat=”server” etiketli bir form un (<form runat=”server” ID=”form1″>kontrollerimiz burada</form>) içerisinde yer alır. Kontrollerimiz üzerinde de runat=”server” ifadesi geçmelidir. Sayfa üzerinde bir butona yada linke tıklandığında sayfa olduğu gibi post edilir framework tarafından işlenir ve geri döner. Bu işlemede PostBack diyoruz. Verilerde ViewState denilen bir meknızmayla taşınır. Bu sebepten dolayı klasik asp den yada diğer dinamik dillerden asp.net e geçmek sizi biraz zorlayabilir. Bu mekanızmanın avantajları ve dezavantajları bulunmaktadır. Bu konulara girmek istemiyorum çünkü konumuzdan epeyce uzaklaşmış oluruz. Bu ön bilgiden sonra ilk nesnemizden başlayalım. (daha fazla…)

İnsan neden ios4 den daha düşük bir versiyona geçmek ister diye sorulabilir. Cevap ios4 iphone 3g de çok ama çok yavaş çalışıyor ve  sanıyorum ki bu sebepden dolayı şarz çok az gidiyor. İlk başlarda sabrediyor insan ama bir süre sonra işgenceye dönüyor olay, bundan dolayı ios4 e veda ediyoruz.

(daha fazla…)

Basit bir açılır menü (drop down) nasıl yapılır, mantığı nasıldır bunu anlatmaya çalışacağım. Bu örnekteki açılır menü, üzerine tıklandığında açılıyor, basit bir değişiklikle üzerine gelindiğinde de açılmasını sağlayabilirsiniz.

Hemen html ve css kodlarımıza bir bakalım.

<style type="text/css">
body{font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;background-color:#3c3c3c;}

h1{
    text-shadow:0 1px 1px #575656;
    font-size:50px;
    color:#d1d1d1;
    margin:0
}

.container{width:500px;}

.dd{
    border:1px solid #575656;
    padding:5px;
    background:#e9e9e9 url('images/arrow.png') top right no-repeat;
    color:#4d4d4d;
    cursor:pointer;
    font-weight:bold;
}
.dd:hover{color:Black;}

.dd ul{
    position:relative;
    background-color:#e9e9e9;
    list-style:none;
    margin:5px;
    padding:0;
    display:none;
    font-weight:normal;
}

.dd ul li{border-bottom:1px solid #c0c0c0;font-size:14px}
.dd ul li a{color:#4d4d4d;text-decoration:none;display:block;padding:5px;}
.dd ul li:last-child{border-bottom:none}
.dd ul li:hover{background-color:#c0c0c0;border-bottom:1px solid #a8a8a8}

</style>
<div class="container">
    <div class="dd">
        Select item
        <ul>
            <li><a href="#">İtem 1</a></li>
            <li><a href="#">İtem 2</a></li>
            <li><a href="#">İtem 3</a></li>
            <li><a href="#">İtem 4</a></li>
            <li><a href="#">İtem 5</a></li>
        </ul>
    </div>
</div>

(daha fazla…)

Fotoğrafları direk boyutlandırdığımız zaman ciddi bir kalite kaybı meydana geliyor. CompositingQuality, InterpolationMode veya SmoothingMode değerleriyle oynasakda Photoshop’ un boyutlandırma kalitesine erişemiyoruz. Biraz araştırma yaptıktan sonra EncoderParameters ve ImageCodecInfo ile kalitenin ciddi bir şekilde arttırıldığını gördüm. Sonuç aşağıdaki görselde açık bir şekilde görülebiliyor. Özellikle üzerinde yazı bulunan görsellerde fark daha iyi farkediliyor. Aşağıda ki kodu kullanmak için fileupload nesnenizi methoda göndermeniz yeterli. Örneğin; fotograf.yukle(FileUpload1); Şunu da eklemek lazım, kaliteli ve kalitesiz fotoların aralarında neredeyse yarı yarıya boyut farkı bulunuyor.

(daha fazla…)

Yaz geldi, okullar da bitti, bundan istifade etmek isteyen genç arkadaşlar, yeni maceralara yelken açmak istiyorlar. Ne rahatsız bir giriş cümlesi oldu bu ya, başlık da güzel olmadı zaten :S Son zamanlarda asp.net nasıl öğrenebilirim, css nasıl örğenebilirim, php nasıl öğrenebilirim gibisinden sayısız şey görüyorum. İnsanlar da cevap veriyor, o siteye bak bu siteye bak, şu kitabı al vs.. Esasında bu arkadaşların öğrenmeleri gereken şey bence dinamik bir web sayfasını oluşturan temellerin neler olduğu. Adam php öğrenmeye başlıyor sonra bakıyor ki javascript diye bir şey de varmış ya da bakıyor ki arkadaş tasarım için css, html vs.. şeyler de varmış, aklı gidiyor ve her şeyden bir anda soğuyor ki bu gayet normal. Halbuki yapıyı kabaca bilse kendine yakın gördüğü kısımdan başlayabilir ve en azından karşısına zart çıkan x bir şeyi gördüğünde şaşırmaz. (daha fazla…)

Fotoğraf kırpmak (crop) işlemi dışarıdan karışık bir işmiş gibi görünsede esasında çok basit bir işlemdir. Hele ki jCrop diye güzel jquery eklentisi varken bu işlem hem kolay hemde eğlencelidir. Olayın mantığına bakacak olursak, jCrop bizim için resim üzerinde seçtiğimiz kısımın yükseklik, genişlik, x ve y değerlerini alıyor. Sornasın da bu bilgiler eşliğinde orjinal resim üzerinde kesme işlemini yapıyoruz. Eklentinin bir çok ayarı ve özelliği bulunuyor, bunlara buradan ulaşabilirsiniz. Az kaldı unutuyordum, projenize jquery.js ve jCrop u eklemeyi unutmayın :)

(daha fazla…)