İletişime Geç
İletişime Geç
Perfist Blog
Bu yazıda, herhangi bir eklenti veya api kullanmadan iletişim formuna il ilçe seçeneği nasıl eklenir, ona yer vereceğiz. Bu kod parçasını hem HTML ve JS içerisinde, hem de Contact Form 7 gibi eklentilerde kullanabilirsiniz. Ben bu örnekte formu Contact Form 7 eklentisi ile hazırladım. Formun body’sinin syntax’ini de eklentidekine göre yazdım. İlk olarak form alanlarında […]
Devamını Oku
Beginner Level Frontend
Glassmorphism, tasarımların modern ve zarif görünmesine yardımcı olan bir stildir. Tasarımın amacına göre çeşitli sebeplerle kullanılabilir. Başlıkları öne çıkarmak, resim üzerinde kullanılan yazının okunmasını kolaylaştırmak ya da vurgulamak istediğimiz içeriğe odaklanılmasını sağlamak amacıyla kullanılabilir. Bu yazıda HTML ve CSS kullanarak glassmorphism efektini iki farklı yol kullanarak nasıl oluşturacağımızı ele alacağım. filter Özelliği Kullanmak <body> etiketinin […]
Devamını Oku
Beginner Level Frontend
WordPress üzerinde çalışacak custom bir proje geliştiriyorsanız, WordPress’in yapısındaki thumbnail, ürün, kategori gibi bileşenlerin PHP ile nasıl derlendiğini bilmek elzem bir konu olabiliyor. Ben de bu yazıda, PHP’de nasıl sayfada birden fazla kategori gösterebileceğimizi basit yollardan biriyle göstermek istiyorum. WordPress normalde blog mantığında çalışan bir yapıya sahip. Default olarak tüm blog’lar ana bir kategori altında […]
Devamını Oku
Beginner Level Frontend
Css’ de bir layout oluştururken metin içeriklerinin uzunluğunu da hesaba katmak önemlidir. Metne bir kelime eklenmesi ya da çıkarılması durumunda tasarımın değişmesine sebep olacak birçok durum vardır. Bu yazıda farklı metin uzunluklarını yönetebilmek için kullanılabilecek yöntemlerden bahsedeceğim. Yöntemlerden hangisinin kullanılacağı sayfa kullanım amacına göre değişiklik gösterebilir. Overflow-wrap İçeriğin boyutu kapsayıcısının alanından daha büyükse, varsayılan olarak […]
Devamını Oku
Beginner Level Frontend
Web sitelerde mobil ve tablet kullanımı arttıkça dokunmatik özelliği de UI/UX olarak öne çıkmaya başladı. Sadece slider’lar sürüklenebilir yerler olmaktan çıktı ve sayfanın herhangi bir yerinde hareketliliğe göre efekt kullanımı gerekli hale geldi. Normalde CSS’de Bootstrap benzeri kütüphaneler sayesinde slider veya galeriler estetik kayma efektleri ile çalışıyorlar. Sayfadaki herhangi bir div’e de CSS Scroll Snap […]
Devamını Oku
Beginner Level Frontend
Sayfa performansı, yüksek trafik hedefleyen siteler için en önemli konulardan biridir. Bu tarz projelerde sayfa yüklemesini yavaşlatacak her unsurdan kaçınmak gerekiyor. Lazy load sayfa hızını optimize etmede en çok bilinen yöntemlerden birisi. Bu şekilde sayfa performansına dikkat etmenin sitenize olan kimi faydaları şöyle: 1. Kullanıcı siteye giriş yaptığında baştan sona tüm içerikler yerine sadece görünen […]
Devamını Oku
Beginner Level Frontend
Günümüzde veri takibi, dijital reklamcılık için önemli faktörlerden biri haline geldi. Bir web sitesini ziyaret eden kullanıcıların verileri, reklamların verimini arttırmak için kullanılır. Bu verileri takip edebilmek içinse takip kodları, web sitesine entegre edilmelidir. Bu yazımda sizlere dünyada en çok kullanılan altyapılardan biri olan WordPress altyapısına nasıl takip kodu eklenebileceğini anlatacağım. Öncelikle bunun birkaç […]
Devamını Oku
Mid Level Frontend
Eminim benim gibi CSS yazan birçok kişi, utility class kullanımıyla ilk olarak framework’ler sayesinde tanışmıştır. Bu sayede hem sayfa tasarımını sürekli CSS dökümanına dönmek zorunda kalmadan oluşturmak, hem de artan sayfa sayılarında padding, margin, color gibi değerleri korumak kolaylaşıyor. Sayfanızdaki SEO uyumluluğunu arttırmanın bir yolu da CSS’i verimli şekilde kullanmaktan geçiyor. Burada da utility class […]
Devamını Oku
Beginner Level Frontend
Shortcut kullanımının kod yazarken işinizi ne kadar kolaylaştırdığının ve hızlandırdığının farkında mısınız? Eğer değilseniz doğru yerdesiniz. Haydi birlikte farkındalık yaratalım 🙂 Daha önce hiç kullandığınız mouse bozuldu ve bilgisayarınızı tamamen klavyeden kullanmak zorunda kaldınız mı? Eğer bunu yaşadıysanız aslında sadece klavye kullanımı ile bilgisayardaki, neredeyse istediğiniz her şeyi yapabildiğinizi farketmişsinizdir. Biz de tam […]
Devamını Oku
Beginner Level Frontend