Apr 13 2010

What's New in ASP.NET 4 and Visual Web Developer ?

Category: Barbaros @ 12:36

Yenilikleri görmek için tıklayınız.

Tags:

Dec 19 2009

ASP.NET MVC Best Practices

Category: Barbaros @ 15:18

http://weblogs.asp.net/rashid/archive/2009/04/01/asp-net-mvc-best-practices-part-1.aspx

Tags:

Oct 31 2009

CSS + css + CsS

Category: Barbaros @ 21:10




Tags:

Jun 23 2009

JQuery: Hızınızı arttiracak 10 önemli nokta

Category: Barbaros @ 22:16

JQuery ile script yazan ve performansa önem verenler için mutlaka okunması gereken bir makale.

del.icio.us Tags: ,

Tags:

Jun 21 2009

HTML 5

Category: Barbaros @ 12:29

HTML 5 ile gelecek tüm özelliklerin örnek kodlarla açıklandığı bir anlatım.

Technorati Tags: ,

Tags:

Feb 26 2009

15 dakikada jQuery

Category: Barbaros @ 12:46

jQuery nin temel işlevlerini anlatan ve çok sade içeriğe sahip olan bir slideshow.
Ayrıca jQuery görsel özelliklerini örneklerle gösteren güzel bir kaynak.

Tags:

Feb 26 2009

Modüler CSS

Category: Barbaros @ 12:34

Son iki projemde kullandığım CSS kontröl yöntimini, araştırma yaparken bir yerde rastladım ve hem kendim için bir hatırlatma hem de arama yaparken siteyi ziyaret edecek olanlara kaynak olması amacıyla paylaşmak istedim.

Tags:

Nov 28 2008

CSS Reset

Category: Barbaros @ 22:08

Css ile uğraşanlar çok iyi bilirler, her browser ın yaptığı işlev aynı fakat tanımladıkları bazı kurallar birbirleri arasında farklılık gösterir.
Bu yüzden bir sürü hack yöntemi çıkar (bknz IE6 margin hack,vb…) ve tasarımınızın her tarayıcıda aynı görünebilmesi için sizde bir takım “hack” lere başvurabilirsiniz. Bu durumu en aza indirmek için tarayıcıların default ayarlarını sıfırlayacak  bir yöntem kullanmamız gerekiyor.

Bununla alaklı eğer bir google yaparsanız yüzlerce sonuç bulabilirsiniz. Türkçe kaynaklara bir tane daha eklenmesi amacıyla bende bu konuda bir makale yazmak istedim.

Şimdi sıra geldi bu konuyu biraz daha detaylandırmaya. Mesela yeni bir web form oluşturalım ve bir <h2> tagı ekleyelim.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Resetleme-Olmadan.aspx.cs"
    Inherits="BarbarosUI.Resetleme_Olmadan" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2>
            Html element ayarlarını sıfırlamak : CSS Reset</h2>
    </div>
    </form>
</body>
</html>

Daha sonra projeyi çalıştırıp nasıl görüneceğine bakalım.

Eğer projeyi çalıştırıp sayfayı açtıysanız, sol ve üst tarafta bir margin görülmekte. Hiç bir kod yazmamıza rağmen sol ve üst taraftan ilk tanımlanmış değer olan margin değerleri atandı.

Şimdi 3 satır kod ekleyerek bu default değeri nasıl resetleyeceğimizi göreceğiz.

<style type="text/css">
    html,body
    {
        margin: 0;
        padding: 0;
    }
</style>

Bu gördüğünüz kod bloğunda <head> tagları arasına yerleştirirseniz eğer. <h2> tagları arasında olan başlığın browser içeriğine yapıştığını göreceksiniz.

html,body gibi tüm elementlerin kendilerine özgü default margin ve padding leri vardır. Bu yüzden az önceki css kod bloğumuzda uyguladığımız yöntemi her element için uygulayıp, css reset dosyamızı daha da geliştireceğiz.

İnternetten yapmış olduğum araştırmalar, okumuş olduğum makaleler ve kendi tecrübelerim doğrultusunda oluşturmuş olduğum reset.css dosyasını size sunuyorum :)

