Eğer yaptığınız web sitesi/uygulama süper hızlı değilse loading/yükleyici animasyonları kullanmayı düşünürsünüz. Çoğumuz süper hızlı değiliz ve burada verilen “Pure CSS”(sadece CSS) loading animasyonlarından kullanabiliriz.
Etiket: Web Development
CSS’e çok şey borçluyuz, günümüzde var olan tüm web uygulamaları hatta neredeyse tüm mobil uygulamaların görünümleri CSS ile verilmektedir.
Bu basit JavaScript fonksiyonunun yaptığı iş sadece tarayıcı UA’yı alıp HTML tagine class olarak atamak.
Günümüzde insanlar büyük oranda akıllı mobil cihazları ile internete bağlanıyor ve web sitelerini de akıllı mobil cihazları ile gezmektedir, bu akıllı cihazların tamamına yakınında titreşim fonksiyonu bulunmakta ve bu tarayıcılar üzerinden Vibration API ile kontrol edilebilmekte.
WooCommerce sisteminde eğer satış stratejiniz yalnızca tek tek ürün satmak ise yani birden fazla ürünü aynı anda satmak gibi bir durumunuz yok ise bu fonksiyon işinize yarayacaktır. Bu fonksiyon müşterinin tek seferde yalnızca bir adet ürünü satın alabilmesini sağlar.
WooCommerce ile çalışan bir e-ticaret siteniz var ve bu sitenizde farklı ürün tiplerine sahipseniz bu fonksiyon işinize yarar.
JavaScript ile kullanılan tarihi formatladım, Türkçe ay isimleri eklemiş olduk gayet kullanılabilir bir fonksiyon oldu.
JavaScript ile görüntülenen sayfanın adresini, domaini ve diğer bilgilerini almak mümkün, bunu jQuery ile de yapabilir ve jQuery fonksiyonlarının içerisinde kullanabilirsiz.
JavaScript ile normalde şu anın zamanını new Date(); olarak çekiyoruz, şu anki zamandan x gün sonrasının tarihini göstermek veya bunu kullanmak için burada paylaştığım fonksiyonu kullanabilirsiniz.
Bir HTML uygulama veya sayfada herhangi bir HTML elemanını olduğu gibi başka bir eleman içerisine kopyalamak ve göstermek JavaScript ile çok kolayca yapılabilir, bunu jQuery ile yapma yöntemi de en hızlı çözüm.
Web sitemizde veya uygulamamız içerisinde bir geri sayım uygulamasına ihtiyaç duyabiliriz, bu durumda JavaScript ile geri sayım uygulaması oluşturmak çok kolay ve istenirse jQuery yada Vanilla JS de kullanılabilir.
Dünyada internete bağlanan cihazların önemli bir kısmı (%56 – 2021)mobil ve artık web siteleri öncelikli olarak mobil cihazlara göre tasarlanıyor.
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.
Bu yazıda CSS’de üçgen çizmek için farklı yöntemleri göreceksiniz. Hem geleneksel ve basit hem de daha modern yöntemler üzerinde duracağız.
Hello World! Bugün sizlere Front End web developerların işine yarayacak, @DevLorenzo’nun hazırladığı Cheatsheet derelemesini paylaşacağım.