Instagram artık tarayıcınızda – Webstagram

Instagram ile paylaşılan fotoğraflara uygulama dışından erişmek mümkün değildi.

Uygulama üzerinden direkt olarak Twitter, Facebook gibi sosyal ağlarda paylaşılanları kastetmiyorum ki bu paylaşılan görsellerden paylaşan kişinin diğer fotoğraflarına vb. ulaşayım gibi basit bir işlemi bile gerçekleştiremiyorsunuz ya da en azından ben gerçekleştiremiyordum. Tamamen iPhone`daki uygulama içerisinde yaşayıp ölen içerikler gözüyle bakıyordum orada paylaşılanlara.

Bunun gibi temel işlemlerin / işlevlerin olmamasını çok büyük bir eksiklik olarak görüyordum hatta uygulamanın bu tarz eksikliklerine rağmen (kullanılabilirliği arttıran, daha fazla kullanıcı çekmeye yardımcı özellikler bunlar üstelik) nasıl olur da bu kadar çok kullanıcıya ulaşıp sevilir ve kullanılır diye düşünüyordum.

Taki yaklaşık bir yıl önce (20/01/2011) Joe Mio tarafından açılan ve tasarımını Çinli ya da Japon bir arkadaşın :) yaptığı webstagram`ı keşfedene kadar :) Daha önce neden duymadım görmedim o da ayrı bir konu :)))

Webstagram üzerinden uygulamada olduğu gibi popüler fotoğraflara ulaşabiliyor, kullanıcı adına ya da etikete göre arama yapabiliyorsunuz, hot isimli bölümden en yeni etiketlere ulaşabiliyor ve günün fotoğrafına ulaşabiliyorsunuz. Tabi unutmadan instagram hesabınızla giriş yaptıktan sonra tüm görsellere yorum yapabiliyor yada beğenebiliyorsunuz.

Instagram hesabınız ile webstagram`a ilk giriş yaptığınızda bir kereye mahsus sizden hesabınıza erişim için izin isteyecek, bu erişime izin verdikten sonra rahatça tarayıcınız üzerinden instagram`ı yani webstagram`ı kullanabileceksiniz.

Yalnız, hesabı özel / gizli (private) olan kullanıcılar webstagram`ı kullanamıyorlarmış, bilginize.

Son olarak eğer beni takip etmek isterseniz sizi böyle alabiliriz :)

Ineta Next İstanbul 2. Gün İzlenimleri

ineta next istanbul

Merhaba, dün olduğu gibi bugünde önce etkinlik programını yazarak başlayalım yazımıza.

13 AralıkMicrosoft Ofisi
11.00-12.30 ASP.NET 4.0 Yenilikleri – Uğur Umutluoğlu (nedirtv.com)
14.30-15.45 Workflow Foundation 4.0 – Burak Selim Şenyurt (csharpnedir.com)
16.00-17.00 C# 4.0 Yenilikleri – Erkan Balaban (ceviz.net)
17.15-18.00 IE 8 Toolbar Geliştirme – Barış Kanlıca (yazgelistir.com)

Etkinliğe ait fotoğraflar burada.

Asp.Net 4.0

Öncelikle şunu belirtmek istiyorum, geçtiğimiz Nisan ayında gerçekleştirilen ineta etkinliğinde de Asp.Net 4.0 ile ilgili bir oturum yer alıyordu ve o gün anlatılanlar ile neredeyse aynı içeriğe sahipti bugünki oturumda. Yani Nisan ayında ki etkinliğe katılıpta bugün katılamayanlar varsa Asp.Net 4.0 oturumu açısından fazla birşey kaçırmış sayılmazlar.

ClientIdMode

Konumuza dönecek olursak, öncelikle ClientIdMode`dan bahsedelim, mevcut Asp.Net projelerimizde html çıktımıza bizim kontrolümüz dışında müdaheleler oluyordu şöyleki; bir label`a “lblMetin” diye bir ID tanımladığımızda Html çıktısında içinde bulunduğu kontrole bağlı olarak en basit haliyle label`ımızın ID`si şuna benzer bir hal alıyordu; “ctl00_lblMetin“. Bu label`ımız bir repeater`ın içinde olsaydı alacağı ID dahada karışık olacaktı.

