Emojilerin Favicon Olarak Kullanımı
LinuxFr.org'da yayımlanan Quelques cadriciels Web C++ yazısındaki basit web uygulamasını Cutelyst'e aktarırken uygulamanın konusuna uygun olarak basitçe bir hayvan emojisi kullanmaya karar verdim.
Google arama sonuçlarında karşıma çıkan Favicon.io ile bir tilki emojisini favicon.ico olarak indirip geleneksel yollarla uygulamama dahil ettim. Bununla birlikte bu yöntemde beni rahatsız eden şeyler vardı.
İlk başta Favicon.io gibi bir servis olmasaydı GIMP gibi bir resim işleme yazılımında biraz uğraşmam gerekecekti. Daha önemlisi webe yönelik geliştirme yapmaya yeni başlamış biri olarak devrimci kesilmek istemiyorum ama bu işi yapmanın en iyi yolunun bu olmadığını düşünüyorum.
Daha iyi bir yol bulana kadar yukarıdaki gibi emojileri favicon olarak kullanabilirsiniz. Bu veya benzeri yöntemlerle örneğin her hayvan sayfası için farklı hayvan emojisi kullanılabilir.
Son olarak şunu söylemek istiyorum. Eğer uzun süredir webe yönelik geliştirme yapıyorsanız favicon'ların kullanımıyla ilgili aslında hiçbir sorun olmadığını düşünebilirsiniz. Ama sizce ortada bir sorun olmasa insanlar favicon kullanmayan geliştiricilerin sitelerini rahatça kullanabilmek için Favioli gibi çözümler üretmeye uğraşır mıydı?
Google arama sonuçlarında karşıma çıkan Favicon.io ile bir tilki emojisini favicon.ico olarak indirip geleneksel yollarla uygulamama dahil ettim. Bununla birlikte bu yöntemde beni rahatsız eden şeyler vardı.
İlk başta Favicon.io gibi bir servis olmasaydı GIMP gibi bir resim işleme yazılımında biraz uğraşmam gerekecekti. Daha önemlisi webe yönelik geliştirme yapmaya yeni başlamış biri olarak devrimci kesilmek istemiyorum ama bu işi yapmanın en iyi yolunun bu olmadığını düşünüyorum.
Bu şekilde düşünen tek kişi olmadığımı görünce sevindim. Kristján Oddsson, Twitter'da aşağıdaki gibi dert yanmış:
Emojileri favicon olarak kullanabilmek için hangi teknik komiteye teklif sunmam gerekiyor?
Sonra da güzel bir çözüme ulaşmış ve bunu günlüğünde benim gibi yenilerin de kolayca anlayabileceği şekilde anlatmış:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <link rel="icon" data-emoji="🛰" type="image/png"> | |
| <body> | |
| <h2>JavaScript ile Emojileri Favicon Olarak Kullanın</h2> | |
| <p>Siz de mi favicon.ico oluşturmaktan sıkıldınız?</p> | |
| <p id="demo"></p> | |
| <script> | |
| const favicon = document.querySelector("link[rel=icon]"); | |
| if (favicon) { | |
| const emoji = favicon.getAttribute("data-emoji"); | |
| if (emoji) { | |
| const canvas = document.createElement("canvas"); | |
| canvas.height = 64; | |
| canvas.width = 64; | |
| const ctx = canvas.getContext("2d"); | |
| ctx.font = "64px serif"; | |
| ctx.fillText(emoji, 0, 64); | |
| favicon.href = canvas.toDataURL(); | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |
Daha iyi bir yol bulana kadar yukarıdaki gibi emojileri favicon olarak kullanabilirsiniz. Bu veya benzeri yöntemlerle örneğin her hayvan sayfası için farklı hayvan emojisi kullanılabilir.
Son olarak şunu söylemek istiyorum. Eğer uzun süredir webe yönelik geliştirme yapıyorsanız favicon'ların kullanımıyla ilgili aslında hiçbir sorun olmadığını düşünebilirsiniz. Ama sizce ortada bir sorun olmasa insanlar favicon kullanmayan geliştiricilerin sitelerini rahatça kullanabilmek için Favioli gibi çözümler üretmeye uğraşır mıydı?
Yorumlar
Yorum Gönder
sen de yaz yaz yaz buraya yaz bütün sözlerini