CSS Grid’e Giriş
Sıfırdan başlayarak bir CSS grid oluşturma, satır ve sütun ölçülerini, alt öğelerin yerleşimlerini ve boyutlarını belirlemeye dair örnekler.
Esnek tasarım nedir?
Bir internet sitesinin, kendini görüntülenmekte olduğu cihazın özelliklerine göre ayarlayabilecek şekilde planlanması ve uygulanmasına esnek tasarım denir.
CSS text-transform özelliği
text-transform bir metnin büyük-küçük harf ayarlarını yapmak için kullanınan bir CSS özelliğidir. lowercase, uppercase, capitalize, none ve inherit değerlerini alabilir.
Türkçe karakterler
Türkçe karakterler (ğ, Ğ, ş, Ş, ı, İ) Türk alfabesinde kullanıldığı halde Latin-1 karakter kümesinde yer almayan harflerdir. Toplam altı tanedir.
WordPress’te Cannot modify header information – headers already sent hatası
Cannot modify header information – headers already sent hatası genellikle PHP kapanış etiketinden sonra gelen boşluk karakterleri sebebiyle ortaya çıkar.
Yazıya git WordPress’te Cannot modify header information – headers already sent hatası
Türkiye il listesi
Türkiye il listesi, kopyalayıp yapıştırmak için farklı formatlarda yazılmış: Excel, array’ler için tırnak içinde, virgülle ayrılmış vs..
WordPress utf8mb4_unicode_520_ci hatası ve çözümü
WordPress sitenizi taşırken zaman zaman “#1273 – Unknown collation: ‘utf8mb4_unicode_520_ci’” hatası ile karşılaşabiliyoruz. Bu hatanın çözümü oldukça basittir.
Yazıya git WordPress utf8mb4_unicode_520_ci hatası ve çözümü
calc() fonksiyonu ile CSS’te matematik
calc() fonksiyonu, CSS’te basit matematik işlemler yapmaya yarar. Bu işlemler toplama (+), çıkarma (-), çarpma (*) ve bölmedir (/).
WPML’de etkin dili HTML body etiketine sınıf olarak eklemek
WPML’de body’e etkin dili sınıf olarak eklemek için hazır bir kod parçası. Bu kodu functions.php’e yapıştırarak kullanabilrisiniz.
Yazıya git WPML’de etkin dili HTML body etiketine sınıf olarak eklemek
Codekit ipuçları
Codekit ile çalışmayı kolaylaştıracak, bir dosyayı diğerininin başına ya da sonuna eklemek gibi, özellikle JavaScript yazımı ile ilgili ipuçları.
Mobil internet kullanımı masaüstü internet kullanımını geçmiş
Mobil internet kullanımının masaüstü cihazların trafiğini geçtiği bir dönüm noktası. Peki böyle kritik bir anda interneti nasıl, ne için kullanıyoruz?
Yazıya git Mobil internet kullanımı masaüstü internet kullanımını geçmiş
CSS ile tam ekran arka plan resimleri
CSS ile tam ekran arka plan resimleri yapmanın en kolay yolu, yüzde ve ekran bazlı (vh) birimleri kullanmak. Kopyalayıp yapıştırmak için hazır CSS kodu.
No data was received to import. Either no file name was submitted, or the file size exceeded the maximum size permitted by your PHP configuration
“No data was received to import. Either no file name was submitted, or the file size exceeded the maximum size…” hatasının basit çözümü.
Sublime Text Package Control ve gerekli paketlerin kurulumu
Sublime Text’e yeni yetenekler kazandıran, üçüncü kişiler tarafından geliştirilen paketler nereden temin ediliyor ve nasıl yükleniyor?
Yazıya git Sublime Text Package Control ve gerekli paketlerin kurulumu
Esnek Tasarım (Responsive Design) Beş Yaşında
Bugün esnek tasarım beş yaşına girdi. Aşağıda konuyla ilgili kritik bağlantıları derledim. Ethan Marcotte’un 2010’da yayımlanan A List Apart makalesi…
viewport meta etiketi ve esnek (responsive) tasarım
viewport meta etiketi tarayıcıya ekranı hangi genişlikte görüntüleyeceğini bildirir. Böylece ekran, cihazın varsayılan değeriyle görüntülemez.
Yazıya git viewport meta etiketi ve esnek (responsive) tasarım
Finder aramalarında gizli dosyaları (mesela .htaccess dosyasını) bulmak
Finder ve spotlight aramalarında gizli dosyalar normalde gösterilmiyor. Gizli dosyaların Finder ya da masaüstünde görüntülenmesi için terminalde aşağıdaki komutu yazabiliyoruz. defaults write com.apple.finder AppleShowAllFiles TRUE ve ardından da Finder’ı yeniden başlatmak gerekiyor. killall Finder Terminal ile uğraşmak istemeyenler ise şu minik uygulamayı kullanabilirler: Show Files.app Fakat bu da aramalarda gizli dosyaların (mesela .htaccess dosyasının) görüntülenmesini sağlamıyor.…
Yazıya git Finder aramalarında gizli dosyaları (mesela .htaccess dosyasını) bulmak
Box-sizing: Border-box
html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } Paul Irish’in css box sizing ile ilgili sayfasından alınmıştır.
Adobe Illustrator’da (text tabs panel ile) bir metnin tab aralıklarını ayarlamak
Adobe Illustratorda bir metnin tab aralıklarını ayarlamak için text tabs panel’i kullanmak gerekiyor. Normalde görünür olmayan paneli açmak için mac’te şu kısayol kullanılıyor. Command + Shift + T
Yazıya git Adobe Illustrator’da (text tabs panel ile) bir metnin tab aralıklarını ayarlamak
CSS ile dikeyde ortalama
.center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
Dokunmatik ekranlarda scroll özelliğini iptal etmek
iPad ile çalışırken bazen özellikle dikey scroll özelliğinin kapatılması gerekiyor. Aşağıdaki kod ile scroll özelliği tamamen kapanıyor. Hem yatay, hem dikey. // jquery ile $(document.body).bind(“touchmove”, function (event) { event.preventDefault() }); // sadece javescript ile document.addEventListener(“touchmove”, function (event){ event.preventDefault(); }, false );
Yazıya git Dokunmatik ekranlarda scroll özelliğini iptal etmek
phpMyAdmin MySQL sunucusuna bağlanmayı denedi ama sunucu bağlantıyı reddetti
config.inc.php dosyasında ilgili satırları değiştirerek mysql’in kullanıcı adı ve parolayı konfigürasyondan okumak yerine sormasını sağlayabiliriz.
Yazıya git phpMyAdmin MySQL sunucusuna bağlanmayı denedi ama sunucu bağlantıyı reddetti