CSS ve JavaScript Dosyalarını Sıkıştırma

Google’ın site hız ölçe aracı olan Page Speed’de websitemin hızını artırmak için yapmam gerekenleri okuyor,bir yandanda araştırmalar yapıyordum.Css ve JavaScript dosyalarını sıkıştırmam gerektiğini söyledi sevgili Google.

Nasıl çözebilirim diye düşünürken , Yui Compressor adı verilen bir sıkıştırma sistemine denk geldim.Yui Compressor, dosya sıkıştırma işlevi görüyor.Hatta sıkıştırma işlemlerini online olara bir websitesinden,dosya yükleyerek,kodu direkt olarak girerek yada sıkıştırmak istediğimiz kodun bulunduğu url’yi vererek sıkıştırma işlemini gerçekleştirebiliyor,bilgisayarımıza zip olarak indirebiliyoruz.

Site Adresi : tıklayınız.

Siteye girdikten sonra dosya yükleyerek,kodu direkt olarak girerek yada sıkıştırmak istediğiniz kodun bulunduğu url’yi girerek sıkıştırma yapabilirsiniz.

Continue Reading

jQuery ile Bilgi Baloncukları Oluşturma

Bu aralar jQuery ile yakından ilgileniyorum ve yararlı gördüğüm sizlere bir şeyler katabilecek,yararım dokunacak jQuery nimetlerinden kodlar paylaşıyorum.Bugün ise jQuery ile bilgi baloncukları oluşturmayı anlatacağım ve demo link ekleyip canlı olarak test etmenizi sağlayacağım.

Araştırdığım sitede basit ve detaylı kod olarak 2 ayrı kod vermiş.İlk kodun sizi tatmin etmeyeceğini bildiğim için 2.kodu sizlerle paylaşacağım.

Öncelikle kodumuzun ne işe yaradığına kısaca bir kez daha değinelim.Bu kod sayesinde tanımladığımız yazının üzerine geldiğimizde ufak bir pencere daha açılıyor ve tanımladığımız yazı ve resim beliriyor.

Dilediğiniz gibi değiştirebileceğiniz kodları veriyorum ;

<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Nazım Mert Bilgi – jQuery Bilgi Baloncukları</title>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js”></script>
<script type=”text/javascript” src=”easyTooltip.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“#link”).easyTooltip({
useElement: “icerik”
});
});
</script>
<style>
#easyTooltip{
margin:0 10px 1em 0;
width:250px;
padding:8px;
background:#fcfcfc;
border:1px solid #e1e1e1;
line-height:130%
}
#easyTooltip h3{
margin:0 0 .5em 0;
font:14px Arial bold, Helvetica, sans-serif;
text-transform:uppercase
}
#easyTooltip p{margin:0 0 .5em 0}
#easyTooltip img{
background:#fff;
padding:1px;
border:1px solid #e1e1e1;
float:left;
margin-right:10px
}
#icerik{display:none}
</style>
</head>
<body>
<a href=”#” id=”link”>Nazım Mert Bilgi ?</a>

<div id=”icerik”>
<h3>Nazım Mert Bilgi</h3>
<img src=”https://lh4.googleusercontent.com/-waABi549iow/AAAAAAAAAAI/AAAAAAAAAEs/uEHmIJmvXPo/s120-c/photo.jpg” />
<p>nazimmertbilgi.com Her telden yazılar içeren bir blog.</p>
<ul>
<li>WordPress ve</li>
<li>Teknoloji</li>

</ul>
</div>
</body>
</html>

 

DEMO  / Kodları indirmek için ; İndir 

Continue Reading

jQuery ile Nesneleri Hareket Ettirelim

Bu konumuzda Javascript ile jQuery ve CSS kullanarak elimden geldiğince nesne hareket ettirme konusunu anlatacağım.Öncelikle vereceğim kodları anlamanız için az buçuk CSS ve jQuery’den anlamanız gerekli. Çok basit bir şeklini anlatacağım,biraz inceledikten ve araştırdıktan sonra bilmeyenlerde mantığını anlayabilecektir.

Konumuza dönelim ve “div” dediğimiz nesneleri oluşturalım :

<div id=”nesne” style=”position: absolute; width: 50px; height: 50px; top: 100px; left: 100px; background: #000;”></div>

Ve şimdide jQuery kütüphanesini çağıralım :

<script src=’jquery.js’></script>

Son olarak jQuery fonksiyonu ;

