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)

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

web üzerine öğrenip öğrenebileceğiniz neredeyse herşey bu sitede anlatılıyor ve hepsi de ücretsiz. anlatılan konular üzerinde size temel ve orta seviyede uygulama bilgisi anlatılıyor. ve bu bilgiler oldukça değerli olduğu için de, çabuk ve kolay bir öğretim sergiliyorlar. peki bir web geliştiricisi nereden başlamalı? w3schools bu soruyu sizin için cevaplayacak ve sizin profesyonel bir web geliştiricisi olmanızı sağlayacak kesin bir kaynak ve sizi geleceğe hazırlayacak. her konuda web öğretimleri, kendi kendinize yapabileceğiniz kolay örnekler, web geliştirmesi üzerine standart referanslar ve belki de en önemlisi web sertifikasyonları yapıyorlar.

1. HTML Öğretimleri
   – html öğrenin!
   – xhtml öğrenin!
   – css öğrenin!
   – tcp/ip öğrenin!
2. XML Öğretimleri
   – xml öğrenin!
   – dtd öğrenin!
   – xml dom öğrenin!
   – xslt öğrenin!
   – xquery öğrenin!
   – xlink öğrenin!
   – xforms öğrenin!
   – soap öğrenin!
   – wsdl öğrenin!
   – rss öğrenin!
   – wap öğrenin!
   – web servisleri öğrenin!
3. İstemci Script Öğretimleri
   – javascript öğrenin!
   – html dom öğrenin!
   – dhtml öğrenin!
   – vbscript öğrenin!
   – ajax öğrenin!
   – e4x öğrenin!
   – wmlscript öğrenin!
4. Sunucu Script Öğretimleri
   – sql öğrenin!
   – asp öğrenin!
   – ado öğrenin!
   – php öğrenin!
   – asp.net öğrenin!
   – .net mobil öğrenin!
5. Multimedya
   – medya öğrenin!
   – smil öğrenin!
   – svg öğrenin!
   – flash öğrenin!
6. Web Geliştirme
   – web geliştirme öğrenin!
   – web i̇stemcileri öğrenin!
   – web sertifikasyonu öğrenin!
   – web sağlayıcı öğrenin!
   – web w3c öğrenin!
   – web kalitesi öğrenin!
   – web semantic öğrenin!
7. Web Standart Referansları
8. Karakter Setleri
9. Örnekler
10. İstatistikler
    – istemci istatistikleri
    – platform istatistikleri
    – çözünürlük istatistikleri
11. Sınavlar
12. Sertifikasyon
13. Doğrulama

Mysql Mantıksal Operatorler ve Fonksiyonlar 3,

% :Mod alma işlemi için kullanılır.

Select 10%100;–>10

+ : Toplama işlemi için kullanılır.

Select 10+10;–>20

– :Çıkarma işlemi için kullanılır.

Select 10-10;–>0

* :Çarpma işlemi için kullanılır.

Select 10*10;–>100

/ :Bölme işlemi için kullanılır.

Select 100/10; –>10

Between : Belli bir aralıkda arama yapar.

Select 1 between 2 and 3;–>0
Select ‘b’ between ‘a’ and ‘c’;–>1 (b a ile c arasındaysa true değilse false döndürür.)

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.

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.

Burada ki site ile ascii karakterler benim gözümde başka bir yere geldi açıkçası. Bu bir ascii resim ansiklopedisi.
Ascii ile çizilmiş A’dan Z’ye her şeye ulaşabilirsiniz.

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.