Projelerimden biri üzerinde çalışırken, ülke koduna bağlı olarak belirli bir bayrağı görüntülemem gereken bir özellik var. İlk yaklaşımım ülke bayraklarının zip dosyasını alıp görüntüler klasöründen yerel olarak çıkarmaktı.
Etiket: Kodlama
Statcounter’da 2021 Q1’deki cihaz pazar paylarına bakılınca mobilin masaüstü cihazları geçtiğini ve yükselmeye devam ettiğini görebiliyoruz. Şu an %54,25 mobil %42,9 masaüstü %2,85 tablet. Yine aynı sitede işletim sistemlerine bakıldığında mobil işletim sistemleri yükselişte.
JavaScript en eski programlama dillerinden biridir ve şu an web/mobil uygulamalarında dünyanın en çok kullanılan dili olduğunu rahatlıkla söyleyebilirim.
JavaScript ile ilgili bir işiniz, mesleğiniz, projeniz var ise bu konuda trend oluşturan veya trendleri çok iyi takip eden “Influencers” diyebileceğimiz kişileri takip etmeniz size harika ipuçları ve fikirler verebilir. İşte JavaScript Influencers 2021 listesi.
CSS medya sorguları CSS3’ün bir parçası olarak ortaya çıktı. Cihaza veya cihazın özelliklerine göre CSS’nizi değiştirmenize izin vermektedir. Sayfanızın görünümünü ekranınızın genişliğine göre ayarlamak için muhtemelen bunları zaten kullanıyorsunuz. Bununla birlikte, genellikle göz ardı edilen başka birçok fonksiyonu vardır.
Web sitesinde menü ve bağlantılar için animasyon aramaktan bıktınız ise bu koleksiyon sayesinde aramayı bırakabilirsiniz. 100’den fazla farklı animasyonun bir listesini buldunuz.
Google Sheets/E-tablolar Masaüstünde kullandığımız Microsoft Office benzeri ama daha fazlası. Google Drive içerisinde kullanılabilen bu uygulama ile birçok farklı uygulamalar geliştirilebiliyor.
WordPress 5.5 versiyonu ile birlikte site içeriklerinde kullanılan tüm görsellere loading="lazy" kodunu ekler, 5.7’den itibaren iframe’lere de aynı şekilde ekleme yapmaktadır.
Son zamanlarda NFT’lerin popülaritesi dijital koleksiyonlar sayesinde arttı. Muhtemelen sosyal medya akışlarınızda NFT’ler hakkında konuşan insanları da görmüşsünüzdür.
Bu yazımda HTML ve CSS kullanarak sayfa içerisindeki resmlerin üzerine gelindiğinde :hover olarak metin gösterilmesini paylaşacağım. Bu Google Görsel SEO için de iyi bir işlem.
HTML ve CSS kullanarak aç-kapa(toggle) buton oluşturmak o kadar da zor değil, nasıl yapılabileceğini paylaşıyorum.
Bir div’i veya herhangi bir(display:block; olan) elemanı yatay ve dikey olarak ortalamanın tüm yollarını paylaşacağım.
Hello World! Bugün sizlere Front End web developerların işine yarayacak, @DevLorenzo’nun hazırladığı Cheatsheet derelemesini paylaşacağım.
Web sayfalarında bazı nedenlerle bazı görseller gösterilemeyebilir, bu durumlarda sayfada resim yerine hiç güzel olmayan bir görüntü oluşur ve biz bu vereceğim CSS kodu ile onu yakışıklı hale getireceğiz.
Bir HTML web sitesi için slide show/slayt gösterisi deyince akla ilk gelen şey JavaScript oluyor ancak bir CSS kompetanı olarak ben eğer basitçe yalnızca görseller görünecek ise JavaScipt’e ihtiyaç duymuyorum.
Bir önceki yazımda CSS ile Scrollbars/kaydırma çubuğunun gizlenebilmesini göstermiştim, bu yazımda da sayfa içerisindeki bir bölümün kaydırma çubuğunu yalnızca üzerine gelinince(hover) gösterilmesini anlatacağım.