JavaScript ile Sekmeli İçerik Kutusu

14 Ağustos 2015

JavaScript Sekme, JavaScript Tabs

Teknik konularda farklı durumlardan bahsetmeyi pek sevmesem de, yazmak şart oldu bence. Diyeceğim pek bir şey yok aslında. Bloga çok vakit ayırmıyorum, neredeyse senede bir yazı giriyor gibiyim. Daha sık yazı yazmamı istiyorsanız eğer yorum yapabilir veya mail atabilirsiniz. Şimdiden teşekkürler!

Bahsedeceğim konu 2015 yılı web teknolojileri için sanki geri kalmış bir konu gibi olsa da kendi oluşturduğum bu içeriği sizinle de paylaşmak istedim. Yazı başlığından ve görselden anlayacağınız üzere JavaScript dilini kullanarak kendi sekmeli içerik kutumuzu oluşturmuş olacağız. Oluşturduğumuz sekmeli içerik kutusunun biçimsel özelliklerini ise CSS ile yazdım. Bu içerik kutusunu oluşturmadan önce codepen.io gibi daha birçok açık kaynak konuyla ilgili çalışmalara göz attım. Yazmış olduğum JavaScript kodu biraz onların yanında amatör gibi kalsa da, şuan güncel olan web platformlarında gayet stabil çalışabilmekte.

HTML/CSS: İlk olarak nasıl bir içerik kutusu yapacağıma karar verdikten sonra ortaya böyle bir kutu çıkardım. Renk seçimlerini ise Turuncu, Mavi ve Beyaz renklerden yana kullandım. (Beyaz renk mi?) Turuncu renk, seçili olan sekmeyi temsil etmekle olup mavi ise fare ile üzerine gelinen sekmeyi göstermektedir. Kenar çizgilerinde herhangi bir oval işlemi uygulamadım. Bu biraz Windows Metro arayüzünü anımsatmıyor değil. Yazı tipini Google Font aracılığıyla Titillium Web olarak belirledim. Geçişlerdeki hafifliği yine CSS’in Keyframe özelliği ile yaptım.
… okumaya devam →

Denklanşörümden Kareler

Fulbright: Ücretsiz Amerika’da Eğitim!

15 Kasım 2014

Fulbright Türkiye

Uzun bir aradan sonra tekrar merhaba! Neredeyse blog’uma yaklaşık bir senedir yeni yazı girişi yapmadım. Geçen sene yazmaya karar verdiğim fakat yarım bıraktığım ve şimdi komple sil-baştan yazmaya başladığım, Fulbright: Ücretsiz Amerika’da Eğitim başlığına hoş geldiniz. Bu yazıda sizlere Türkiye Fulbright Eğitim Komisyonu‘nun sadece herhangi Meslek Yüksekokulu‘nda okuyan öğrencilere vermiş olduğu bir burs programından bahsedeceğim.

Fulbright, sadece Meslek Yüksekokulu’nda okuyan öğrencilere değil farklı lisans düzeyinde okuyan öğrenciler veya öğretim görevlilerine de burs vermek de olup fakat bu yazıda sadece Meslek Yüksekokulu Öğrenim Bursu‘nu elimden geldiğince detaylı bir şekilde anlatmaya çalışacağım. Öncelikle Fulbright Eğitim Komisyonu hakkında bilgi vermek isterim.

Fulbright Nedir ?

… okumaya devam →

ACR:Telefon Görüşmelerinizi Kaydedin!

29 Temmuz 2013

151 Yorum

Lütfen sayfa sonunda yer alan notu okuyun!

Android kullanıyorsanız bu uygulama tam size göre! Şimdi sizlere bahsedeceğim uygulama Android işletim sistemine sahip telefonlar için geliştirilmiş ve kısaca özetleyecek olursak hem karşı tarafın hem de sizin sesinizi aynı anda kayıt yapma özelliğine sahip. Bazen bilirsiniz bu tür telefon görüşmelerini kayıt altına almanız daha sonra dinlemeniz gerektiği için bu tür uygulamalara ihtiyaç duyabilirsiniz.

Uygulama Olmadan Kayıtlara Ulaşma

Eğer böyle bir telefona sahip değil ve bu tür uygulamaları kullanamıyorsanız, o görüşme kaydını unutun! Ceza Mahkemesi tarafından daha önceden verilmiş bir karar olmadan (Her suç için geçerli değil) geçmişe yönelik görüşme içeriklerine ulaşılamaz. Zaten GSM operatörleri görüşme kayıtlarını tutmazlar, hem çok fazla data sebebiyle hem de yapmaları kanunen suç sayılır. Operatörlerden veya mahkeme kararıyla ayrıntılı görüşme dökümü operatör kaydına göre alınabilme imkanı vardır.

Eğer siz de böylesine uzun süreçler ve hiç bir garantisi olmayan işler için uğraşmak istemiyorsanız hemen Android işletim sistemine sahip bir telefona geçin! Ardından Another Call Recorder (ACR) uygulamasını edinin.

… okumaya devam →

Web Üzerine İlk Deneyimler

21 Haziran 2013

