Menü Kapat

web

Veritabanını taşırken utf8mb4_unicode_520_ci hatası ve çözümü

phpmyadmin’de operations sekmesinde taşınacak veritabın collation’unu utf8mb4-unicode-ci’ye çevirin aynı şekilde hedef veritabanının collation’unu da utf8mb4-unicode-ci yapın taşınacak veritabanının bir kopyasını export’layın. Oluşturduğunuz sql dosyasını bir metin editöründe açın ve bul/değiştir ile tüm dosya içinde utf8mb4_unicode_520_ci ifadelerini utf8mb4_unicode_ci ile değiştirin. dosyanızı bu haliyle kaydedin hazırladığınız yeni sql dosyasını hedef veritabanına import edin.

Yazıya git Veritabanını taşırken utf8mb4_unicode_520_ci hatası ve çözümü

CSS calc() Fonksiyonu

calc() Fonksiyonu ile esnek sütunlar yapmak @media (min-width: 759px){ // yalnızca yeterince geniş ekranlarda [class^=”col-“] { float: left; padding: 0 1rem; } .col-1 { width: calc(100% / 12); } .col-2 { width: calc(100% / 12 * 2); } .col-3 { width: calc(100% / 12 * 3); } .col-4 { width: calc(100% / 12 * 4);…

Yazıya git CSS calc() Fonksiyonu

iBooks Author ile tek video’luk, tek sayfalık iBook yapımı

iBooks author’da yeni bir kitap oluştururken temalarından yatay, boş temayı (blank) seçin. Bir chapter ve bir section ile gelen kitaptan section’u seçerek silin Inspector’ın document sekmesinden author, title, language seçeneklerini girin. Book Title sayfasını seçip herşeyi silin. Buraya hazır bir resim koyacağız. Table of Contents sayfasını seçip baştan başa kaplayacak bir dörtgenle örtün. View’dan show…

Yazıya git iBooks Author ile tek video’luk, tek sayfalık iBook yapımı

WPML’de body etiketine etkin dili sınıf (class) olarak eklemek

WPML, WordPress’de çoklu dil işlevi için kullanılan bir eklenti. Bu eklentiyi kullanırken hemen her zaman, özellikle css işlemleri için body öğesine, etkin dili sınıf olarak atamak gerekiyor. Aşağıdaki kodu WPML forumundan aldım. Bu kodu kopyalayıp functions.php içine yapıştırdıktan sonra body öğelerinize etkin dil sınıf olarak atanacaktır. <?php add_filter(‘body_class’, ‘append_language_class’); function append_language_class($classes){    $classes[] = ICL_LANGUAGE_CODE;  //…

Yazıya git WPML’de body etiketine etkin dili sınıf (class) olarak eklemek

Codekit ipuçları

Çalışmayı kolaylaştıracak bazı Codekit ipuçları: CodeKit’te global değişken ve fonksiyon ismi tanımlamak için JavaScript dosyalarını minify ya da lint ederken kütüphanelerden gelen bazı değişken ve fonksyon isimlerini bilmediğini söylüyor. Bunu engellemek için js dosyasının başına aşağıdaki şekilde değişken ve fonksiyon isimlerini girebilirsiniz. /* global degiskenAdi, fonksiyonAdı */ Codekit’te js dosyasının önüne bir başkasını eklemek için: Bu durumda javascript…

Yazıya git Codekit ipuçları

Mobil internet kullanımı masaüstü internet kullanımını geçmiş

Son birkaç yıldır sık sık mobil internet kullanımı masaüstü internet kullanımını geçmek üzere deniyordu. Geldi geliyor derken meğer o iş 2014’te sonuçlanmış. Aşağıda grafiği var. Turuncu elips, mobil kullanımın masaüstü kullanımı geçtiği o kritik noktayı temsil ediyor. Doğrusu, insanlık tarihinin muhtemel bir dönüm noktası için mütevazi bir grafik. Kaynak: smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics Güzel. İnterneti artık mobil cihazlarla ‘geziyoruz’. Peki yalnızca türümüze özgü olduğunu…

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 birimleri ile ekran tabanlı birimleri bir arada kullanmak. .bg { position: relative; background: url(‘bg.jpg’) center/cover; width: 100%; height: 100vh; } Kaynak: http://bitsofco.de/2015/viewport-vs-percentage-units/ vh (ekran yüksekliği) ve vw (ekran genişliği) birimleri ie8 üzeri tüm tarayıcılar tarafından destekleniyor.

Yazıya git CSS ile tam ekran arka plan resimleri

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

Bir drupal sitesinin veritabanını uzak sunucudan kendi makineme taşırken aşağıdaki hatayı aldım. 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. Çözüm: Windows 10’da C:\MAMP\conf\php5.6.3\php.ini dosyasında aşağıdaki satırları bulup post_max_size = 8M upload_max_filesize = 2M max_execution_time = 30 max_input_time…

Yazıya git 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

Sublime Text Package Control ve gerekli paketlerin kurulumu

Sublime Text Önce Sublime Text indirilir ve kurulur Sonra Package Control kurulur. Package Control kurulum kodunu buradan alabilirsiniz. Package Control kurulduktan sonra paketlerinizi yüklemeye başlayabilirsiniz: Paketleri kurmak için cmd + shift + p ile command paleti açtın Command Palet’te ‘install’ yazarak ve/veya ‘install package’ seçeneğini seçerek package installer’a geçin Yüklenmek istediğiniz paketin ismini yazmaya başlayın. Gelen sonuçlardan paketinizi…

Yazıya git Sublime Text Package Control ve gerekli paketlerin kurulumu

Bir sayfanın facebook’ta paylaşıldığında hangi resmin görüntüleneceğinin belirlenmesi

<!– Facebook Opengraph –> <meta property=”fb:app_id” content=”your_app_id” /> <meta property=”fb:admins” content=”your_admin_id” /> <meta property=”og:url” content=”<?php the_permalink() ?>”/> <?php if (is_single()) { ?> <meta property=”og:title” content=”<?php single_post_title(”); ?>” /> <meta property=”og:description” content=”<?php echo strip_tags(get_the_excerpt($post->ID)); ?>” /> <meta property=”og:type” content=”article” /> <meta property=”og:image” content=”<?php echo wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ) ) ?>” /> <?php } else { ?>…

Yazıya git Bir sayfanın facebook’ta paylaşıldığında hangi resmin görüntüleneceğinin belirlenmesi

Tarayıcıda veri saklama ve çevirimdışı kullanım

Bağlantılar http://diveintohtml5.info/storage.html – THE PAST, PRESENT & FUTURE OF LOCAL STORAGE FOR WEB APPLICATIONS http://diveintohtml5.info/offline.html – LET’S TAKE THIS OFFLINE HTML5 in-browser SQL database storage – Güzel yazı ama biraz eski w3c Web Storage recommendation – güzel de karışık Web SQL Database – herkes SQLite kullandığı için bu çalışmaya devam etmiyorlarmış SQLite – bunu kullanıyorlarmış Storage – HTML5 Rocks Using the application…

Yazıya git Tarayıcıda veri saklama ve çevirimdışı kullanım