HTML
1

Hava Durumu HTML/CSS

CSS HTML

weather

GRFXPRO web sitesinde paylaşılan Hava Durumu PSD dosyasını Bootstrap kullanarak HTML/CSS olarak kodladım.

Buraya tıklayarak dosyayı indirebilir ya da buradan önizlemesini görebilirsiniz.

2

Mini Login HTML/CSS

CSS HTML

mini-login

365psd web sitesinde paylaşılan psd dosyasını can sıkıntısından HTML/CSS olarak kodladım.

Buraya tıklayarak dosyayı indirebilir ya da buradan önizlemesini görebilirsiniz.

Dosyanın orijinal halini buradan indirebilirsiniz.

2

Facebook meta etiket verilerini yenilemek

HTML İnternet

Bir siteyi Facebook üzerinden paylaşırken istediğiniz şekilde gözükmesi için Open Graph protokolüne ait şu etiketleri kullanıyoruz.

Diyelim ki sitenizin bir sayfasını Facebook’ta paylaştıktan bir süre sonra, sayfadaki etiketleri değiştirme gereği duydunuz. Siteyi yeniden paylaşmaya çalıştığınızda, paylaşma penceresinde eski etiket verilerini görebilirsiniz.

Eski verileri temizleyip yeni verileri göstermek için (Facebook’un önbelleğini temizlemek için) Debugger Tool sayfasını kullanabilirsiniz.

facebook-open-graph

Sayfanın adresini kutuya girip Debug butonuna bastığınızda yeni eklediğiniz verilerin ekrana geldiğini göreceksiniz. Bu sayfayı tekrar Facebook’ta paylaşırsanız yeni verileriniz gözükecektir.

Debugger Tool
https://developers.facebook.com/tools/debug

Open Graph Protokolü hakkında detaylı bilgi için
https://developers.facebook.com/docs/opengraphprotocol/

0

Fiyat Tablosu Tasarımı

CSS HTML

Bir kaç gün önce bir fiyat tablosu hazırlamam gerekti. Bende kısa bir süre önce PSDChest web sitesinde gördüğüm fiyat tablosu tasarımını kullanmaya karar verdim ve bu tasarımı koda döktüm.
Yazının devamı için tıklayın →