Bu durum bir kaç olumsuz sonuca sebep oluyor; birincisi, javascript ile elementlerimize erişmeye çalıştığımızda bizim daha önceden verdiğimiz ID`ler ile erişme şansımızın olmaması. İkincisi ise arama motorları açısından olumsuz sonuçlar doğruması, gereğinden fazla html kod barındırdığı için içerisinde.

ClientIdMode özelliği bu konuda bize bir kaç farklı sçenek sunuyor. Bunlardan “Static” modu seçersek, kontrole verdiğimiz ID html çıktısında da aynı şekilde kullanılacaktır. Yani “lblMetinID`si atadığımız bir label kontrolünün html çıktısında ki ID`si yine “lblMetin” olacaktır.

Bu kullanım esnasında dikkat etmeniz gereken bir durum var, bildiğiniz üzere ID`ler bulunduğu sayfada tek olmalıdır aksi halde çakışırlar ve yazdığımız kod hata verebilir veya sayfamız hiç açılmayabilir. Bu yüzden web sitenizi hazırlarken MasterPage ya da UserControl`ler kullanıyorsanız, bunların içerisinde tanımladığınız ID`ler tanımlayacağınız diğer ID`lerden mutlaka farklı olmalıdır.

ineta next istanbul

Custom Cache Provider

Asp.Net 4.0 ile birlikte gelen bir diğer özellik ise Custom Cache Provider. Kısaca anlatmak gerekirse bu özellik sayesinde web sitenizde istediğiniz bir sayfayı veya veriyi belirli bir süre boyunca, sunucuda ki Disk`de, Ram`de ya da farklı bir sunucuda saklayabiliyorsunuz. Yazacağınız kendi kodlarınızla saklayacağınız verilerin, okunması, yazılması, güncellenmesi gibi işlemleri rahatça kontrol edebiliyorsunuz.

Custom Cache Provider özelliği sayesinde, çok sık değişmeyen, büyük çaplı ve sık sık talep olan verileri her seferinde veritabanından çekerek sunucuya yük bindireceğinize ilk talep edildiğinde kendi belirleyeceğiniz şekilde ve yerde saklayıp, her istek geldiğinde oradan okuyabilirsiniz.

Auto-Start Web Applications

IIS üzerinde barındırdığımız web uygulamalarımız ziyaretçilerden ilk talep geldiği anda derlenip ziyaretçiye gönderilirler. Bundan sonra uygulamamızda bir değişiklik yapmadıkça veya IIS yeniden başlatılmadıkça tekrar derleme yapılmaz ve diğer ziyaretçiler web uygulamamızı ziyaret ettiklerinde ilk ziyaretçiye göre daha çabuk erişirler.

Derlenme süresi, uygulamanın büyüklüğüne, sunucunun özelliklerine ya da  IIS`in o anki durumu gibi bir çok etkenden dolayı uzun sürebilmekte. Bu da ilk ziyaretçinin bazen çok fazla beklemesine ya da beklemeden uygulamamızdan ayrılmasına sebep olabilmekte. Bu durumun önüne geçmek için geliştirilen bu Auto-Start Web Applications özelliği sayesinde IIS yeniden başlatıldığı anda otomatik olarak ilk talebi kendisi uygulamamıza ileterek derlenmesini sağlamakta. Böylece gelen ilk ziyaretçi derleme işlemi için beklemek zorunda kalmayacak.

ineta next istanbul

Response.RedirectPermanent()

Web uygulamalarımızda sayfalar arası yönlendirme yaparken kullandığımız Response.Redirect() komutu sunucuya HTTP 302 (Temporary Redirect) cevabını gönderiyor. Buda arama motorları açısından kötü bir sonuç doğurmaktaymış. Çünki arama motoru gönderildiği sayfada geçici olarak bulunduğunu anlıyormuş.

Bu durumun önüne geçmek için Response.RedirectPermanent() komutu geliyor Asp.Net 4.0 ile birlikte. Response.RedirectPermanent() komutu Response.Redirect() komutunun aksine sunucuya HTTP 301 (Moved Permanently) cevabını gönderiyor yani kalıcı olarak yönlendirildiği bilgisi verilmiş oluyor arama motorlarına.

ViewStateMode

Şuan ViewState özelliği ya sayfanın tamamında veya sadece bir tane kontrol için kapatılabiliyor. Tam tersi bir durum geçerli değil maalesef. Yani sayfanın tamamında ViewState özelliği kapalı olarak ayarlanmış ise siz istediğiniz bir tane kontrol için ViewState özelliğini aktif hale getiremiyorsunuz. Asp.Net 4.0 ile gelen bu ViewStateMode özelliği sayesinde bu sorunlar tamamen ortadan kalkıyor.

URL Routing (URL Yönlendirme)

Bir önceki gün gerçekleştirilen etkinlikte Asp.Net MVC oturumunda bahsedilen bu özellik Asp.Net 4.0 ile birlikte Web Form`lar içinde kullanılabilir hale geliyor. Asp.Net MVC`de olduğu gibi burada da önce global.asax dosyası içerisinde URL Routing kurallarını tanımlıyorsunuz.

