CSS‘in filtrelerine üzerine bolca konuştuk. Popüler tarayıcıların neredeyse tamamının da destek vermesinden sonra CSS Filter yapısı kullanılarak yepyeni kütüphaneler oluşturuldu. Bugün size bu filtre kütüphanelerinden biri olan CSSGram’ı tanıtacağız. İsminden de anlaşılacağı gibi bu kütüphane resimlerinize Instagram filtresi eklemenizi sağlıyor. Hem de sadece CSS ile!
filter
WordPress’e Tablo Ekleme
WordPress‘in kendi yapısında klasik HTML table elemanını tanıyan bir dönüştürücü mevcut. Ancak CMS içerisinde bir veri tablosu (datatable) oluşturmanızı sağlayacak kapsamlı bir seçenek mevcut değil.
TablePress, WordPress’e kolay bir şekilde tablo eklemenizi sağlar. Client-side çalışan bu yapı sayesinde sorgu öğelerine sahip gelişmiş bir gridi WordPress sitenize dahil etmiş olursunuz. (daha&helliip;)
jQuery ile Scroll ve Arkaplan İlişkisi
jQuery‘nin scrollTop tanımı ile birlikte web sayfalarındaki kaydırma çubuğununun seviyesini numerik olarak yakalayabiliyoruz. Hal böyleyken bu yapıyı niye CSS3 ile ilişkilendirip şık tasarımlar hazırlamayalım ki?
Bu dersimizde aşağıya scroll edildikçe büyüyen ve bulanıklaşan arkaplan tasarımı yapacağız. İşlevsellik yükünü jQuery, tasarım yükünü de CSS sırtlayacak. Hazırsanız başlayalım.
(daha&helliip;)Photoshop ile Serbest Çalışma #2
Uzun bir aradan sonra Photoshop ile yaptığımız serbest çalışmaların ikinci adımına geçiyoruz. Hepinizin bildiği birkaç hızlı adımla fotoğraf ve rötuş sanatçısı Matthieu Garnier‘in eserini sıfırdan Photoshop ile hazırlayacağız. Stratocumulus isimli bu çalışma oval yapıdaki bulutların üzerine atılmış ince oval bir katmandan ve beraberindeki stratocumulus kelimesinden oluşuyor.
Sözü geçmişken, stratocumulus, oval köşeli, koyu tonlar içeren ve diğerlerinin alt katmanlarında barınan bulutlara verilen latince bir isim. (daha&helliip;)
CSS ile Siyah Beyaz Fotoğraflar
Bundan birkaç ay önce CSS‘in filtreleri üzerine “Sadece CSS ile Görsellerinizi Yönetin” isimli makalemizde konuşmuştuk. O günden bugüne kesinleşen ve tanım değişimine uğrayan elemanları incelemeye devam ediyoruz. (daha&helliip;)
Photoshop ile Temel Yağmur Efekti
Photoshop ile yağmur efekti hazırlamak gayet kolay. Etrafa birkaç nokta ekledikten sonra onları biraz çekiştiriyoruz. Böylece ortaya hızla süzülen yağmur damlaları çıkıyor. Hadi şimdi bu anlattıklarımı detaylandıralım. (daha&helliip;)
CSS ile Etkileyici İnteraktif Logo
Merhaba arkadaşlar.
Bu makalemizde CSS’in Blur efektini kullanarak tanım ve slogandan oluşan gayet etkileyici bir logo (başlık örneği de olabilir) hazırlayacağız. Öncesinde örneği görüntülemek isteyebilirsiniz.
(daha&helliip;)Photoshop ile Instagram’ın Nashville Filtresini Hazırlıyoruz
Bu videomuzda Instagram’ın popüler filtrelerinden olan Nashville efektini hazırlayacağız.
(daha&helliip;)
CSS3 Filter : Sadece CSS ile Görsellerinizi Yönetin
Artık resim düzenleme programlarının yapabileceklerini CSS3 ile birkaç satır yazarak hızlıca yapabiliyoruz.
Yapabileceklerimiz
Bulanıklık, parlaklık, renk yoğunluğu, renk değişimi, karşıtlık, renkleri terse çevirmek, siyah-beyaz yapmak ve sepyaya çevirmek. (daha&helliip;)
CSS ile Bulanık Arka Plan
Merhaba arkadaşlar.Sizlerin de bildiği gibi CSS3 ile Filter yelpazesi fazlasıyla genişledi. Photoshop ve türevi programlarda kullandığımız Blur efekti CSS’e kod desteği ile birlikte geldi. Fakat an itibariyle tüm tarayıcılar bu yeniliği desteklememekte. Bu yüzden size kullandığım alternatif tekniği öğreteceğim. (daha&helliip;)