<script type=”text/javascript”>
var x = 100, y = 100;
$(document).ready(function(){
}).keydown(function(event)
{
var tus = new Array(37, 38, 39, 40);
var kod = (event.which) ? event.which : event.keyCode;

var tus = new Array(37, 38, 39, 40);
var kod = (event.which) ? event.which : event.keyCode;
if(kod == tus[0]){ if(x > 3) { x = x – 3; $(“#nesne”).css(“left”, x+”px”)}}
if(kod== tus[1]){ if(y > 3){ y = y – 3; $(“#nesne”).css(“top”, y+”px”);}}
if(kod== tus[2]){ x = x + 3; $(“#nesne”).css(“left”, x+”px”);}
if(kod== tus[3]){ y = y + 3; $(“#nesne”).css(“top”, y+”px”);}
});
/* Nazım Mert Bilgi – http://nazimmertbilgi.com */
</script>

Google'den Gelen Aramalar

  • javascript top hareket ettirme
Continue Reading

JavaScript Alert, Confirm ve Prompt Özellikleri

Alert Karşımıza Çıkan Bilgi Kutusudur. Ekrana Uyarımızı Yazabilir, Bizim İçin Değer Alabilir, Evet/HayırSeçmesi Yaptırabilir.

En Basitinden Alert Kodunu İnceleyelim.

  • Ekranımıza “Merhaba !” Uyarısını Gösterelim.

<!DOCTYPE HTML>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Alert Uyarı Kutusu - www.mkoseoglu.com</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function() {
            alert('Merhaba');
        });
    </script>
</body>
</html>
  • Alert Kodumuz İle Ekrana Merhaba Yazısını Gösterdik.
  • Şimdi Confirm’i İnceleyelim.

Confirm İle Onaylama İşlemi Yaptırabilirsiniz. Kullanıcı Onayladığı Zaman Yapılacak İşlemler veOnaylamadığı Zaman Yapılacak İşlemler.

<!DOCTYPE HTML>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Alert Confirm - www.mkoseoglu.com</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function() {
            var onay =confirm("Onaylıyor musunuz ?");
            if(onay==true){
                $('#yaz').html('Onayladın !');
            }else{
                $('#yaz').html('Onaylamadın !');
            }
        });
    </script>
<div style="font:bold 20px verdana;width:300px;margin:0 auto;"id="yaz"></div>
</body>
</html>
  • Kullanıcıya Onaylıyor musun ? Sorusunu Yönelterek Seçim Yaptırdık. Eğer Onay Değerimiz True İse Yapılacaklar, Else İse Yapılacaklar.

Alert Prompt 

  • Prompt İle Kullanıcının İsmini Yazdırabiliriz.

<!DOCTYPE HTML>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Alert Prompt - www.mkoseoglu.com</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function() {
            var doldur = prompt("Lütfen İsminizi Giriniz","Mert Köseoğlu");
            if(doldur !== null){
                $('#yaz').html('Merhaba ' + doldur);
            }else{
                alert('Geçersiz İsim :(');
                location.reload();
            }
        });
    </script>
<div style="font:bold 20px verdana;width:300px;margin:0 auto;"id="yaz"></div>
</body>
</html>
  • Doldur Değeri İle Kullanıcıdan İsmini Yazmasını İstedik. Yazılan İsmi Yine Doldur Değeri İle Yaz ID’sine  HTML Methodu İle Gönderdik.

Demo : http://www.mkoseoglu.com/depo/dersler/alert/alert_prompt.php

Kaynak : http://www.mkoseoglu.com/javascript-jquery/javascript-alert-confirm-ve-prompt-ozellikleri.html Teşekkürler.

Continue Reading

Types Of Basketball Jerseys

If your guy has all of the basics look into the actual technology around the world. Andy Pettitte is not going to keep out of this public to make certain that. When purchase a house, you have to buy the other stuffs like beds, sofas, dining table and many other accessories, in order to complete the home, right?

He is strong in fielding kicks and allows blockers to close before cheap jerseys from china he makes a move. Not one of the other major sports require that every team have at least one representative in the All Star Game. Winston mlb wholesale jerseys Justice -RT- Winston has improved as a tackle cheap reversible basketball jerseys after he was named the starter last season. This is also a good heat up exercise before you put on your cycling jerseys and ride for a special event. The reasoning is that the worst team needs the most help to ensure that they get to buy from any college player they wish to try and catch up to other leagues.

Whether it was rain or sweat, your jersey got many heavier like game wore on. He spent time with the tennessee Titans following college and played for the CFL’s Montreal Alouettes in 2007 as he led they is rushing yards and touchdowns. And the Patriots rank near the bottom of the nfl in pass defense, surrendering an average of 282 yards per game. All of the first two trial years, the great hit decreased in excess of 35 times a yr.

The very thing which comes to mind when we speak of football may be the bouncy ball and do well . playing field. I always remembered Griffey playing extremely shallow to have a center fielder. Louis Rams to clinch the NFC West title drew the most effective preliminary television rating for the final game of Sunday Night Football in the five years on NBC. He threw three no hitters and also pitched website perfect game in mlb history. In fact the Cardinals had develop best record in the league behind the Pottsville Maroons, but this was vacated a result of controversial fight.

He shot himself in front of total Manager and head coach of the c’s. Now the designs are restricted only with the imagination. Scott did not run hard just last year and then broke his collarbone. From 1990-1999 he won 10 Gold Glove Awards consecutively in center field for the Mariners.

He hadn’t been supposed to really be the left-handed pitching hero

wholesale MLB jerseys

of the World Series Champion Detroit Tigers. The marketing of team-related merchandise as well as the selling of tickets makes up a big part of revenue for the group. One year later, Warren Spahn of the Braves became the first left hander to win the designation.

wholesale nba jerseys

To have the ability to to use any out of all these sports betting systems, need to have to to know at least the strategies.

Profit From Nfl Replica Jerseys In May
The Main An Nfl Lockout Can Impact One s Enthusiasm To This Game

Miami Beach Botanical Garden Annual Membership Meeting
Z?ote Tarasy
Aprende a bailar salsa en el tiempo uno
Free Chicken Sandwiches For Sports Fans

Continue Reading