KMRT BSRN

"Hiç kimsenin ilgisine ihtiyaç duymadığın gün olgunlaşırsın. Hiç kimseden beklentiye girmediğin gün yara almazsın. Ve hiç kimseye bağımlı kalmazsan kazanırsın." OSHO


Yorum bırakın

SASS–Online SASS Derleyiciler

SASS-Syntactically Awesome StyleSheets

Bu videomda sizlerle Online SASS araçlarından bahsedeceğim. Beraberce Googling yaparak arayacağız ve bulduklarımızı inceleyeceğiz. Aslında videoda da görebileceğiniz gibi 2 adet site bulacağız. İlk göze çarpan siteler, tabii ki bu sitelerin yaptığı işi yapan bir örnek proje de yapabilirsiniz. Sonuçta SASS kodlarını derleyebileceğiniz SassScript desteği mevcut.

Aslında kurduğumuz visual studio extension’larınında yaptıkları aynı şekilde kodları çalıştırmak. Basit bir windows app ya da asp.net web app sizlerde yapabilirsiniz.

Bulduğumuz online araçlar ve sonrasında bulduğum diğerleri ile beraber aşağıdadır. Ayrıca bazı eğitim sitelerine de rastladık. Gerçekten faydalı olduğunu düşünüyorum. Hızlıca öğrenme ve alışkanlık kazanma açısından kullanabilirsiniz. Videomuzda da bu araçları nasıl kullandığımızı inceliyor olacağız.

SASS Öğreten Siteler;

Online SASS Derleyici Siteler;

Online SASS Derleyiciler


1 Yorum

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.

VS 2013 Update 2 CTP 2 ile Gelen SASS Yenilikleri


Yorum bırakın

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
SASS – Placeholder Selectors, import url, media ve VS2013 Extensions Detayları


Yorum bırakın

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.

SASS – Function & Control Directives


Yorum bırakın

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.

SASS – Partial & Imports


Yorum bırakın

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.

SASS – Variables & Nesting