/***** Global Settings ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}
html
{
    font-size: 62.5%;
}
body
{
    font: 1.1em/1.5em Verdana, Helvetica, Arial, Geneva,sans-serif;
}
/*** Headings ***/
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}
/*** Formatting ***/
ul, ol
{
    list-style: none;
    list-style-image: none;
}
img
{
    border: 0;
}
/*** Links ***/
a, a:link, a:visited
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
/**** Forms ****/
form
{
    margin: 0;
    padding: 0;
    display: inline;
}
textarea
{
    line-height: 1.25em; /*padding:5px;*/
}
/*** Tables ***/
table tr td
{
    padding: 2px;
}

Evet yukarıda vermiş olduğum küçük örneğin geliştirilmiş hali işte yukarıda. Artık sizde bu css yi reset.css adı altında kaydedebilir ve kendi stil dosyanıza import edip kullanmaya başlayabilirsiniz.

Style.css

import "reset.css";


Sancısız tasarımlar, iyi çalışmalar

Technorati Tags: ,

Tags:

Nov 28 2008

Microsoft imzalı geniş bir C# kaynağı

Category: Barbaros @ 01:47
Araştırma yaparken denk gelen bu kaynağı sizlerle paylaşmak istedim.
Not: Kaynak tamamen İngilizcedir.


Csharp Language Specification (2,27 mb)

Tags:

Nov 27 2008

BlogEngine Kurulumu ve SqlProvider ayarları

Category: Barbaros @ 19:32
Merhaba, bu makalede kısaca BlogEngine kurulumundan ve SqlProvider ayarlarından bahsedeceğim.

  • İlk olarak BlogEngineTR ye giderek BlogEngine in Türkçeleştirilimiş halini indiriyoruz.
  • Daha sonra indirdiğimiz zip dosyasını açıp web sunucumuza upload ediyoruz.
  • Boş bir browser sayfası açıp sitemizin adını yazdıktan sonra Blog Engine bizi standart temasıyla karşılıyor.
    Bu işlemlerden hemen sonra App_Data klasörüne yazma hakkı vermelisiniz. Çünkü kullanıcılar ve bir takım ayarlar burada saklanıyor.

Buraya kadar herşey tamam. Şimdi sıra blog içeriğini nerede tutacağımıza karar vermeye geldi.
Eğer içeriği Xml de tutmak istersek(zaten ilk kurulumda direk bu ayarla geliyor) hiç bir ayar yapmıyoruz ve sayfamızı kullanmaya başlıyoruz :)

Eğer içeriği Sql sunucumuzda bir veritabanında tutmak istersek bir kaç küçük ayar yapmamız gerekiyor. Sırasıyla

İlk olarak web.configde Provider ayarını yapacağız daha sonra ise bağlantı cümlemizi kendimize göre değiştireceğiz.

<BlogEngine>
		<blogProvider defaultProvider="XmlBlogProvider">
			<providers>
				<add name="XmlBlogProvider" type="BlogEngine.Core.Providers.XmlBlogProvider, BlogEngine.Core"/>
				<add name="DbBlogProvider" type="BlogEngine.Core.Providers.DbBlogProvider, BlogEngine.Core" connectionStringName="BlogEngine" />
			</providers>
		</blogProvider>
</BlogEngine>

Yukarıda gördüğümüz <BlogEngine> kod bloğunda defaultProvider=”XmlBlogProvider” olarak seçilmiş durumda biz bunu defaultProvider=”DbBlogProvider” olarak değiştiriyoruz.
connectionStringName belirtmeniz çok önemli çünkü DbBlogProvider a hangi bağlantıyı kullanması gerektiğini söylememiz şart!

Bu ayarlarımızı yaptıktan sonra sıra bağlantı cümlemize geliyor.

<connectionStrings>
		<clear/>
		<add name="LocalSqlServer" connectionString="dummy"/>
		<!-- Mono complains if LocalSqlServer isn't specified -->
		<add name="BlogEngine" connectionString="Data Source=MySQLServer;User ID=user;Password=password;persist security info=False;initial catalog=BlogEngine;" providerName="System.Data.SqlClient"/>
</connectionStrings>

web.config de connectionStrings kod bloğunu kendi bağlantı cümlemizle değiştiriyoruz.
<add name=”BlogEngine” ifadesine dikkat edin! Buradaki “BlogEngine” ilk yaptığımız Provider ayarında connectionStringName ile işaret ettiğimiz nokta.

Eğer buraya kadar başarılı bir şekilde geldiyseniz, artık yazacağınız her yazı XML de değil veritabanınızda tutulacaktır.

Her türlü sorunuzu iletişim sayfasından yada yorum yazarak iletebilirsiniz.
Bol şans :)

Tags: