Murat Baştaş

Free Lance Web Developer

[muratbastas]

Git : Farklı sunucularda çalışmak

Git : Farklı sunucularda çalışmak

Herkese selamlar. Bu yazıda git ile farklı sunuculardaki farklı hesaplarda nasıl çalışacağımızı anlatacağım. Başlamadan önce… Git nedir, nasıl kullanılır, neden kullanılır gibi bilgileri sahip olmanız gerekir. Duymayan kalmamıştır herhalde fakat yine de o kadar detaylı şekilde girmesem de git’ ten birazcık bahsedeceğim.

Git Nedir?

Git bir VCS dir.(versiyon kontrol sistemi) Git’ten başka…

View On WordPress

[muratbastas]

TCPDF Sınıfı

Php ile excel, word, png, jpg, gif..vs dosyaları oluşturulabildiğini bilmeyen yoktur herhalde. Bugün farklı olarak pdf oluşturmam gerekti. Araştırma sonucunda çok yetersiz Türkçe kaynak bulduğum için bu yazıyı yazmaya karar verdim. Php ile pdf dosyaları oluşturmak için bir kütüphaneye ihtiyaç duyacağız. Manuelikaynak olarak ele alırsak PDFlib kütüphanesini kullanarak pdf dosyası oluşturmayı…

View On WordPress

[muratbastas]

CSS Overlay Teknikleri

Bir elementi transparant renkte hazırlanmış bir gif ya da png image dosyasını background-image özelliğine atayarak overlay efekti verebiliriz. Ama bunun daha kolay yolu RGBA renk kodlaması kullanmaktır

div { background: rgba(0,0,0,0.5); }

Bu div siyah saydam bir arkaplana sahip olacaktır. Ama içindeki elementler ya da yazılar, resimler saydam olmayacaktır. CSS opacity filtresiyle saydam yapmış olsaydık divin içindeki her şey de aynı saydamlığa sahip olacaktı.

Şimdi rgba(0,0,0,0.5) kodunu çözümleyim. İlk 3 parametre siyahın rgb kodundan geliyor. 4.parametre 0.5 değeri de alpha değeridir. 50% saydam olmuştur arkaplan rengi.Bir modalbox ya da alert kutusu yaparken arkaplanı bu divle karartabilirsiniz. Örnek bir alert yapalım.

Bu örnekte arkaplanı overlay id li bir div ile kapattık. Ama kullanabileceğimiz farklı metodlar da var. Modal divinin outline ya da border css i ile de arkaplana overlay efekti verebiliriz. Ya da modal divine vereceğimiz box-shadow da aynı sonucu verebilir.

Outline ile :

Box-shadow ile :

#modal { position: fixed; width: 250px; height: 150px; left: 50%; top: 50%; margin-left: -145px; margin-top: -95px; background: #fff; padding: 20px; z-index: 10; box-shadow: 0 0 0 9999px rgba(0,0,0,0.5); }

[muratbastas]

MCRYPT eklentisini yüklemem isteniyor nasıl yaparım ?

Sunucunun windows olduğun varsayıyorum. Benim sunucumun default ayarlarında bu eklenti aktif, local sunucum da wamp server olduğu için default ayarlarda eklentim aktif. Bu yüzden daha önce manuel olarak eklenti kurulumu yapmadım. Ama araştırmama göre şu şekilde yapacaksın.

Önce php nin kurulu olduğu dizinde ext klasörüne php_mcrypt.dll dosyasını atacaksın. Sonra php.ini dosyasından aşağıda gösterdiğim satırın başındaki noktalı virgül işaretini sileceksin. Dosyayı kaydedip php sunucusunu yeniden başlattığında mcrypt kullanılabilir olmalı. Olmazsa şuraya bakabilirsin. Eğer sunucun windows değilse şuraya bakabilirsin. Ve genel olarak kurulum ve gereksinimler için şuraya bakabilirsin.

Umarım yardımcı olmuşumdur.

[muratbastas]

Jquery ile basit kronometre yapımı

