SASS – VS 2013 Update 2 CTP 2 ile Gelen SASS Yenilikleri

SASS-Syntactically Awesome StyleSheets

Geçtiğimiz günlerde sizlerle paylaştığım Visual Studio 2013 Update 2 CTP 2 güncellemesi ile gelen birçok yenilikten SASS ile ilgili olanları inceleme fırsatı buldum. Gerek bu güncellemenin kurulumu gerekse yazıda sizlere bahsettiğim Web Essentials 2013 ‘ün bu yeni VS 2013 Update 2 CTP 2; community preview (topluluk öngörünüm) sürümü güncellemesi ile olan uyumsuzluğunun nasıl giderileceği, Web Essentials 2013 Nightly extension sürümünün Visual Studio 2013 ‘e yüklenmesi hakkında sizlere yeni bir video hazırladım.

Tabii ki Visual Studio 2013 Update 2 CTP 2 güncellemesinin Release (son hali) olmadığını belirtmekte fayda var. Bu güncelleme sonrasında kullandığınız bazı extension ve diğer araçlarda belirsiz hatalar görebilirsiniz. O sebeple sizin için kritik öneme sahip makinalarda kurmamanızı öneririm.

Sonrasında bu çalışıyordu ne oldu şimdi buna demeyin. Gülümseme Fakat önemli olmayan veya zaten kullandığım bir extension ya da tool yok dediğiniz makinalarda (pure installation) yenilikleri yaşayabilmeniz açısından yükleyebilirsiniz.

kmb-udemy-reklam

Reklamlar

SASS – Bunlar da varmış dediklerim ve VS2013 Extension Detayları

SASS-Syntactically Awesome StyleSheets

SASS (Syntactically Awesome StyleSheets) serimizde, sıradaki video’da sizlere Visual Studio 2013 üzerinde incelediğim SASS desteği veren extension’ların yapabildikleri ve yapamadıklarından bahsedeceğim. Ayrıca Online Sass Compiler olan SASS Meister üzerinde derleme işlemini göstereceğim. Herhangi bir program kurmadan sass(scss) dosyalarını işleyebilirsiniz.

Bunların dışında ayrıca sass özelliklerinden PlaceHolder Selectors, @import url kullanımı, @media kullanımı kavramlarına örnekler ile değinmeye çalıştım.

Sass desteği veren visual studio 2012 – 2013 extension’ larına aşağıdaki adreslerden ulaşabilirsiniz.

  1. SassyStudio
  2. Mindscape Web Workbench
  3. Web Essentials 2012
  4. Web Essentials 2013

 

kmb-udemy-reklam

SASS – Koala App Kurulumu ve Kullanımı

SASS-Syntactically Awesome StyleSheets

SASS (Syntactically Awesome StyleSheets) serimizde, sıradaki video’da sizlere SASS kullanımında Visual Studio kullanmadan nasıl scss dosyalarını derleme yapabileceğinizden bahsedeceğim.

Bu videomuza kadar yaptığımız tüm örneklerde visual studio IDE kullanarak SASS(scss) dosyalarımızı oluşturduk. Dosyamız üzerinde kaydetme işlemi yaptığımız anda gerekli derleme gerçekleşerek bize CSS dosyamızı oluşturuyordu. Peki elimizde Visual Studio yoksa hangi araçları kullanarak sass dosyalarımızı derleyebiliriz. Bunun için sass’ın sitesinde bir dizi program bulunmaktadır. Uygulama listesine install sayfadan erişebilirsiniz. Open Source(ücretsiz) ve Paid(ücretli) olarak uygulamalar listelenmektedir. Ben ücretsiz olan Koala app ‘i kullanıyorum. Fakat Scout ‘da ona benzer, onu da kullanabilirsiniz. Tüm open source(ücretiz) yazanları kullanabilirsiniz. Paid(ücretli) olanlarda da ücreti karşılığı gayet güzel özellikler gelmektedir.

koala app

