Merhaba arkadaşlar. Bundan böyle, edindiğim deneyim ve bilgi birikimlerimle web sayfası tasarımı ile ilgili naçizane önerilerimi sizinle paylaşacağım WEB Tasarım Önerileri isimli bir video serisi hazırlamaya karar verdim. Fırsat buldukça YouTube kanalıma ekleyeceğim WEB Tasarım Önerileri serisinin ilk bölümleri biraz teorik olacak ve takip edilmesi sıkıcı olabilecektir; ancak sabrederseniz, daha sonraki bölümlerdeki konuların anlaşılmasına temel oluşturacağı için faydalı olabileceği kanaatindeyim. İlk dersi aşağıdaki video veya YouTube Hayaletin Yeri kanalımdan takip edebilirsiniz. Umarım faydalı olur. Hoşçakalın.
Merhaba arkadaşlar. Bu yazımda sizlere Audacity programıyla seslerdeki gürültülerden kurtulmayı anlatacağım. Piyasada bu işi yapabilen pek çok program olsa da hem ücretsiz hem de kullanımının kolay olmasından dolayı ben bu programı tercih ediyorum. Lafı fazla uzatmadan söz konusu işlemin nasıl yapıldığını açıklamaya başlıyorum.
ilk önce programdan düzeltmek istediğimiz dosyayı açıyoruz.
Daha sonra dosyada sadece gürültü ya da hışırtının olduğu bir alanı fare yardımıyla seçiyoruz.
Bu tür alanlar genelde dosyaların başında veya sonunda bulunur. Yukarıdaki Play tuşu yardımıyla sesi dinleyerek de istediğimiz alanı tespit edip seçebiliriz. Bazı durumlarda dosyanın uzunluğuna bağlı olarak istediğimiz alanı seçmek zorlaşabilmektedir. Bu tip durumlarda aşağıdaki resimde gösterilen zoom butonlarıyla dosyayı daha da uzatıp istediğimiz alanı kolayca seçebiliriz.
İlgili alanı seçtikten sonra yukarıdaki menülerden Etkiler > Gürültü Azaltmayı seçiyoruz. Karşımıza gelen penceredeki Gürültü Profilini Getir butonuna tıklıyoruz.
Butona tıkladıktan sonra pencere kendiliğinden kapanacak ve biz de tekrar Audacity‘nin ana ekranına dönmüş olacağız. Burada Ctrl+A tuş kombinasyonuyla dosyanın tamamını seçip tekrar menülerden Etkiler > Gürültü Azaltma… yolunu izliyoruz. Karşımıza biraz önceki pencere gelecek ancak burada dosyanın tamamında biraz önce seçtiğimiz alandaki gürültüler algılanmış vaziyette oluyor. Pencerenin alt tarafındaki Azalt seçeneğinin seçili olduğundan emin olduktan sonra Tamam butonuna tıklıyoruz.
Şimdi Play tuşuna basarak ortaya çıkan sonucu dinleyebilirsiniz.Eğer gürültüler tamamen yok olmamışsa aynı işlemi tekrarlayarak elde edeceğiniz sonucu kuvvetlendirebilirsiniz. Ancak bu işlemi çok fazla yapmak normal sesleri de bozabileceğinden dikkatli olmanızı ve kararında bırakmanızı tavsiye ederim. Ayrıca mutlaka çalıştığınız dosyaların da yedeğini alın. Şimdilik benden bu kadar. Hoşçakalın.
Merhaba arkadaşlar bu yazımda sizlere kısaca jQuery kullanarak bir css sınıfındaki öğelerden yalnızca birini nasıl seçebileceğimizi anlatmaya çalışacağım. Bildiğiniz gibi eğer kullanmak istediğimiz öğeye özgü bir stil oluşturmak ya da yalnızca o öğeyle ilgili işlemler yapmak istiyorsa id kullanmak daha mantıklı bir yoldur, ancak bazı durumlarda sınıf olarak belirtilmiş bir öğe üzerinde de işlem yapmamız gerekebilir. Bunu nasıl yapabileceğimizi aşağıdaki kodla anlatmaya başlıyorum.
Öncelikle boş bir HTML sayfası oluşturup en başına da aşağıdaki css kodlarını yazalım
CSS kodumuzda önemli olan iki sınıfımız var. Birinci sag adını verdiğim sınıf ve bunlarla divlerimi oluşturacağım sınıf; ikincisi de sol_baslik sınıfı ki üzerinde işlem yapacağım sınıf. Ayrıca fark ettiğiniz gibi sol_baslik için bir de üzerine fare ile gelince farklı efekt vermek için hover kullandım ancak bu örneğimizin daha pekişmesi için yoksa jQuery de bu hover seçicisine ihtiyacım olmayacak.
Şimdi de bu kodların altına aşağıdaki html kodumuzu ekleyelim
Kodumuzu bu haliyle çalıştırdığımızda ekranda üç adet gri div ve onların içinde de sarımsı bir arkaplan rengine sahip yazılar göreceksiniz. Fare ile bu yazıların üzerine geldiğinizde o yazının arkaplan renginin pempeye döndüğünü göreceksiniz.
Peki biz o yazıların değil de başka bir şeyin mesela örneğimizde olduğu gibi divlerin üzerine geldiğimizde o divin içindeki yazının arkaplan renginin değişmesini isteseydik ne olacaktı? Basit anlatımla sag isimli sınıftaki divin üzerine fare ile gelince sol_baslik sınıfındaki yazının rengini değiştir dememiz gerekiyor ancak böyle bir durumda sol_baslik sınıfındaki bütün öğeler değişecek çünkü sınıfa ait bir özelliğin değişmesi sınıftaki bütün öğeleri değiştirecektir. Bunun için de jQuery kullanarak aşağıdaki kodda olduğu gibi this parametresi ve onun içindekileri seçmemizi sağlayan childeren parametresini kullanıyoruz.
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.sag').hover(
function () {
$(this).children(".sol_baslik").css({"background-color":"#900"});
},
function () {
$(this).children(".sol_baslik").css({"background-color":"#3292b8"});
});
});
</script>
Yukarıdaki jQuery kodunda önce jQuery kütüphanesini çağırıyoruz ardından da sayfamız yüklendikten sonra çalışmasını istediğimiz fonksiyonumuzu yazıyoruz. sag isimli sınıftaki bir öğenin üzerine fare ile gelindiğinde this ile o öğeyi seçiyoruz ve childeren ile de öğenin kapsadığı sol_baslik sınıfının (dikkat edin yalnızca üzerine gelinen sag isimli sınıfa sahip öğenin içinde bulunan sol_baslik sınıfını değiştiriyoruz) arkaplan rengini farklı bir renk yapıyoruz. jQuery kütüphanesinin temel yazım tekniğine göre oluşturduğumuz kodda yazdığımız ikinci fonksiyon da fare, ilgili öğenin üzerinden ayrılınca o öğenin farklı bir arkaplan rengini almasını sağlıyor.
En son tüm kodumuz aşağıdaki gibi olacak. Kodu kendiniz deneyerek ne demek istediğimi daha rahat anlayabilirsiniz.
Burada biz bir divin üzerine geldiğimizde içindeki başka bir sınıfa ait öğenin değişerek aynı sınıftaki diğer öğelerin sabit kalmasını sağladık. Siz isterseniz daha farklı senaryolar deneyebilirsiniz. Örneğin bir düğmeye basıldığında yukarıdaki bir başlığı değiştirmek gibi yani değiştirilecek öğenin mutlaka bir üst elemanın üzerine gelince değişmesi gibi bir şart yok. Değişik bir örnek olarak deneme ismini verdiğimiz bir idye sahip bir divin içeriğiyle ilgili işlem yapabilmek için kodumuzu aşağıdaki gibi değiştirmemiz gerekecekti.
Birçoğumuz çocukluğumuzda çizgi roman okumuşuzdur. Belki bazılarımız da kendi hayal güçlerini çizgi roman şeklinde kağıtlara dökmek istemişizdir; ancak herkesin çizim kabiliyeti mükemmel olmayabiliyor. Bu durumda imdadımıza bilgisayarlar ve özellikle de bu işi kolaylaştırdığını iddia eden Manga Maker ComiPo gibi programlar yetişiyor.
Manga Maker özellikle japon mangaları tarzında çizgi romanlar yapmak için üretilmiş bir program. Bir çok pratik ve kullanışlı özelliği sayesinde bizlere hayalimizdeki çizgi romanları oluşturabilme imkanı sunuyor; ancak sağladığı kolaylıkların yanında bazı kısıtlamaları da mevcut. Maalesef bu böyle olmak zorunda. Hazır sunulmuş şablonlar, üzerine fark katacak yetenek olmayınca hayalimizi programın sunduğu olanaklara yönlendirmeye itiyor bizi. Yine de hiç yoktan iyidir diyerek sizin için bir ilk izlenim videosu hazırlamaya çalıştım. Daha önce hep yazmaya alışık olduğum için konuşmakta biraz zorlandım kusura bakmayın.