Çoğunlukla web development konularında blog yazıları, makaleler. PHP, HTML, CSS, JavaScript ve birçok kodlama dilinde örnekler.
Sadece HTML ve CSS kullanarak animasyonlu bir paylaş butonu oluşturacağız. Basitçe, paylaşma butonu, kullanıcının sosyal medya aracılığıyla takipçilerine resim, video, müzik göndermesine yardımcı olan bir düğme anlamına gelir. Facebook, Twitter, Linkedin, YouTube ve diğerleri gibi herhangi bir sosyal medya olabilir. Günümüzde paylaşım düğmeleri, kullanıcının paylaşımını kolaylaştırmak için hemen her web sitesi ve mobil uygulamada kullanılmaktadır.
CloudFlare API kullarak JavaScript ile sayfayı açan kullanıcın bilgilerini kolayca alabiliriz, CloudFlare API’nin güvenirliği ve bazı ek bilgileri içermesi yüzünden kullandım.
Son zamanlarda Teksas’da bile kar yağıyor, bu haftanın başıyla Marmara’da da güzel kar yağdı değerlendirmelere göre bugünden sonra artık yağmayacak. Bu yazımda HTML ve CSS ile(JavaScript olmadan) web sayfasına kar yağdırma efekti yapayı göstereceğim.
Localhost’ta yani kendi bilgisayarınız içerisinde bir web sitesi kurmak, PHP öğrenmek istiyorsanız veya PHP projeler gelişiyorsanız çok kullanışlı bir yoldur, çünkü çok hızlı ve güvenli çalışacaktır ve işlerinizi internet bağlantınız olmasa dahi devam ettirebileceksinizdir.
Notepad++ muhteşem bir metin editörüdür, hemen hemen var olan tüm dosya formatlarını düzenleyebilirsiniz, çoğunlukla kod işi ile ilgilenenler kullanır.
Aslında daha önce ücretsiz birçok farklı kaynak sunduğum yazılarım oldu, burada hepsini toparlayıp bir araya getirmiş olacağım.
Lazy Load aslında tarayıcılar için çok yeni bir teknoloji değil, 2017’den beri kullanılmakta, sadece bazı tarayıcılar ve bazı eski versiyonları desteklemiyor olabilir. Modern son sürüm tarayıcıların hepsi, yani Chrome tarayıcılar ve Mozilla Firefox tam olarak desteklemekte diğerlerinin bazı sorunları olabilir.
Hemen hemen tüm paylaşımlı hosting planlarında PHP error_log başlangıçta varsayılan olarak hata veren kodun yazılı olduğu dosyanın bunduğu dizine error.log dosyası yaratarak onun içerisine hataları yazar, bunu her hata verdiğinde dosyaya tek bir satır ekleyerek sonsuza kadar yapabilir fakat çoğunda varsayılan olarak onun da bir limiti vardır.
CSS karmaşık bir dil olmasa da, öğrenmeye başladığımda bazı kısımları benim için bir muammaydı. Örneğin, birden çok kutu gölgesi veya arka plan görüntüsü niteliğini birleştirmek. Bu yüzden bu oyun alanlarını(playgrounds) CSS ile çalışmayı daha kolay ve verimli hale getirmek için tasarlandı.
HTML/CSS bilginiz yeterli olduğunda kendi websititenizi tasarlamak için bu aşağıdaki sitelerden indireceğiniz yüzlerce farklı HTML5 şablon/template’ları kullanabilirsiniz.
PHP UTF8 de Ucwords gibi bu tür çevirilerde yalnızca i -> İ dönüşümünde problem yaşanmaktadır, tabii ikisi de I’dan ı’ya ve i’den İ’ye. Bunu çözmek için aşağıdaki fonksiyonu kullanabilirsiniz.
Geçen gün bu blog için yaptığım arşiv sayfasında sitedeki tüm başlıkları listelemiştim, aklıma arşiv sayfasına girenlerin sayfa içerisinde listelenmiş başlıklar içerisinde arama yapabilmesi fikri geldi ve hemen jQuery’ye sarıldım ve yaptım. Tabii ki paylaşıp bu deneyimi de arşivlemek istedim.
Websitelerine dark mode(kodu mod – karanlık modu) görünümü kaznadırmak ve dark mode hakkında birkaç yazı eklemiştim;
AMP sayfalarına da dark mode seçeneği eklemek mümkün, nasıl yapacağımızı ve örnek paylaşacağım.
box-shadow: CSS’de yaygın kullanılan bilinen bir gölgelendirme tekniği, standart görsellerde ve keskin kenarlı elemanlarda çok işe yarıyor. Ancak şeffaf görseller ve yuvarlak veya değişik şekille kenarlıklara sahip elemanlar için pek kullanışlı olmadığı için onun yerine drop-shadow filtresini kullanabilirsiniz.
Bazen bir html etiketi içerisinde yazıların(metin) uzunlukları tutarlı olmayabilir ve kaotik bir durum oluşur, belli ölçülerden taşar vs.
Bunu aşmak için ilgili etiket içerisindeki metnin uzunluğunu sınırlamak tasarımcıları rahatlatır, bunu genelde backend de yapmak gibi bir eğilim vardır ancak buna hiç gerek yok çünkü CSS ile de bu yapılabilir.