Adobewordpress gururla sunar : “iPhone Mesajlar Ekranı”

iphone-mesajlar-css-html
Bugün sizlerle birlikte çok şık ve eğlenceli bir mesaj panosu tasarımı yapacağız.

iPhone‘un şık ve kullanışlı mesajlaşma ekranı hem sadeliği hem de kolay kullanılabilir olması sebebiyle izini sürebileceğimiz başarılı tasarımlardan birisi. Peki bu yapıyı web ortamına nasıl aktaracağız? HTML5 ve CSS3‘ün güçlendirilmiş yeni teknikleri ve jQuery‘nin fonksiyonelitesiyle bu iş sandığınız kadar zor olmayabilir.

Adobewordpress gururla sunar :
Karşınızda responsive yapıdaki iPhone mesajlar ekranı tasarımı

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Yeni sekmede açılan bağlantılar nasıl özelleştirilir?

css-newtabWeb sayfanızda kullandığınız dış bağlantıları özelleştirmeniz, kullanıcılarınızı ilgili linke tıkladıklarında yeni bir sekme açılacağına dair uyarmanızı sağlar. Bu tip küçük hatırlatmalar kullanıcı deneyimi seviyenizi arttırır ve takipçilerinizde farkındalık yaratır.

Peki böylesine bir işlemi yaparken sitenizde daha önceleri kullandığınız yüzlerce dış bağlantıyı da tetiklemek, bütün linkleri tek tek düzenlemek zor olmaz mı? Evet, ancak CSS‘in attribute selectorü sayesinde bu işlemi yapmak çocuk oyuncağı.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

CSSGram ile Resimlerinize Instagram Filtresi Ekleyin

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!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku