Serhat Yılmaz

Front-End Developper & Cyclist

jQuery fadeIn ve fadeOut

Bu yazımda jQuery’nin oldukça sık kullandığım bir özelliği olan fadeIn ve fadeOut animasyonlarından örnekler göstereceğim. Aşağıdaki örnekte bir div’i gizleyip tekrar göstermeyi fade efekti ile yapacağız. Öncelikle jQuery kütüphanesini sitemize çağıralım

Kütüphanemizi body tagini kapatmadan hemen önce çağırmamız daha doğru olacaktır.

Bir paragraf tanımladık ve id stilini çağırdık , ayrıca site ilk açıldığındaRead More

DEVAMINI OKU


CSS – Gradients (Renk Geçişi)

Geçmişte Photoshop , İllustrator vb. görsel editör programlarını kullandıysanız gradient’i az çok görmüşsünüzdür. Gradient özelliği iki veya daha fazla rengin yumuşak şekilde geçiş yapmasını sağlar. CSS3 ile gelen bu özellik yokken büyük boyutta resimlerin birleştirilmesi ile birlikte ancak bu sonuçlar elde edilebiliyordu. Haliyle resimler büyüdükçe doğru orantılı olarak sitemizin boyutu artıyor dolayısıyla bandwith kullanımımızda artıyordu.Read More

DEVAMINI OKU


Görme Engellilerin Gözü Olacak Uygulama : Aipoly

Aipoly , görme engelli insanların akıllı telefonlarında bulunan kamera aracılığıyla cisimlerin ne olduğunu öğrenebilmesini sağlayan bir uygulama. Görme engellilerin ne kadar büyük sorunlar yaşadığını hepimiz az çok biliyoruzdur. Özellikle ülkemizde yapılan görme engellilerin yolu tespit edebilmeleri için yapılan yollara bile araçlar park ediyor , direkler yapılıyor ve hatta ağaçlar ekiliyor. Aipoly tüm bu sorunları çözmeseRead More

DEVAMINI OKU


CSS – Rounded Corners (Oval Kenar – border-radius)

Bu yazımda CSS3 özelliklerinden birisi olan border-radius’ tan bahsedeceğim. CSS3 öncesinde bir kutunun kenarını oval yapmak için , kenarların oval kısımlarını Photoshop veya Fireworks türevi bir programla çizip köşeleri tabloların içerisine dizmemiz gerekiyordu. Tahmin edebileceğiniz gibi bu işlem hem çok uzun hem de zahmetliydi. Şimdi border-radius ile bu işlemleri tek satır kodda çözebilir hale geldikRead More

DEVAMINI OKU


CSS – Animasyon (Animation)

Bu yazımda CSS3 ile birlikte hayatımıza giren CSS animasyon’un (animation)  özelliklerini anlatacağım. 1- animation-name Herhangi bir öğeye animasyon uygulayacak olursak ilk olarak animasyonumuza bir isim belirtmemiz gerekir. Bu sayede öğemizin hangi isimdeki animasyonu gerçekleştireceğini belirtiriz. Sadece bir değer girebiliriz , ayrıca Keyframe için de parametre olarak tanımlanması gerekir. Örnek vermek gerekirse : HTML sayfamızı oluşturalımRead More

DEVAMINI OKU


CSS – Animation Keyframes Kullanımı

Bu yazımda uzun süredir araştırıp bulamadığım animasyonları yapmama olanak sağlayan bir CSS özelliği olan Keyframes özelliğinden bahsedeceğim. Bir çok kişi JS kütüphanelerini kullanarak animasyon işlemlerini yapabiliyor , aslında basit animasyonları yapmak için CSS3 ile birlikte ekstradan JavaScript öğrenmemize gerek kalmıyor denebilir. Keyframes bir CSS stilinin aşamalı olarak değişiklik göstermesini sağlar. Yani animasyonu bir süreç olarakRead More

DEVAMINI OKU


Yerli Arama Motoru : Geliyoo

Bugün itibari ile test yayınına başlayan yerli arama motoru Geliyoo oldukça fazla tepki aldı. Peki tepkiler konusunda ne kadar haklı kullanıcılar? İşin aslına bakılırsa bize yerli diye tabiri caizse kakalanmaya çalışılan bir arama motoru var ortada. Yapımının 10 yıl sürdüğü belirtilen arama motorunda 10 yıl süren kısmın neresi olduğunu tam olarak anlamak oldukça güç ,Read More

DEVAMINI OKU


C# Nedir?

C# Microsoft tarafından geliştirilen OOP (Nesne Yönelimli Programlama) ve .Net teknolojisi için geliştirilmiş bir programlama dilidir. C# ilk çıktığında Java ve C++ ‘a olan benzerlikleri ile tepkiler alsa da derinliklerine inildikçe bu düşüncelerin gerçek olmadığı anlaşıldı. Ayrıca OOP ile ilgili ileride makale yazacağım şuan için derin bir bilgiye ihtiyacımız yok. C# Öğrenmek İçin Ne Yapmalıyım? VisualRead More

DEVAMINI OKU


Solid Prensipleri Nedir?

  Solid bağımlılık yönetim biçimidir , dünya çapında yazılımcılarca kabul edilmiş olan OOP standartıdır. Geliştirmiş olduğumuz uygulamalar sizce yeni özellik eklemeye ne kadar uygun veya yazdığımız kodlarda tekrarlanan kodlar var mı? Eğer cevabınız evet ise dünya üzerinde Solid prensipleri olarak kabul edilen bu 5 temel prensibi bilmemiz gerekiyor.   Single Responsibility Principle Büyük bir projemizRead More

DEVAMINI OKU