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ı)

Bu tatlı css3 butonları sayesinde web sitenizini oldukça renklendireceksiniz.

CSS Logo

Tamamen css kullanılarak çizilen bu logolar uğraş gerektirse de gerçeğini aratmayan cinsten. Tamamen ascii karakterler ile yapılan bu logolar arasında CBS, CNCB-e (NBC), BMW, Univision gibi şirket logoları da var.

CSS Olympic Logo
(CSS Olimpik Logo)

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.

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ı)

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ı?

zaman zaman yazılarımızda klavyemizde olmayan karakterlere ihtiyaç duyuyoruz. ben ms word'un simge ekleme özelliğinden yararlanıyordum. bir diğer yol da sembol yazı karakterlerini kullanmak. yazının konusunu oluşturan web aracı ise Copy Paste Character. sitede bulunan simgeleri fare ile seçerek kopyalabiliyorsunuz ve istediğiniz yere eklebiliyorsunuz. bana bunların html kodları lazım diyorsanız şuraya ve şuraya bakabilirsiniz.

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.

css kulllanarak artık çizgi film karakterleri ya da bir resim yapmak düşüncesi bir insanevladının aklına nasıl gelebilir bilmiyorum. homer ve bush çizimlerinin CSS ve ASCII karakterleri kullanılarak yapılışını görünce bu soruyu siz de kendinize sorabilirsiniz.

çizimler jquery isimli bir javscript kütüphanesi kullanılarak gerçekleştirilmiş.(@Ractamainus 'un düzeltmesi şöyle: "bu kütüphane sadece yavaş olarak bu işlemin izlenebilmesi için kullanılmıştır") aşağıda çizimin gerçekleşme anından bir ara kesit bulunuyor.

ASCII Poster sitesine girip herhangi bir resim yükleyerek ascii karakterlerinden oluşan posterler hazırlayabilirsiniz.

create sayfasına girip JPG formatındaki bir resmi yükledikten sonra oluşacak posterin türünü ve kaç sayfadan oluşacağını belirtiyorsunuz. Daha sonra da Make Poster butonuna tıklayarak çıktısını PDF dosyası olarak bilgisayarınıza indiriyorsunuz.