Asp.Net 4.0 ile gelen diğer bazı özellikler ise, Grafik Chart kontrolü, FormView`in HTML çıktısında tablo oluşturmasını engelleyebilme olarak sayabilirim sanırım.

Workflow Foundation 4.0 oturumuna katılmadığım için o konu hakkında yazamıyorum malesef. Fakat konu ile ilgili bilgi almak isterseniz Burak Selim Şenyurt hocamızın kişisel blogunda veya makalelerini yayınladığı web sitesinde bu konuda ki yazılarını bulabilirsiniz.

C# 4.0 konusunda ise aklımda kalan dinamik değişken tanımlama (Dynamic Type) ve opsiyonel parametre (Optional Parameters) özellikleri oldu.

IE 8 Toolbar Geliştirme oturumunda ise aslında açık kaynaklı bir framework`den bahsedildi; SpicIE. SpicIE sayesinde IE 7 ve IE 8 için kendinize özel toolbar`lar geliştirebiliyorsunuz. Çalışmanızı da tamamen C# veya VB ile yazabiliyorsunuz. SpicIE framework 2.0, 3.0 ve 3.5 desteğine sahip.

Evet yeterince uzun bir yazı oldu sanırım :) daha fazla uzatmayayım artık. Aklıma gelmeyen özellikler varsa siz yorumlarınızda belirtirseniz sevinirim,  sağlıcakla kalın.

Google Giriş Sayfasında Bir Şeyler Eksik

Google`a ilk girdiğinizde sadece logo, arama kutusu ve arama butonlarının olduğunu göreceksiniz.

Google

Sayfa içerisinde farenizi hareket ettirdiğiniz anda az önce görünmeyen bağlantıların çok yumuşak bir geçişle (fade in efekti ile) görünür hale geldiğini farkedeceksiniz.

Google

Hiç farenizi hareket ettirmeden aranacak kelimeyi yazıp enter tuşuna basarak arama işlemi yaparsanız bu bağlantıları görmeden arama sonucuna ulaşabilirsiniz. Google`ın bu sayede kendi sunucularında oluşan yükü hafifletmiş olacağına inanıyorum. Yoksa sırf artistlik olsun diye yapmış olamaz :)

INETA NEXT Türkiye Turu Oturumları Belli Oldu

Ineta`nın “Bir katılımcıya yeni bir beyin verilecektir” sloganı ile duyurduğu ve tarih sırasıyla Diyarbakır (5-6 Aralık), İstanbul (12-13 Aralık), Kayseri (19-20 Aralık) ve Denizli (26-27 Aralık) olmak üzere 4 farklı ilde gerçekleştireceği oturumların yerleri ve oturum detayları www.inetatr.org adresinde açıklandı. Detayları olduğu gibi sizlere aktarıyorum.

Diyarbakır – Dicle Üniversitesi, Tıp Fakültesi Konferans Salonu
5 Aralık
11.00-12.30 Visual Basic 10 Yenilikleri – Daron Yöndem (yazgelistir.com)
14.00-15.30 Windows 7’de neler var? – Muammer Benzeş (birliktegelistir.com)
16.00-17.00 Silverlight 4 – Daron Yöndem (yazgelistir.com)
6 Aralık
11.00-12.30 C# 4.0 Yenilikleri – Erkan Balaban (ceviz.net)
14.00-15.30 WPF 4 ile 3D Animasyon Programlama – Daron Yöndem (yazgelistir.com)
16.00-17.30 ASP.NET 4.0 – Erkan Balaban (ceviz.net)

İstanbul – Microsoft Ofisi (Kroki)
12 Aralık
10.00-11.00 Silverlight 4 – Daron Yöndem (yazgelistir.com)
11.00-12.00 ASP.NET MVC 2 – Oğuz Yağmur (csharpnedir.com)
14.00-15.00 IIS Media Services – Muammer Benzeş (birliktegelistir.com)
15.15-16.15 Visual Basic 10 Yenilikleri – Daron Yöndem (yazgelistir.com)
13 Aralık
11.00-12.30 ASP.NET 4.0 Yenilikleri – Uğur Umutluoğlu (nedirtv.com)
14.30-15.45 Workflow Foundation 4.0 – Burak Selim Şenyurt (csharpnedir.com)
16.00-17.00 C# 4.0 Yenilikleri – Erkan Balaban (ceviz.net)
17.15-18.00 IE 8 Toolbar Geliştirme – Barış Kanlıca (yazgelistir.com)

Kayseri – Erciyes Üniversitesi Mühendislik Fakültesi Konferans Salonu
19 Aralık
11.00-12.30 C# 4.0 Yenilikleri -Burak Selim Şenyurt (csharpnedir.com)
14.00-15.30 Silverlight 4 – Daron Yöndem (yazgelistir.com)
15.45-16.45 ASP.NET 4.0 – Selçuk Yavuz (ceviz.net)
20 Aralık
11.00-12.30 ASP.NET MVC 2 – Selçuk Yavuz (ceviz.net)
14.00-15.30 Visual Basic 10 Yenilikleri – Daron Yöndem (yazgelistir.com)
15.45-16.45 Workflow Foundation 4.0 – Burak Selim Şenyurt (csharpnedir.com)