JQuery ile hayalleri zorlayacak işler yapmak mümkün tabii ki. Ama biz basitinden başlayalım. Ben de javascript de çok çömezim. Ama ara ara projelerde güzel şeyler yazabiliyorum. Her yeni kod javascript ve jquery kütüphanesine daha çok çekiyor beni. Öğrendikçe hayatı onsuz düşünemeyeceğimiz bir dil olacağı belli javascriptin. Bu yüzden her fırsatta yeni bir şeyler yapıp geliştireceğim. Yaptığım her şeyi de faydalı bir kaynak olur umudu ile paylaşacağım.

İlk önce kronometremizin html kodlamasına bakalım :

<div id="sayac"> <ul> <li id="saat">00</li> <li id="dakika">00</li> <li id="saniye">00</li> <li id="salise">00</li> </ul> <div class="clear"></div> </div> <div id="kontroller"> <button id="baslat" style="background: #2ecc71;">BAŞLAT</button> <button id="durdur" style="background: #3498db;">DURAKLAT</button> <button id="sifirla" style="background: #c0392b;">SIFIRLA</button> </div>

Html kodlamamız gayet anlaşılır basit bir şekilde saat, dakika, saniye, salise alanları ve üç tane kontrol butonundan oluşuyor.

Kronometremizi özelleştirmek için css ekleyelim :

