Google Developer Groups (GDG) Ankara Aralık 2016 Etkinliği

04 Aralık 2016 tarihinde Google Developer Groups (GDG) Ankara ODTU Üniversitesi Kültür ve Kongre Merkezi‘nde DevFest 2016 etkinliği gerçekleştirildi.

Ben de Xamarin ile Cross-Platform Uygulama Geliştirme konulu oturumda konuşmacı olarak yer aldım.

Katılan tüm arkadaşlara teşekkür ederim.

Adnan Menderes Üniversitesi - Yazılımda Kariyer Etkinliği, Aralık 2016

01 Aralık 2016 ve 02 Aralık 2016 tarihlerinde Adnan Menderes Üniversitesi Söke Kampüsünde Bilişim Günleri etkinliği gerçekleştirildi.

Ben de Yazılımda Kariyer konulu oturumda konuşmacı olarak yer aldım.

Katılan tüm arkadaşlara teşekkür ederim.

Etkinlikte bahsettiğim konuların sunumuna aşağıdan erişebilirsiniz.

Bu etkinlik Milliyet gazetesinin internet sitesinde de haber olmuş, ilgili haberin linki; Söke İşletme Fakültesi’nde ‘Bilişim’ Günleri

re-Connect(); // 2016 Etkinliği

23 Kasım 2016 tarihinde Microsoft Türkiye ofisinde gerçekleştirdiğimiz re-Connect(); // 2016 etkinliğinde, Microsoft‘un Connect(); // 2016 etkinliğinde tanıtılan tüm yenilikleri katılımcılar ile buluşturmayı hedefledik.

Ben de Visual Studio Ailesi Yenilikleri ve Xamarin konulu oturumlar ile bu etkinlikte konuşmacı olarak yer aldım.

Etkinliğe katılan tüm arkadaşlara teşekkür ederim.

TimeSpan değerini kullanıcı dostu gösterme

TimeSpan sınıfı ile iki zaman arasında (DateTime instance) ne kadar süre geçtiğini hesaplayabiliyor, tutabiliyoruz.

TimeSpan sınıfı, aşağıdaki özellikleri (property) aracılığıyla bize iki tarih arasındaki sürenin ne kadar olduğunu söyleyebiliyor;

Eğer iki tarih arasında geçen süreyi aşağıdaki formatta ekranda göstermemiz gerekiyorsa;

"4 gün, 23 saat ve 35 dakika"

ne yazık ki TimeSpan sınıfının değerini bu şekilde formatlayabileceğimiz bir fonksiyonu bulunmuyor.

ExtensionMethod‘ları kullanarak biz böyle bir formatlayıcı yazabiliriz.

Hemen Visual Studio editörümüzü açalım ve FileNew ProjectConsole Application projesi oluşturalım.

Yeni oluşturulan projeye ExtensionMethods.cs isimli yeni bir class ekleyelim ve içine aşağıdaki kodları yazalım;

Böylece istediğimiz herhangi bir sınıf içerisinde aşağıdaki gibi kod yazıp TimeSpan değerini kullanıcı-dostu bir şekilde ekranda gösterebiliriz;

Bu uygulamanın çıktısı aşağıdaki gibi gözükmeli;

Javascript ve CSS ile sayfa açılış animasyonu yapımı

Email ile aldığım soruların cevaplarını birer makale olarak yayınlıyorum.

İlginç sorulardan biri, ‘Bir html sayfasının açılışını nasıl animatif hale getirebilirim?’ idi.

Bu makalede önce bir html sayfası oluşturacağız, javascript ve css kullanarak bu sayfanın açılışına yaklaşık 750ms‘lik fade (yavaşça belirme) animasyonu ekleyeceğiz.

Benim de yaptığım gibi Visual Studio Code editorünü veya başka favori editorünüzü açarak index.html isimli bir dosya oluşturalım ve aşağıdaki html şablonunu yazalım.

Sayfaya ekleyeceğimiz fade animasyonunu görebilmek için sayfada yazılar-resimler-vs olması gerekiyor. Lorem Ipsum sitesinde istediğimiz kadar rastgele yazı oluşturabilmeye yarayan bir sayfa var.

Ben 10 paragraflık rastgele yazı oluşturdum ve html sayfasının body taglarının arasına aşağıdaki şekilde ekledim;

Artık sayfanın açılışına fade animasyonu ekleyebiliriz, öncelikle body taglarımıza fade css class‘ını ve head tag’ının içerisine aşağıdaki stili yazdığımız style tagını ekleyelim;

Böylece body tag’ında fade css class‘ı var olduğunda sayfa ekranda gözükmeyecek (opacity özelliği 0 olduğu için), fade css class‘ını kaldırdığımızda sayfa 750ms içerisinde görünür olacak (opacity özelliği 1 olduğu için)

Şimdi tek yapmamız gereken sayfa yüklendiğinde fade css class‘ını body tag‘ından kaldırmak, bunu aşağıdaki javascript kodu ile gerçekleştirebiliriz;

Böylece sayfayı açtığımızda 1200ms içerisinde fade animasyonu ile görünür olacak;

Engin Polat hakkında

Chief Architect, Microsoft RD, Microsoft MVP

Ada ve Ege'nin babası ;)

Kategoriler

İstatistik

Makale Adedi: 458

Creative Commons Lisansı