Denizli – Pamukkale Üniversitesi Kongre Kültür Merkezi Ana Salon
26 Aralık
11.00-12.30 Silverlight 4.0 – Daron Yöndem (yazgelistir.com)
14.00-15.30 C# 4.0 Yenilikleri – Oğuz Yağmur (csharpnedir.com)
15.45-16.45 Asp.NET 4.0 Yenilikleri – Uğur Umutluoğlu (nedirtv.com)
27 Aralık
11.00-.12.30 Visual Basic 10 Yenilikleri – Daron Yöndem (yazgelistir.com)
14.00-15.30 Asp.NET MVC 2 – Oğuz Yağmur (csharpnedir.com)
15.45-16.45 ASP.NET AJAX 4.0 – Uğur Umutluoğlu (nedirtv.com)

Ineta`nın ücretsiz olarak gereçekleştirdiği bu etkinliklere katılmak için hala vaktiniz var, kayıt işlemini www.inetatr.org adresinden katılacağınız ildeki etkinliğin altında bulunan formu kullanarak gerçekleştirebilirsiniz. İstanbul etkinliğinde görüşmek üzere :)

IETester Artık Windows 7`yi Destekliyor

ietesterWindows 7 kullanmaya başladığımda çalışmadığı için beni en çok üzen programların başında gelen IETester artık windows 7 ile uyumlu hale getirilmiş. Bu programı sevmekte ki haklı nedenlerime yeni bir tane daha eklenmiş oldu böylece.

IETester programına kısaca değinmek gerekirse, web tasarımcılarının genelde ihtiyaç duyduğu tarayıcı uyumluluğu testlerini gerçekleştirmeye yarayan araçlardandır. IE 5.5 versiyonundan IE 8`e kadar tüm internet explorer tarayıcılarında hazırladığınız web sitelerini test edebilmenizi sağlıyor.

IETester programı hakkında bilgi almak için http://www.my-debugbar.com/wiki/IETester/HomePage adresini ziyaret edebilir, isterseniz http://www.my-debugbar.com/ietester/install-ietester-v0.4.1.exe adresinden bilgisayarınıza indirebilirsiniz.

Çözünürlüğe Göre Css Kullanımı

Web Öğrencisi isimli blogunda Ali`nin hazırladığı basit bir JavaScript dosyası ile rahatça çözünürlüğe göre farklı css dosyalarının yüklenmesini sağlayabiliyorsunuz.

Göz atmanızda fayda var; JavaScript – Çözünürlüğe göre stil kullanımı

Bu JavaScript dosyasında bir kaç düzenleme yapılarak çözünürlük dışında tarayıcıya (ie, ff) göre farklı css dosyalarının yüklenmesi de sağlanabilir.

Css ile Web Tasarımı

Web tasarımı ile ilgilenmeye yeni başlayan bi arkadaşımın isteği üzerine sadece css ile hazırlanmış basit bir web sayfası hazırladım. Css dosyasında her satıra detaylı açıklamalar yazdım, aynı şekilde web sayfasında da. Ne kadar basitte olsa bir kaç saatimi almıştı bu iş.

Bunun üzerine, yine css ile hazırlanmış ama daha detaylı bir tasarımı sizlerle paylaşma kararı aldım.

Görselliği 2. planda bırakarak önce çok basit, ardından biraz daha detaylı bir web sayfasını hazırlayarak burada yayınlamayı düşünüyorum. Tabi sizden gelicek fikirlere de açığım.

İnternette bolca kaynak var css`i anlatan. Tek tek konulara bölerek anlatılmış durumda zaten, bu yüzden benzer bir yapı sunmak istemiyorum ve yapacağım bu çalışma ile uygulama anında anlatmayı düşünüyorum. Yani şu özellik şu işe bu özellikte bu işe yarar diye tek tek css`i anlatmaktansa, kullanıldığı yerde açıklamasını yazarak neden orda o özellik kullanılmış onu vermek istiyorum.

Sonuçta elinizde genel hatları ile hazır bir web sitesi olacak ve css dosyasına baktığınızda hangi özelliğin neden orada kullanıldığını anlatan açıklamalar yer alacak. Aynı şekilde html kısmında da tabiki.

Neyse lafı daha fazla uzatmak istemiyorum, bu konuda düşünceleriniz yada istekleriniz varsa lütfen yorumunuzda belirtin.

Bende yorumlarınız doğrultusunda daha kullanışlı bir şeyler hazırlamış olurum böylece.