Responsive web sitelerinde hamburger menü artık baya kullanılmaya başlandı. Birde bunların animasyonluları çıktı ki gayet lezzetli oldular. Animasyonlu mobil menü yapmak için zaman harcayan arkadaşlar için küçük bir js dosyası oluşturdum ihtiyacı olan arkadaşlar direk çalabilir. kullanımı gayet kolay js dosyasını projemize import edip bir wbmicon id’sine sahip bir div oluşturuyoruz ve bu divin içine…
-
MAMP – Mysql Çalışmama Sorunu
Devamını OkuMacOS üzerinde php geliştiren pek çok kullanıcı local sunucu olarak MAMP uygulamasını kullanıyor. Bu mamp uygulamasının stabilitesi windows alternatiflerine göre biraz daha düşük ve biraz daha kırılgan bir yapıda. Bu kırılganlıktan en çok nasibini alanda MySQL Server oluyor. Bazen uygulama idle olarak kalıyor bazende farklı sebeplerden dolayı mysql çalışmıyor. Geçenlerde böyle bir sorunla karşılaştım stackoverflow…
-
AdBlock Tespit Etmek
Devamını OkuBazı sitelerde dikkatinizi çekmiştir AdBlock veya benzeri reklam engelleyici bir uygulama kullandığınızda direk ekranın ortasına reklam engelleyiciyi kapatmanızı isteyen bir uyarı çıkarırlar. Bu ara böyle bir yapıya ihtiyacım oldu ben biraz uzun bir yolla çözdüm siz direk ads classına sahip bir div ekleyerek daha kısa yoldan da çözebilirsiniz. Kullandığım yapı aşağıdaki gibidir. Buradaki kodda ben…
-
macOS & Linux: Google PageSpeed Insights Görselleri terminalden optimize edin
Devamını OkuBir süredir google PageSpeed Insights puanları ile uğraşıyordum. Pek çok maddeyi çözsemde görseller baya sıkıntı oluyor. Özellikle 3-4 yıldır aktif olarak kullanılan görsel ağırlıklı sitelerde bu baya sinir bozucu olabiliyor. Sağda solda biraz dolaşırken linux ve osx sistemler için optipng ve jpegoptim isimli uygulamaları buldum ve resmen ilaç gibi geldi 🙂 optipng ve jpegoptim’i osx…
-
JavaScript: Twitter’da Sayfadaki Tüm Kullanıcıları Takip Etmek
Devamını OkuZamanında takipçi kasmak için böyle birşeye ihtiyaç duymuştum. Bu scripti Chrome konsolunda çalıştırdığınızda, aktif sayfadaki twitter kullanıcılarının tamamını takip ediyor. Flooda düşmemesi için her kullanıcı takip ettikten sonra yaklaşık 1,5 saniye bekleyip diğer kullanıcıya geçiyor. Dipnot: İşi abartırsanız twitter hesabınız önce geçici olarak bloklanıyor sonra tamamen iptal ediliyor. Bu yüzden günlük 100-150 takip yapın abartmayın…
-
WordPress Gereksiz Özellikleri Kapatma
Devamını OkuWordPressin hitap ettiği kullanıcı kitlesi ve ihtiyaçları arttıkça, bununla birlikte bir çok yeni özellik sağlamaya başladı. Bunlar bazı kişiler için kullanışlı olsada, kullanmayan kişiler için siteyi hantallaştırmaktan başka bir işe yaramıyor. Functions.php dosyasına eklenecek birkaç satırlık kod ile bu gereksiz (bana göre gereksiz) fonksiyonları devre dışı bırakabilirsiniz. temanın functions.php dosyasına eklenecek kod bloğu;
-
PHP Google Translate API v2 Fonksiyonu
Devamını OkuBu fonksiyonu kullanmak için Google API Console’dan Translate API‘yi etkinleştirmeniz ve bir API-KEY oluşturmanız gerekiyor. Oluşturduğunuz API-KEY’i, fonksiyonda ilgili yere koyarak kullanabilirsiniz. URL değişkeninde belirtilen linkin sonunda iki değer gönderiyor source ve target olarak. Source kısmına hedef dili, target kısmına ise çeviri yapılacak dili yazarak, çeviri dilini değiştirebilirsiniz. PS: Translate API kullanmak için google tarafında…
-
CSS ile içeriği yatayda ve dikeyde ortalama
Devamını OkuDiv içeriklerini yatayda ve dikeyde ortalamak için yaygın olarak kullanılan method padding olsa da bazi fluid yapılarda özellikle responsive yapılarda bu çok sağlıklı çalışmamaktadır. Flexbox özelliği ile esnek divler oluşturmak oldukça kolay oluyor ve float/clear kullanımını minimuma indirdiği için responsive tasarımlardaki layout bozukluklarının da büyük ölçüde önüne geçiyor. Flex yapısını ilerleyen zamanlarda daha detaylı anlatacağım…
-
jQuery Basit Akordion Menü
Devamını Okuilk olarak P lerin hepsini CSS’den display:none verilir daha sonra h4 altına p’ler açılır örnek olarak: başlık burada açıklaması ise burada ve burada 🙂 başlık burada açıklaması ise burada ve burada 🙂 başlık burada açıklaması ise burada ve burada 🙂 başlık burada açıklaması ise burada ve burada 🙂 şeklinde taslak oluşturuyoruz daha sonra h4lere tıklayınılınca…