Koala app ve scout uygulamalarının ikisini de kullanabilirsiniz. İkisinin de amacı derleme yapmak. Yani bir metin editörü içermiyorlar. Bilgisayarınızda bir klasör’ü program üzerine sürükleyip bıraktığınızda o klasörü proje olarak kabul ediyor ve içerisindeki dosyaları okuyor. Okuduğu dosyaları türlerine göre listeliyor. Klasör içindeki dosyalarınız da yapacağınız kodlamayı “Not Defteri” , “Notepad++” vs gibi metin editörleri ile yapıyorsunuz. Koala bu dosyaları sadece derleyerek size css çıktılarını üretiyor. Bu videoda sizlere kurulumdan kullanımına kadar nasıl yapıldığını izleyebilirsiniz.

kmb-udemy-reklam

SASS – Function & Control Directives

SASS-Syntactically Awesome StyleSheets

SASS (Syntactically Awesome StyleSheets) serimizde, sıradaki video’da sizlere SASS üzerinde function directives ve control directives tanımlama ve kullanma gibi konulara değiniyor olacağım.

@function ile mixin kavramından farklı olarak değer döndüren fonksiyonlar tanımlıyor olacağız.

@if, @for, @each, @while gibi control directive ‘leri kullanarak koşullu stil ifadeleri, döngüler kullanarak bir seri stil’i oluşturma gibi konularda örnekleri aşağıdaki videodan izleyebilirsiniz.

 

kmb-udemy-reklam

SASS – Partial & Imports

SASS-Syntactically Awesome StyleSheets

SASS (Syntactically Awesome StyleSheets) serimizde, sıradaki video’da sizlere SASS üzerinde Partial Files oluşturma ve bunları kullanma(import) gibi konulara değiniyor olacağım. Önceki videomuzda oluşturduğumuz kodlarımızın bir kısmını alarak partial bir SASS dosyasına taşıyacağız. Ardından bu dosyayı projemize ait olan, derlenerek css kodu oluşturan SASS dosyamıza import edeceğiz.

kmb-udemy-reklam

SASS – Variables & Nesting

SASS-Syntactically Awesome StyleSheets

SASS (Syntactically Awesome StyleSheets) serimizde, sıradaki video’da sizlere SASS üzerinde Variables(değişkenler) tanımlama ve kullanma, Nesting(iç içe yazma) gibi konulara değiniyor olacağım. “div” elementlerine SASS dosyası(.scss) ile oluşturduğumuz(aslında otomatik olarak oluşan) css dosyası ile stil vereceğiz.

kmb-udemy-reklam

Yakındaki Web Seminerleri

Powerpivot ile herkes için iş zekası

"Herkes için İş Zekası" vizyonunun çok önemli bir parçası olan PowerPivot, büyük veri kümelerinde hızlı işleme (çoğunlukla milyonlarca satır), verilerin gelişmiş tümleşmesi ve SharePoint 2010 aracılığıyla çözümlerinizi çaba sarf etmeden paylaşma özelliği gibi çığır açan teknolojiler sağlar. Bellek içi analizde çok başarılı olan PowerPivot’un SQL Server 2012 ile birlikte yeni özelliklere sahip oldu. Yeni versiyonda hiyerarşi, KPI, güvenlik, perspektif, measure tanımlama, data view gibi birçok yenilik sizleri bekliyor. Bu oturumda PowerPivot’un yeni özelliklerini daha yakından tanıma fırsatı bulacaksınız.

  • 6 Mart 2013, Çarşamba
  • 10:00 – 11:00
  • Osman Çokakoğlu

SQL Server 2012 – Filetable Yapısı

Bu oturumda SQL Server 2012 ile birlikte gelen Filetable yapısı işlenecektir. Kurulumu, kullanımı, Filestream ve Filetable arasındaki farklar ve Semantic Search ile kullanımı yine bu oturumda konuşulacak olan konu başlıklarıdır.

  • 17 Nisan 2013, Çarşamba
  • 10:00 – 11:00
  • Yiğit Aktan

SQL Server 2012’de Extended Events

Bu web seminerinde SQL Server 2012’de Extended Events’deki değişiklikleri, Management Studio üzerine eklenen yeni sihirbaz yardımı ile tasarımı, Transact SQL yardımı ile session oluşturulması ve SQL Trace’lerinin Extended Events’e çevrilmesi gibi özellikler üzerinde durulacaktır.

  • 8 Mayıs 2013, Çarşamba
  • 10:00 – 11:00
  • Yiğit Aktan