Kayıtlar

Eylül, 2017 tarihine ait yayınlar gösteriliyor

Photoshop CSS3 Eklentisi

Resim
    Photoshop üzerinde CSS kodlarını kopyalamak kimi zaman bir işkence haline dönüşebiliyor. Hele Photoshop CSS butonunun çalışmaması başlı başına işkence türü. Bunun için internette yeteri kadar mevcut değil. Özellikle crack edilen photoshop sürümlerinin birçoğunda bulduğumuz çözümler bizi başka bir sorunun kapısına getiriyor. Birkaç gündür photoshop programının CSS özelliğini aktif etmek için uğraşıyorum. Forumlarda bunların çözüme kavuştuğunu söyleyen insanlar mevcut. Ancak benim programımda çözüme ulaşamadı. Bu yöntemleri buraya not olarak bırakıyorum. Edit > Preferences > General yolunu izleyin. Extract seçeneğini açın. Ardından photoshop programınızı kaydettiğiniz yolu izleyin. Benim bilgisayarımda, C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit) şeklinde.. Ardından Required klasörünü açın. CopyCSSToClipboard.jsx dosyasını arayın. Dosyanız mevcut değil ise editörünüzü açın. Burada bulunan kodları kopyalayarak, CopyCSSToClipboard.jsx adında kaydedin. Ardından photosh
Yorum Gönder
Devamı

CSS ile Animasyon Yapımı

Resim
    CSS gelişimi, Javascript ve Flash gibi scriptlere olan bağlılığı büyük oranda azalttı. Script ve Flash programlarının dosyalarımıza yüklediği ekstra yükün azalmasını sağladı. Bu gelişimlerden biri animasyonlardır. CSS stillerini kullanarak animasyon oluşturabiliriz. See the Pen QqKRyq by mefistof3l3s ( @kubilay ) on CodePen .     Animasyon uygulanacak seçici bloğuna animasyonun özelliklerini, @keyframes bloğuna yaptırmak istediğimiz işlemlerin kodlamasını yapıyoruz.     .ay{         animation-name: ayHareket;       }       @keyframes ayHareket{                from{left: 0;}          to{left: 10px;}        } şeklinde blokları oluşturuyoruz. Uyumluluk problemleri açısından, -webkit- etiketlerini kullanmalıyız.     animation-name: ayHareket;   // En önemli değerdir. Animasyonun kaç saat sonra çalışacağı, kaç kere döneceği gibi işlemler varsayılan değere sahiptir. Ancak  buradaki değeri belirlememiz gerekiyor. Burada vereceğimiz ismi, anahtar kelime olarak kullanacağı
Yorum Gönder
Devamı

Twitter Card Etiketleri

Resim
    Twitter cards URL'in tweet atıldığında tasarımın istediğiniz gibi düzenlemenize olanak sağlayan bir dizi meta etikettir. HTML dökümanına eklenen birkaç meta etiketiyle, twitter dan atılan twitlerin zengin bir içerikle görüntülenmesini sağlıyor. Twitter kartları, tweet içeriğimizi daha çekici göstermenin yeni bir yoludur.URL'in başlık, resim, resin boyutu, açıklama alanı gibi etiketleri bulunuyor.     Bütün meta etiketleri gibi, bu etiketler de başlık etiketleri(<head></head>) arasına alınıyor. Twitter kartlarını eklentileri kullanarak wordpress, joomla, blog temanıza gömebilirsiniz. Bunun için eklenti kurmanız gerekebilir.  Nasıl yapacağınızı görmek için tıklayın . Bu SEO açısından da büyük bir önem kazandırıyor. See the Pen veLgJw by mefistof3l3s ( @kubilay ) on CodePen .       Sitenizin nasıl görüntülendiğini, twitter'ın card validator aracı ile test edebiliyorsunuz.
Yorum Gönder
Devamı

Seni Seçtim Pikachu!

    Yeniden merhabalar.. Saat sabahın yedisi ve etrafta uçuşan kumrular insana pencereden uçup gitme hissi uyandırıyor. Bir bardak kahve ile bu manzaraya dalmak çok güzelse de, hislerimin yoğunluğundan bahsetmeyip, iyisi mi konuya geçelim. Bu yazıda select, option etiketlerinin kullanımlarını ve uygulamasını yapacağız.     Select ve option çoklu bir seçim kutusu üzerinden bir veya birden fazla seçeneğin işaretlenmesini sağlar. Birden fazla seçeneği işaretlenebilmesi, radio button etiketinden ayıran en önemli farkıdır. Formlarda sık sık karşımıza çıkan bir etikettir.     See the Pen rGNvgz by mefistof3l3s ( @kubilay ) on CodePen .     Formlar aracılığıyla işaretlenen seçenekleri başka bir dosyaya gönderebilir, kullanıcıdan bilgiler alabilirsiniz. Tabi bu tür bir işlem için, HTML üzerine biraz daha yol katetmemiz gerekiyor. PHP yardımıyla böyle bir işlemi gerçekleştirebiliriz:       Seçim kutusuna erişim sağlayabileceğimiz bir isim veriyoruz. Seçtiğimiz değeri bu isim ile
Yorum Gönder
Devamı

Philips 6x6 Yöntemi (Kötü Çizimler ve Basit Anlatım Eşliğinde)

Resim
    Philips 6x6 yöntemi bir tartışma tekniğidir. Bir iş toplantısı sırasında, daha verimli ve üretken olabilmek açısında geliştirilmiştir. Yöntem adını Donald Philips üzerinden almıştır.     Üretkenlik ve farklı bakış açılarından bakma çeşitliliği sağlar. Liderin ön plana çıktığı bir yöntemdir. Ancak sınıf üzerinde dışa kapalı öğrenciler için etkili bir yöntem değildir.      Öğrenci mevcudu fazla olan sınıflarda, uygulanması zordur. Öğrencilerin bilgiyi kavraması zorlaşır. Tartışmanın süresi, verilen konuya göre 5-30 dakika arasında tutulabilir.     Öğretici, genel olarak pasifdir. Bazı noktalarda alfa karakter rolüne bürünebilir. Philips 6x6 yöntemine benzer olarak Buzz grupları(vızıltı) yöntemi de vardır. Philips yöntemine çok benzemekle birlikte, oyun niteliğinde olduğu için küçük yaşlar açısından daha uygundur.     Tartışma yöntemi bazı öğrenciler açısından doğru yöntem olmayabilir.      Philips yöntemi yeni bir bilgiyi öğrenmekten ziyade, öğreni
Yorum Gönder
Devamı