SASS – Nedir? Visual Studio 2013 ile Entegrasyon

SASS-Syntactically Awesome StyleSheets

Syntactically Awesome StyleSheet…

SASS Nedir? ile SASS video serimize başlıyoruz. Sizlere bu video seri ile SASS ‘ın ne olduğu ve Visual Studio 2013 ile nasıl kullanılabileceğini anlatacağım. Serimizi takip eden videolarda da örneklerle beraber SASS ‘ın en belirgin özelliklerini size aktarıyor olacağım. SASS’ ı Visual Studio olmadan kullanmak isterseniz ücretli ya da ücretsiz(open source) uygulamaları bulunmaktadır. SASS ‘a ait sitedeki install başlığından bu uygulamaları görebilir ve ilgili web sayfalarına giderek indirebilirsiniz. Visual studio 2012 ve 2013 ile kullanmak isterseniz gerekli extension’ı kurmanız gerekmektedir. İster Visual Studio içindeki Tools –> Extension & Updates kısmından isterseniz de aşağıdaki web sayfasından SassyStudio isimli extension’ı indirerek kurabilirsiniz.

SASS dosyalarının uzantısı “.scss” şeklindedir. Visual studio kullanarak oluşturduğunuz bir web projesine sağ tıklayarak Add –> Add New Item diyerek Sass File ekleyebilirsiniz. Bir de Sass Partial File isimli bir dosya daha göreceksiniz. Bu dosyanın normal sass dosyadan farkı yoktur. Dosya adının başındaki “_”(alt çizgi) bu dosyanın önemli kısmıdır. Bu o dosyanın başka projelerde de kullanılabilecek olan bir kod parçası olarak işaretlendiğini belirtir. Yani Sass File’lara birden fazla daha önce yazmış olduğunuz sass partial file import edebilirsiniz.

Örnek bir SASS kodunu da giriş videosu yazımızda sizlerle paylaşmak istiyorum.

$yazi-tipim:    Helvetica, sans-serif; 
$ana-renk: #333;

body { 
    font: 100% $yazi-tipim; 
    color: $ana-renk; 
}

Buradaki kodlamada; sass file üzerinde değişken tanımlamayı görüyorsunuz. “$” simgesini değişken isminin önüne yazarak değişken tanımlıyoruz ve kullanırken de gene “$” simgesini kullanarak istediğimi yerde kullanıyoruz. Formül şu şekilde;

$[değişken_adı] : [değer] ;

Bu örnek sass dosyasını derlediğimizde(compile) – visual studio içinde kaydettiğimiz anda derlenmiş oluyor “.css” dosyamız oluşturuluyor.

body { 
    font: 100% Helvetica, sans-serif; 
    color: #333; 
}

Derleme sonrası; tanımladığımız değişkenleri kullandığımız yerde değişkenin değerlerinin yazıldığını görebilirsiniz. Tabii ki bu sass dosyalarının basit bir özelliği, çok daha fazlası ve gelişmiş yetenekleri var. Bunları ilerleyen videolarımızda sizlere anlatmaya çalışacağım. Bu giriş videosu için bu şekilde bir yazıyı yazarak da sizler için konuya giriş yapmış oluyorum. Video ile sizleri başbaşa bırakıyorum.

kmb-udemy-reklam

Reklamlar

Dosya Bilgisi Kaydedici (File Info Writer)

Bu video da, bir klasör içerisindeki dosya ve klasör hiyerarşisini bir dosyaya formatlı bir şekilde yazan bir programın geliştirilmesini anlattım. Bu örnek ile bilgilerinizi geliştirebilir ve bu örneği daha ileri noktalara götürebilirsiniz.

OOP–Formlar Arası İletişim

Önceki yıllarda kaydettiğim ve paylaştığım. Fakat paylaştığım servis tarafından genel de bandwidth limitinden dolayı pek fazla erişilemeyen bu video’yu tekrar bloğumda paylaşmak istiyorum. Faydalanmak isteyen arkadaşlara faydalı olması dileğimle..

kmb-udemy-reklam

ALM Summit 2013

ALM Summit 2013

Geçtiğimiz günlerde gerçekleşen ALM Summit’i kaçırdıysanız, videoları Channel 9’da. İzlemek için hemen tıklayın.

Zenith Bilişim – HTML 5 Eğitimi

Kaynak : http://merhanersoy.net/

image

Süre : 12 saat
Eğitim Günler : Hafta sonu Cumartesi-Pazar 09-00 : 15:00 arası
Başlangıç Tarihi : 3 Mart 2012 Cumartesi
Eğitim Yeri : Kadıköy, Hasanpaşa
Eğitmen : Mustafa Erhan Ersoy (http://merhanersoy.net)

 

 

Eğitimde konuları :

HTML5 nedir ?
HTML5 markup, doküman yapısı
Yeni form tagları ve form doğrulama.
Video ve Audio tagları ile multimedia.
HTML5 Canvas.
Local storage, session storage ve Web SQL Veritabanları ile veri saklama.
HTML5 ile caching ve offline içerik.
HTML5 Geolocation API.
HTML5 Web Messaging API.
Web Workers ile Threading.
Web Sockets.

Microsoft Bilişim Zirvesi 2011 Sunum ve Videoları

Geçen seneki gibi bu senede zirveye katılma şansı buldum. Geçen seneye göre çok daha hoş ve etkileyici bir zirveydi. Özellikle benim için anlamı çok büyük oldu. Lise sona kadar hayal ettiğim bir meslek vardı. Astronot olmak; bu benim için kendimi bildim bileli olmak istediğim birşeydi. Şimdi diyeceksiniz bu zirve ile ne alakası var. Gülümseme Bu seneki zirvede bir konuk konuşmacı vardı. Araştırmacı astronot Prof.Dr. Ulrich Walter. Gülümseme Kendisi hayatımda çözüm bulmayı ve bilmeyi istediğim tüm sorulara yanıt verecek bir konuşma gerçekleştirdi. Yaklaşık 1 saat süresi boyunca soluksuz bir şekilde bize en baştan en sona kadar bir astronot nasıl seçilir, nasıl eğitilir ve uzayda olmak nasıl birşeydir. Hepsini anlattı. Şunu söyleyebilirim ki başından sonuna kadar, teknik kısımları da dahil böyle bir tecrübeyi bir astronottan dinlemek çok keyif verici ve çok etkileyiciydi. Hafızama kazınıp çıkmayan bir cümlesi beni çok etkiledi.. “10 günlük bir görev için 5 sene eğitim gördük.” dedi. Bu gerçekten uzun bir süre ve sonundaki başarı hissi çok muhteşem olmuş. Nereden mi biliyorum resimlerini gösterdi Gülümseme Hatta uzaydan çekilmiş dünyanın harkülade resimlerini gösterdi. Geceleri dünyanın uzaydan bu şekilde göründüğünü hiç bilmiyordum. Hiç görmemiştim.. Gerçekten etkileyiciydi. 2012 ‘yi heyecanla bekliyorum.

 

İlgili videolara şu adresten ulaşabilirsiniz..

Get Microsoft Silverlight

DCSIMG

Hakan Çamoğlu: CSS Tasarım (Seminer Videosu)

Hakan Çamoğlu: CSS Tasarım (Seminer Videosu)