/Twitter-Cards

Tweet sending screen and mention design with JS

Primary LanguageCSS

Twitter Kartları

Bu projemde tweet gönderme paneli oluşturup tweetlerimi listeledim. Bu panel 30 karaktere kadar müsaade etmekte olup 30+ karakter sonrasında sizi uyarmakta ve tweetlemenizi önlemektedir.

Kullanılan Teknolojiler

  • JS
  • CSS
  • HTML

Yardımcı Kaynaklar

  • Font Awesome (İkonlar)
  • Google Fonts (Yazı Stili)

Ekran Görüntüleri

twt-1

twt-2 79e)

twt-3

twt-4

twt-5

Video

Özellikler

  • Tweet paneline ve dışına tıklanma anında placeholder renk değiştirir.

  • Panele metin girişi yapıldığında placeholder kaybolur.

  • Yazmaya başlayınca sayaç ortaya çıkar ve saymaya başlar.

  • Yazmaya başlayınca tweet butonu aktifleşir.

  • Sayaç limiti aşılınca arka plan rengi değişir ve tweet butonu devre dışı kalır.