Web ÖğrencisiWeb Öğrencisi web, grafik tasarım ve web, masaüstü programlama dersleri içeren öğretici bir blogdur.2012-05-24T22:59:01Zhttp://webogrencisi.com/feed/atom/http://creativecommons.org/images/public/somerights20.gifwebogrencisihttp://feedburner.google.comAli BARINhttp://www.webogrencisi.com<![CDATA[jQuery ile İçerikler Arası Geçiş Efekti]]>http://webogrencisi.com/?p=3072012-05-24T22:59:01Z2011-09-14T23:25:18Z3Gün geçtikçe kullanıcıları rahat ettirmek amaçına siteler daha kullanılabilir hale getiriliyor. Bu örneklerden biri de Google ‘ın sosyal platformu olan Google+ ‘da gönderilen gönderiler arası tuşlar ile kayarak geçiştir. Fareyi kenara bırakıp klavye üzerinden yayın akışını gezmemizi sağlıyor. İşte bu yazıda sizlere klavye ile sitenizde bulunan içerikler arasında kayarak geçişi nasıl yapacağınızı anlatacağım. Algoritması Tuş [...]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/webogrencisi?a=nwAKgMwO_64:3ppmm9du4nU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=nwAKgMwO_64:3ppmm9du4nU:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=nwAKgMwO_64:3ppmm9du4nU:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=nwAKgMwO_64:3ppmm9du4nU:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=nwAKgMwO_64:3ppmm9du4nU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=nwAKgMwO_64:3ppmm9du4nU:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=nwAKgMwO_64:3ppmm9du4nU:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=TzevzKxY174" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=nwAKgMwO_64:3ppmm9du4nU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=qj6IDK7rITs" border="0"></img></a>
</div>Ali BARINhttp://www.webogrencisi.com<![CDATA[jQuery ile Slider Yapımı]]>http://webogrencisi.com/?p=2522011-07-17T16:27:41Z2011-07-03T12:48:58Z56Günümüz sitelerininin (Hürriyet, Milliyet, Star Gazetesi gibi bir çok haber sitesinde) çoğunda bulunan ve bir gereksinim haline gelen jQuery slider yani manşet haberi sistemi yapımından bahsedeceğim. jQuery slider ‘ın kodlamasına geçmeden önce çalışma mantığına değinmek istiyorum. Çünkü algoritması bilinmeyen/hazır olmayan bir şeyi kodlamaya başlamak kodlarken birçok soruna neden olacaktır. Çalışma Mantığı jQuery sliderların genel olarak [...]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/webogrencisi?a=v7FFC6TsMqo:9c8xKjJNO3k:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=v7FFC6TsMqo:9c8xKjJNO3k:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=v7FFC6TsMqo:9c8xKjJNO3k:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=v7FFC6TsMqo:9c8xKjJNO3k:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=v7FFC6TsMqo:9c8xKjJNO3k:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=v7FFC6TsMqo:9c8xKjJNO3k:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=v7FFC6TsMqo:9c8xKjJNO3k:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=TzevzKxY174" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=v7FFC6TsMqo:9c8xKjJNO3k:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=qj6IDK7rITs" border="0"></img></a>
</div>Ali Görkemhttp://www.aligorkem.com<![CDATA[Photoshop ile Kişisel Blog Tasarımı Yapalım]]>http://webogrencisi.com/?p=1532012-04-05T12:33:17Z2011-06-16T12:44:03Z6Bu ders de Photoshop kullanarak basit bir kişisel blog tasarımı yapacağız. Ama “basit” diyerek geçmek istemiyorum çünkü güzellik ayrıntılarda gizli ve bu derste web tasarımda sık sık kullanılan ufak ayrıntılardan birkaçını nasıl yapabileceğimizi de öğreneceğiz. Koyu bir tasarım çizmek istedim bu tasarımda göstereceklerimi nerede nasıl kullanacağınız tamamen sizin yaratıcılığınıza kalmış. Ne yapacağız? Arkaplanı İle Başlayalım [...]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/webogrencisi?a=oohnFXMlX6o:9yrKpJcR8lg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=oohnFXMlX6o:9yrKpJcR8lg:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=oohnFXMlX6o:9yrKpJcR8lg:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=oohnFXMlX6o:9yrKpJcR8lg:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=oohnFXMlX6o:9yrKpJcR8lg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=oohnFXMlX6o:9yrKpJcR8lg:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=oohnFXMlX6o:9yrKpJcR8lg:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=TzevzKxY174" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=oohnFXMlX6o:9yrKpJcR8lg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=qj6IDK7rITs" border="0"></img></a>
</div>Abdullah ÖZKANhttp://www.webogrencisi.com<![CDATA[Matematik ve Web Tasarım: Yakın İlişki]]>http://webogrencisi.com/?p=282011-06-16T16:59:31Z2011-06-13T23:35:32Z2Matematik aklımızın alabileceği heryerde. Mimaride, müzik ve oyunlarda matematiksel oranlar ve sabit sayılar bulabilirsiniz. Web tasarım da iskeletiyle, kullanılan malzemesiyle aslında bir mimari yapıttır. Matematiğin web arayüz tasarımında rolü nedir? Daha güzel tasarımlar yapmak için ihtiyacımız olan bu oranlar, sabit sayılar ve teoriler nedir, nasıl kullanılır ? “Genel ders basittir: yarattığınız tasarımda düzen ve güzellik [...]<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/webogrencisi?a=A9hj_AejsLw:6XiJvjdVh5s:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=A9hj_AejsLw:6XiJvjdVh5s:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=A9hj_AejsLw:6XiJvjdVh5s:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=A9hj_AejsLw:6XiJvjdVh5s:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=A9hj_AejsLw:6XiJvjdVh5s:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=A9hj_AejsLw:6XiJvjdVh5s:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=A9hj_AejsLw:6XiJvjdVh5s:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=TzevzKxY174" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=A9hj_AejsLw:6XiJvjdVh5s:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=qj6IDK7rITs" border="0"></img></a>
</div>Ali BARINhttp://www.webogrencisi.com<![CDATA[Merhaba dünya!]]>http://webogrencisi.com/?p=12011-06-14T17:53:59Z2011-02-23T13:17:39Z12Merhabalar, Uzun süredir açmayı planladığımız siteyi nihayet açabildik. Sitenin önceki versiyonunda tek başıma yazı yazmaktaydım. Fakat artık bir ekip olarak karşınızdayız. Site üzerinde yazılarını paylaşacak olan ekip arkadaşlarımızı önümüzdeki günlerde yazılarını okudukça tanıyacağınıza eminim. Web Öğrencisi ‘nin hepimize hayırlı, uğurlu olması dileğiyle.<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/webogrencisi?a=gDMSxjKbvQw:XAwsnbWJmo4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=gDMSxjKbvQw:XAwsnbWJmo4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=gDMSxjKbvQw:XAwsnbWJmo4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=gDMSxjKbvQw:XAwsnbWJmo4:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=gDMSxjKbvQw:XAwsnbWJmo4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/webogrencisi?i=gDMSxjKbvQw:XAwsnbWJmo4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=gDMSxjKbvQw:XAwsnbWJmo4:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=TzevzKxY174" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webogrencisi?a=gDMSxjKbvQw:XAwsnbWJmo4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/webogrencisi?d=qj6IDK7rITs" border="0"></img></a>
</div>