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.
Kategori: Kodlama
Çoğunlukla web development konularında blog yazıları, makaleler. PHP, HTML, CSS, JavaScript ve birçok kodlama dilinde örnekler.
Burada UI(kullanıcı arayüzü tasarımı) konusunda ilham alabileceğiniz harika 15 kaynak siteyi tanıtacağım, daha doğrusu sadece linklerini paylaşacağım gerisini keşfetmek size kalmış.
Bir geliştiricinin günlük olarak hangi kısaltmaları kullandığını merak ediyorsanız eğer yalnız değilsiniz, Eleftheria Batsou da çok merak etmiş ve Twitter’dan sormuş.
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.
Bazen, bazı durumlarda sayfanın kaydırabilmesini ancak kaydırma çubuğunun görünmesini istemezsiniz(görünmez kaydırma çubuğu / overflow:hidden; değil) böyle durumlarda burada yazacağım CSS metodunu kullanabilirsiniz.
Normal şartlarda kendinize ait bir sunucu var ise onun zaman ayarlarını(time zone/saat dilimi) istediğiniz gibi yapabilirsiniz, yani Plesk veya Cpanel’e girdiğinizde ayarları görebilir ve değiştirebilirsiniz. Ancak paylaşımlı hostinglerde bu ayar bazen PHP ayarlarında olabilir ama çoğunlukla yoktur.
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.