Çok uzun zaman önce Web Üzerine İlk Deneyimler adı altında bir anket başlatmıştım. Facebook, quup, Twitter gibi sosyal ağlarda gerek direkt gerek genel olarak anket linkini siz değerli takipçilerle paylaşmıştım. Bunun sonucunda toplam 11 adet anket yanıtı aldım. Ankete katılımda bulunan arkadaşlardan tekrardan teşekkür ederim. Yazacağım deyip yazmayanlara ise bir şey demiyorum, anketimiz hala güncelliğini devam ettirecek olup, ilk deneyimini bizlerle paylaşmak isteyen olursa şuan okumakta olmuş olduğunuz yazıya ekleyeceğim.

Ankete katılım sağlayanların isim listesi şöyle; Salih S. DEMİR, Özgür Fırat ÖZPOLAT, Ferman AKGÜN, İsimsiz(1), Doğukan ÖNAL, Yusuf YILDIZ, 0x7000, Abdullah UĞRAŞKAN, Deniz HACISALİHOĞLU, JackkerL ve Zeki ANKUN.

Salih S. DEMİR Salih S. DEMİR Salih S. Demir, 2004 yılından beri daha çok hobi amaçlı olarak kodlarla iç içeyim. Malum öğrencilik devamlı çalışmamı engelliyor, en son geçen sene çalışıyordum isim vermeyeyim. Pozisyonum çok değişikti, sözde tasarımcı ama genelde yapılmış sitelerin tasarım ve yazılımsal eksiklerini düzeltmek üzere çalışıyordum.
Evimde PC yoktu ben 2000 yılında PC ile ilk defa tanıştım, nerde internet cafede :D. Ne zaman biraz para biriktirsem internet cafeye gider internete girerdim. Tabi o zamanlar sadece mynet.com, showtvnet.com gibi adreslerin anasayfasına girebiliyordum henüz link ve tıklama kavranlarını öğrenmemiştim. Komik :D. 2004 yılında Mynet’in MySite hizzmetinden hazır bir site aldım, ilerleyen zamanlarda kodlarla oynayabileceğimi farkettim. Renk ve fontları değiştirmeye başladım ilk olarak sonra o meşhur gezginler.net’in javascript kütüphanelerini kurcaladım. O zamanlar işin “süper” şimdi ise “ıyyk” dediğimiz o havalı şeyleri kullandım. İlk işimi 2006 yılında 16 yaşımda bir dernek sitesi yaparak başladım. Klasik ASP ve HTML. Henüz CSS’yi öğrenmemiştim. Açıkçası çok farklı bir duygu hissettiğimi sanmıyorum, çünkü hatırlamıyorum unutkanlık da var bende…
Üniversite hayatı ve alakasız bir bölüm beni pasif hale getirdi. Çalıştığım yerlerde yaptığım bir kaç site(adlarını bile unuttum) dışında iş yapmadım. Gelecek planım artık yok. çünkü HTML, CSS, JS aldı başını gidiyor ve sık sık moda değişiyor ayak uydurmak zor, ancak takipteyim peşini bırakmıyorum.

… okumaya devam →

WebZap Eklentisi ve Bootstrap Yapısı

24 Nisan 2013

4 Yorum

Eski yıllara göre gerçekten teknoloji çok büyük bir hızla ilerliyor. Özellikle eskiye nazaran çok kısa süreler içerisinde bir teknolojinin yeni bir versiyonun çıkması artık sıradan bir olay oldu. Tabii bu teknolojiye Web Teknolojileri de dahil. Artık her şeyin pratikleştiği bu dönemde arayüz çizimi ve bunun sonrasında CSS/HTML aktarımını daha hızlı, çabuk ve kolay nasıl yapabiliriz onlardan bahsetmek istiyorum.

Öncelikle şunu söylemeliyim ki; WebZap ve Bootstrap tamamen birbirinden bağımsız/alakasız iki ayrı araçtır. Bu başlık altında WebZap ve Bootstrap’ı ayrı ayrı inceledikten sonra iki aracın arasında nasıl bir ilişki/bağ kurabiliriz veya işlerimizi bu iki araç ile daha da pratik nasıl yapabiliriz onlardan bahsedeceğim.

WebZap Eklentisi (Photoshop Plug-in)

İlk olarak WebZap ile başlıyorum: WebZap bir Adobe Photoshop eklentisidir. WebZap ile çok hızlı, kolay ve düzenli bir şekilde arayüz çizimi gerçekleştirebilirsiniz. Aslında ona çizmek bile denilemez, sadece bir kaç tık ile sayfanız anında oluşturulmuş oluyor. WebZap’la yeni bir dosyanın boyutlarından(en/boy) tutun, sayfa içerisinde kullanılacak materyallerin(logo, text, image.. etc.) varsayılan olarak koordinatları ve yine aynı şekilde boyutları belli bir şekilde karşımıza çıkıyor. Bu ufacık ama gerçekten çok işe yarar eklentimiz sayfamızda ki tüm renkleri tam bir uyum içinde bize sunuyor.
 
… okumaya devam →

Merhaba İnsan Evladı!

08 Nisan 2013

Yakında blog’a yazmaya başlayacağım, sadece biraz sabır ve azim!
Ha deyince olmuyor, tema bulunmuyor, işler yolunda gitmiyor biliyorsun.
Geleceğe dair yaptığım planlar ve yeni yıl(2013) karmaşası sanırsam beni bu büyük boşluğa itekledi.

Hoşça kal-şimdilik.