ghost-button-with-css

CSS ile Ghost Button nasıl hazırlanır?

Günümüz web tasarımı trendlerinden biri de Türkçe karşılığıyla hayalet butonlar.

Literatüre göre ghost button, web sayfalarının birincil aksiyonuna kullanıcıları taşımakla ilişkilendirilmiş. Ayrıca çizgisel ve şık bir tasarıma sahip bu butonlar sitenizin cazibesini arttırmanıza yardımcı olacaktır.

Bu dersimizde sizlerle birlikte CSS kullanarak iki adet ghost button tasarımı oluşturacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Google News Kayıt Olma

Google_News_LogoGoogle News, Google’ın diğer sitelerden haber niteliğindeki konuları alarak kendi sisteminde listelediği ücretsiz bir hizmet. Özellikle haber siteleri için büyük bir fırsat olan bu hizmetin web sayfanız trafiğine önemli katkılar sağlaması söz konusu. Tabii başvuru sürecinde kabul görmeniz için üstesinden gelmeniz gereken birkaç kriter var.

Bu makalemizde Google News’e nasıl kaydolacağınızı anlatacağız.
(daha&helliip;)

Devamını Oku

Google’ın Resizer ile sitenizinin mobil cihaz performansını test edin

google-resizer-logoGoogle Design’ın ilham veren yeni projelerinden biri de Resizer.

Tecrübeli ekibin geliştirdiği Resizer, web sitelerinizin farklı platformlarda nasıl göründüğünü test etmenizi sağlıyor. Bir ekran üzerinden sağladığı şık bir sunumla çalışan uygulama multi-platform çalışması gereken projeleri önizleme imkanı sağlıyor.

(daha&helliip;)

Devamını Oku

cssgram

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

İnfografik Tasarımları ile Anlatımlarınızı Renklendirin

infographic-banner

Günümüz anlatım ve sunumlarında görsel yükü artık infografikler (infographic) taşıyor. Dev firmaların da büyük verilerini yine infografik şabloları ile sosyal medyada anlatır olması bu tasarım tipini daha da popüler kılmakta.

Genellikle Adobe Illustrator üzerinde hazırlanan ve düzenlebilen bu şablonları siz de anlatımlarınızda kullanmak ister misiniz? Adobewordpress ailesi olarak sizler için 10 kaliteli ve ücretsiz infografiği derledik.
(daha&helliip;)

Devamını Oku

Bu fotoğraflar iPhone ile çekildi

iphone-fotograflari-brock-davis

Brock Davis iPhone’u ile çektiği fotoğraflarla çığır açan ve ödüller kazanan bir sanatçı. Hayatının büyük bir kısmında reklamcılık sektöründe çalışan Brock boş zamanlarında çektiği fotoğrafları Instagram hesabında paylaşmaya başlayınca tüm dikkatleri üstüne topladı.

Sizler için sanatçının iPhone cep telefonuyla çektiği fotoğraflardan en beğenilenleri derledik.

(daha&helliip;)

Devamını Oku

Tarih Kokan Siyah-Beyaz Fotoğraflar Renklendiriliyor

einstein-long-island-siyah-beyaz

Yakın tarihimizi daha net görmemizi sağlayan fotoğrafın ilk evrimini, siyah-beyaz fotoğrafları hatırlar mısınız?

Einstein‘in Long Island’da yazlık kıyafetleriyle, Elizabeth Taylor‘ın oynadığı Giant filminin posterlerini ya da Times Dergisi’nin Amerikan Başkanı Kennedy‘i oval ofisinde fotoğrafladıkları an bunlardan sadece birkaçı. Bu eşsiz anlara tanıklık etmemizi sağlayan eski fotoğraflar artık tekrar renkleniyor.

Yüzlerce Reddit üyesi tarihte yer etmiş siyah-beyaz fotoğrafları Photoshop ile renklendiriyor. ColorizedHistory isimli subreddits sizin de beğeninizi kazanacak. Tasarımcılardan oluşan bu grubun renklendirdiği en dikkat çekici ve tarihte yer etmiş fotoğrafları sizin için derledik.

(daha&helliip;)

Devamını Oku