ascii | bildirgec.org

CSS3 tamamen yaygınlaşmasa ve tüm tarayıcılar tarafından tam olarak desteklenmemiş olsa bile birçok başarılı uygulama yapılmakta. Web sitelerinizi daha interaktif ve daha renkli hale getiren bu uygulamalar arasında çizim örnekleri bile bulunmakta. Günümüzde hala imajlar kabul görürken css'nin sınırları zorlanarak ascii karakterler ile birçok farklı çizim örnekleri de yapılıyor. Birçoğunun detaylı açıklaması da verilen aşağıdaki uygulamaların benzerlerini siz de yapabilirsiniz.

Sweet CSS3 Buttons
(Tatlı CSS3 Butonları)

CSS Logo

CSS Olympic Logo
(CSS Olimpik Logo)

fotoğrafı çekilmiş bir kartvizit

creaceed, prizmo isimli yazılımına birkaç ay önce yaptığı güncelleme sayesinde kamera destekli taranmış resimlerin perspektif düzeltimlerini sağlamayı başarmıştı. bu gelişmeler "iphone ne zaman optik karakter tanımlama (ocr) yapabilecek?" sorusunu gündeme getirmişti.

yazılım perspektif ayarlaması yapıyor

eğer apple onayından geçerse, ocr işlemeyi başaran yazılım birkaç hafta içinde apple yazılım indirme servisinde yayınlanacak. yazılımın geleceği çok parlak. çünkü ilerleyen zamanlarda kötü perspektifleri daha doğru düzeltme ve desktop pc'ler ile daha iyi uyumluluk getirecek. yazılım sizden sadece kamerayı metin içeren objeye yöneltmenizi ve deklanşöre dokunmanızı istiyor.

CSS ile web tasarımın dışında yapabileceğiniz farklı bir uğraş olan resim çizimi oldukça zor olsada css3 ile birliklikte çok az da olsa biraz kolaylaşmız gözüküyor. pixel'ler kullanılarak yapılan tasarımlar, ascii karakterler ile oluşturulan tasarımlar ve css3 desteklikli tasarımlar bulunmakta. Aşağıda yüksek kalitede css ile yapılan çizimler bulunmakta. Nasıl yapıldığını inceleyebilir, benzer çalışmalara adım atabilirsiniz. CSS ile Yapılan Çizimler;

Twitter Fail Whale

Homer Simpson

Skull with Flames
(Alevli Kafatası)

Homer Simpson

Css ile resim çizilir mi?" diye sorsalar "çizilir ama çok uğraşmak gerekir" derdim. "Peki nasıl çizilir?" deseler ilk aklıma gelecek yöntem div'leri pixel olarak kullanarak uzun uğraşlar sonucu bir resim ortaya çıkarmak olurdu. fakat şimdi anlatacağım çalışmada çok daha profesyonel bir teknik kullanmışlar.

öncelikle şunu belirteyim ki yukarıdaki çok sevdiğim Homer Simpson resmi tamamen Css ile hazırlanmış.

Nasıl mı?

generators

Tasarlarken veya kodlarken, bazen günlerce uğraşmak zorunda kaldığımız, tasarım öğelerini ve kodlamaları, internet üzerinden birkaç saniye içinde oluşturmamızı sağlayan online araçları, bir araya toplayan generateursweb2.com sitesi 1100 'den fazla online aracı listelemiş.

ASCII, css, tasarım, e-mail, favicon, flash, form, eğlence, Htacess, resim, meta tag, alan adı, pdf, text, robot.txt, sitemap gibi, 22 kategori başlığı altında sunulan online araçların listesini buradan görebilir, eğer sizin de böyle bir çalışmanız var ise, buradaki formu doldurarak, liste de yer almasını sağlayabilirsiniz.