* { margin: 0; padding: 0; outline: none; } body { background: #ecf0f1; } #sayac { width: 200px; padding: 20px; margin: 60px auto 10px auto; background: #2c3e50; color: #FFF; font: 26px Arial; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sayac ul { list-style: none; } #sayac ul li { width: 50px; float: left; text-align: center; } #kontroller { width: 240px; margin: 0 auto; } button { width: 240px; padding: 20px; color: #fff; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 15px Arial; font-weight: bold; text-align: center; cursor: pointer; margin-bottom: 5px; } #sifirla { display: none; } .pasif { background: #95a5a6 !important; pointer-events: none; } .clear { clear: both; }

Aşağıdaki gibi bir görüntü elde etmiş olmamız lazım, sıfırla butonu kronometre çalıştıktan sonra görünür olacaktır.

Şimdi işin asıl kısmına geldik. Javascript kodlaması :

10 m$(document).ready(function(){ var sayacfunction; // sayacfunction unu global değişken olarak tanımlıyoruz $('#baslat').click(function(){ // baslat butonuna tıklandığında sayacfunction = setInterval(function(){ var csl = Math.floor($('#sayac #salise').html()), csn = Math.floor($('#sayac #saniye').html()), cdk = Math.floor($('#sayac #dakika').html()), csa = Math.floor($('#sayac #saat').html()); // saat, dakika, saniye, salise değerlerimizi Math.floor ile integer yapıyoruz if(csl==99) { // eğer salise 99 oldu ise csl = -1; // saliseyi -1 yapıyoruz ki +1 olduğunda sıfırlansın if(csn==59) { // eğer saniye 59 oldu ise csn = -1; // saniyeyi -1 yapıyoruz ki +1 olduğunda sıfırlansın if(cdk==59) { // dakika 59 oldu ise cdk = -1; // dakikayı sıfırlıyoruz if(csa<9) // saat 9 dan küçük ise $('#sayac #saat').html('0'+(csa+1)); // başına sıfır koyup hanesine yazdırıyoruz else // değilse $('#sayac #saat').html(csa+1); // olduğu gibi hanesine yazdırıyoruz } if(cdk<9) // dakika 9 dan küçük ise $('#sayac #dakika').html('0'+(cdk+1)); // 0 ile else // değilse $('#sayac #dakika').html(cdk+1); // 0 olmadan } if(csn<9) // saniye için de aynı işlemi yapıyoruz $('#sayac #saniye').html('0'+(csn+1)); else $('#sayac #saniye').html(csn+1); } if(csl<9) // salise için de aynı $('#sayac #salise').html('0'+(csl+1)); else $('#sayac #salise').html(csl+1); },10); // setinterval fonksiyonumuz 10 milisaniyede bir çalışacak 10 milisaniye saniyenin 1/100 ü yani 1 saliseye eşittir $("#baslat").addClass('pasif'); // başlat butonumuzu pasif yapıp $("#durdur").removeClass('pasif'); // durdur butonumuzu aktif yapıyoruz $('#sifirla').fadeIn(); // ve sıfırla butonunu da görünür yapıyoruz }); $('#durdur').click(function(){ // durdur butonuna tıklandığında clearInterval(sayacfunction); // clearinterval ile sayacfunction unu durduruyoruz NOT : sayacfunction unu global tanımlamasaydık burada erişemeyecektik $("#durdur").addClass('pasif'); // durdur butonunu pasif yapıp $("#baslat").removeClass('pasif'); // başlat butonunu aktif yapıyoruz }); $('#sifirla').click(function(){ // sıfırla butonuna tıklandığında clearInterval(sayacfunction); // sayacı durdurup $('#sayac #saat').html('00'); // saat, dakika, saniye ve salise hanelerini 00 yapıyoruz $('#sayac #dakika').html('00'); $('#sayac #saniye').html('00'); $('#sayac #salise').html('00'); $("#durdur").addClass('pasif'); // durduru pasif $("#baslat").removeClass('pasif'); // baslatı aktif yapıyoruz $('#sifirla').fadeOut(); // ve sıfırla butonunu gizliyoruz }); });

Elimden geldiğince açık şekilde anlatmaya çalıştım. Umarım faydalı olur. Aynı uygulamanın bir de geri sayım versiyonu yakın zamanda yapıp anlatacağım.

[muratbastas]

PHP ile string işlemleri ve Türkçe karakter problemi

PHP ile string kısaltma, kesme, değiştirme gibi işlemler yaparken çoğu zaman Türkçe karakter sorunları yaşıyoruz. Bu yazımda sık kullanılan string fonksiyonlarında Türkçe karakter sorunlarını nasıl aşabileceğimizi anlatacağım.

İlk olarak kısaltma fonksiyonuna bakalım. Substr :

Substr ile stringleri dilediğimiz karakterden kısaltabiliriz. Örnek kullanım :

<?php $string = 'Şehirlere bombalar yağardı her gece'; echo substr($string, 0, 23); ?>

Bu şekilde kullandığımız zaman sonuç şu şeklinde olacaktır.

Şehirlere bombalar ya�

Bu sorunu düzeltmek için substr yerine mb_substr fonksiyonunu kullanmalıyız.

mb_substr fonksiyonunu da bir örnekle görelim :

<?php $string = 'Şehirlere bombalar yağardı her gece'; echo mb_substr($string, 0, 23, 'UTF-8'); ?>

Çıktımız şu şekilde olacaktır :

Şehirlere bombalar yağ

Şimdi de karakter sayma fonksiyonuna bakalım. Strlen :

strlen fonksiyonu string içindeki karakter sayısını verir, örnek kullanım :

<?php $string = 'Şehirlere bombalar yağardı her gece'; echo strlen($string); ?>

echo mb_strlen($string,'UTF-8');Bu kodu çalıştırdığınızda php sunucunuz 35 karakterlik stringinizin 38 karakter olduğunu iddaa edecektir. Sebebi tabii ki de Türkçe karakterler. Türkçe karakterleri çift sayıyor nedense. Çözümü de yine mb_strlen fonksiyonudur. Örnek kullanımı :

<?php $string = 'Şehirlere bombalar yağardı her gece'; echo strlen($string); ?>

Bu şekilde çalıştırdığınızda 35 karakter diyecektir.

Şimdi harf büyütüp küçültme işlemlerine bakalım

İlk olarak ucfirst ve ucwords :

ucfirst fonksiyonu stringin ilk karakterini büyütür. Tabii eğer Türkçe harf değilse. Türkçe harf ise eğer mb_ucfirst diye bir fonksiyon aramayın. Yok öyle bir fonksiyon. mb_ucwords de yok.

Ama ucwords için aynı işlevi görecek bir fonksiyon mevcut.  ucwords kelimelerin ilk harflerini büyütmeye yarıyor. Eğer Türkçe değilse harfler. Türkçe ise çalışmıyor. Ama mb_convert_case fonksiyonunu MB_CASE_TITLE kipinde kullanarak ucwords işlevi görebiliriz. Örnek kullanım :

<?php $string = "şehirlere bombalar yağardı her gece"; echo mb_convert_case($string, MB_CASE_TITLE, 'UTF-8'); ?>

Gördüğünüz gibi her kelimenin ilk harfi büyüdü.

Şimdi de strtolower ve strtoupper :

$string = "şehirlere bombalar yağardı her gece";Bu iki fonksiyon tüm dizideki harfleri büyütür veya küçültür. Ancak karşılarına Türkçe karakter çıktığında bunlar da yetersiz kalır. Ama bunların yerine mb_strtolower ve mb_strtoupper kullanabilirsiniz. Örnek kullanım :

<?php $string = "şehirlere bombalar yağardı her gece"; echo $buyuk = mb_strtoupper($string, 'UTF-8')." "; echo $kucuk = mb_strtolower($buyuk, 'UTF-8'); ?>

Çıktımız şu şekilde olacaktır :

ŞEHIRLERE BOMBALAR YAĞARDI HER GECE şehirlere bombalar yağardi her gece

Ara ara bu blogda bildiğim bağzı şeyleri paylaşacağım...

[muratbastas]

Bunu daha önce görmüş olma olasılığınız yüksek ama yorumlarınız nedir?

[muratbastas]

Pushbullet nedir?

Android cihazlar için geliştirilmiş pushbullet uygulaması mobil cihazınızdan başka bir mobil cihaza ya da bilgisayarınıza dosya, link, not, adres gibi içerikler göndermeye yarıyor. Ayrıca bu uygulamada arkadaşlarınızı ekleyebilir, onların cihazlarına da içerik gönderebilirsiniz.

Minimal bir tasarıma sahip pushbullet uygulaması ile cihazınızda bildirimlere erişim izni(notification mirror service) verir ve chrome ya da firefox eklentisini kurarsanız bildirimleri de bilgisayarınızda görebilirsiniz.

[muratbastas]

Dirty Markup sıkıştırılmış(compressed) HTML,CSS ve JS kodlarını genişletmek(uncompressed) için oldukça iyi bir araç. Ayrıca kodlarınızdaki hatalı ya da yanlış kullanımları da bu aracı kullanarak görebilirsiniz.

[muratbastas]

2 dk durun lütfen

Gözlerinizi kapatın ve 2 dk hiç bir şey yapmadan durun lütfen. Kendinize bunu çok görmeyin.

Hepimizin sıkıntıları, dertleri var. Telaşla yaşıyoruz hayatı. Zevk almayı bile unutmuşuz. Günlük işlerimiz bizi yok etmiş. Kim istemez öğlen arasında ofisimizin bunaltıcı ortamından çıkıp uzaklara, çok uzaklarda bir kumsala uzanmak, dalga sesleri, martı sesleri eşliğinde güneşin hafif sıcaklığını yüzünde hissetmek…

Evet işi gücü bırakıp bunu yapmak mümkün değil gibi görünüyor. Ama bunu hayal edebiliriz. Buraya tıklayın ve 2 dk hiçbir şey yapmadan durun. Gözlerinizi kapatın ve kendinizi huzura bırakın…

[muratbastas]

Eski blog

Tumblr a geçince wordpress blogdaki postları tek tek buraya eklemeye çok üşendim. O yüzden eski yazılara bağlantıdan ulaşılabilir.

[muratbastas]

Risingson

İşten güçten artan zamanımın çoğunu film ve dizi izleyerek geçiriyorum. Nerdeyse 2 yıl önce tumblr da bu bloğu tutmaya başlamıştım. İzlediğim filmleri, dizileri ve beğendiğim soundtrackleri paylaşıyorum.

[muratbastas]

Wordpress'e en güçlü alternatifim

Evet tumblr dan bahsediyorum. Wordpress ile kıyaslıyorum çünkü kendi özel temanızı yazmak, sayfalar eklemek ve yönetim paneli açısından çok daha kullanışlı ve zevkli. Ayrıca sosyal... Blog tutulacaksa tumblr dan tutmak bence çok akıllıca...

Wordpress ne kadar kişiselleştirilebilir olursa olsun tumblr da gayet kişiselleştirilebilir yapıya sahip. Özel domaininizden de kullanabilirsiniz benim gibi. Hosting olarak da tumblr sunucusunu kullanabilirsiniz. Blog tutmak için sadece bir domain yeterli olacaktır...

Bu yüzden artık paylaşımlarımı buradan yapmaya devam edeceğim. Önceki adresimdeki arşiv de orada kalacak.