bildirgec.org

html hakkında tüm yazılar

Web Tasarımcılara En İyi 10 Chrome Eklentisi

cevahirrr | 19 April 2010 17:08

Google Chrome’un popularitesi günden güne artıyor ancak yine de firefox’u geçmeyi başaramadı. Birçok web tasarımcısı ve geliştiricisi, onlara sunduğu ve ihtiyaçlarına anında cevap veren eklentileri sebebiyle firefox’u tercih ediyor. Fakat bu aralar google chrome da bu ihtiyaca cevap vermeye başladı çünkü Chrome’un eklenti desteği web tasarımcılar ve geliştiriciler için daha kullanılabilir hale geldi. Bu yazıda web tasarımcılar ve geliştiriciler için yararlı en iyi 10 chrome eklentisine değineceğiz.
1. MeasureIt!


Bu aracı kullanarak bir sayfadaki herhangi bir nesnenin yükseklik ve genişliğini bir cetvel yardımıyla elde edebilirsiniz.
2. Firebug Lite

Bu eklenti web geliştiricilerin herhangi bir sayfanın css, html ve java kodlarını düzenleyip işlemesine imkân tanıyor.

Popeye Jquery ile resim gösterme şeysi

admin | 16 April 2010 11:22

Selamlar dostlar
Yine kodaman da aslında pek çok istenmeyen bir yazımsı ile karşınızdayım. Bu seferki yazı Jquery ile resim gösterme teknikleri ve yeni çıkan bir plugin hakkında olacak hemencecik girizgahımızı yapalım

Efenim jquery hepimizin malumu; web geliştiricilerine çok büyük özgürlükler sağlayan bir framework çatısı. Flash gibi çoğu geliştiriciyi kastıran bir uygulamadansa tek satır kod ile aklınızda olan her türlü efekti (bounce, smoot,) ve uygulamayı yaptırtan (ajax, json …) eğlenceli bir o kadarda insanın ufkunu açan bir framework

Web Geliştiricileri için Çevrimiçi Araçlar

angelsdemos | 15 April 2010 14:47

Web tasarımla ilgilinenenler için web tasarım araçları oldukça önemlidir. Normalde birkaç dakika hatta daha fazla zaman ayıracakları bir işi birkaç saniyede halledebilirler. Aşağıdaki çevrimiçi araçlar sayesinde daha az zaman harcayabilirsiniz. İşte çevrimiçi kullanışlı web tasrarım araçları;

Preloaders

Web sitenizde ajax kullanıyor ya da sayfalar yüklenirken “yükleniyor” yazısı veya buna benzer animasyonlar kullanıyorsanız tam size göre bir uygulama. Gif formatında oluşturabileceğiniz birçok yükleniyor simgesi bulunmakta ve kategorilenmiş durumda. Çevrimiçi oluşturabileceğiniz bu simgeleri istediğiniz gibi özelleştirebilirsiniz. Renk ve arka plan rengini, Hızını, Transparanlığını ve boyutlarını istediğiniz gibi ayarlayarak saniyeler içinde oluşturabilirsiniz. Ayrıca simgeler 3 Boyutlu, Dairesel, Yatay gibi kategorilere ayrılmış.

Eli Ayağı Düzgün Web Formları İçin: ValidForm Builder!

algoz | 15 April 2010 09:45

Günümüz Web sitelerinin vazgeçilmez elemenlarından olan Web formları, web sitesi ile kullanıcı arasında cereyan eden interaktif etkileşim için, olmazsa olmaz bir web elemanı konumundalar.

En fazla kullanıldığı yerler olan, üyelik işlemleri gibi bilgi girişlerinin yoğun bir şekilde yapıldığı yerlerde kullanılan web formlarında bulunması gereken en önemli işlevsel özellik ise; kullanıcılar tarafından girilen bilgilerin, web geliştiriciler tarafından belirlenmiş geçerlilik kıstaslarına uyup uymadığının kontrol edilmesi.

Oldukça önemli olan bu işlevin tam olarak yerine getirilesini sağlamak amacı ile geliştirilmiş bir kütüphane olan ValidForm Builder, PHP ve JavaScript (JQuery) ile geliştirilmiş ve hem istemci taraflı hem de sunucu taraflı olarak, geçerlilik denetlemesini yapabilmekte.

Her Eve Lazım jQuery Slayt Gösterim Eklentisi: simpleSli.de

algoz | 12 April 2010 14:48

Başta haber siteleri olmak üzere, farklı bakış açıları ile tasarlanan web siteleri için vazgeçilmez bir yöntem olan; içeriğin oldukça şık tasarlanmış geçiş animasyonları ile ziyaretçilere bir slayt gösterimi şeklinde sunulması yöntemi için web’te onlarca ücretli veya ücretsiz eklenti bulmak mümkün.

Mevcut veya ileride hazırlayacağınız web projelerinde kullanılmak üzere arşivinizde saklayabileceğiniz bir jQuery slayt gösterim eklentisi olan simpleSli.de, aman aman bir görsel sunum ve özellikler sunmasa da, çoğu web projesinde kullanılabilecek bir şıklığa ve sadeliğe sahip.

simpleSli.de; 4kb’lık (sıkıştırılmış hali) boyutu, HTML ile düzenlenebilir görsel ve metin içeriklerin eklenebilmesi (sayfalama (paging) için kullanılabilmekte), slayt geçişleri ile ilgili bazı ayarların yapılabilmesi ve slay geçişlerinin otomotik olarak yapılabilmesi gibi özellikleri tasarımcılara/geliştiricilere sunmakta.

Animasyonlu Arka planlar İçin: jQuery.spritely

algoz | 12 March 2010 09:36

Her derde deva jQuery ekletilerinden biri olan Spritely (jQuery.spritely), Web sayfalarımıza, sadece Html ve Javascript ile; imleç hareketlerine duyarlı objeler/karakterler ve hareketli/dinamik arka planlar hazırlayabilmemiz için geliştirilmiş bir eklenti.

Internet Explorer 6+, Firefox, Safari, Chrome ve Opera desteği bulunan Spritely’in bazı avantajlı yanları ise; basit kullanımı, hafifliği ve ücretsiz olması.

Spritely, Flash kullanmak istemediğiniz projeleriniz veya Flash desteği olmayan ortamlar için alternatif bir çözüm sunmakta.

Mozilla’dan Drumbeat Projesi

angelsdemos | 11 March 2010 12:16

Popüler internet tarayıcısı Firefox‘u tasarlayan Mozilla, Mozilla Drumbeat adındaki yeni projesini duyurdu. Dünya çapındaki bu büyük proje, 30 alt dalı bulunan çok büyük bir girişim.

Mozilla‘nın, bu proje ile istediği ise interneti önümüzdeki 100 yıl boyunca kökten değiştirmek. İnsanların internete sahip çıkmasını sağlayarak onların daha iyi ve daha bilinçli birer internet kullanıcısı olmalarını sağlamak. İnternet kullanımını kolaylaştırmak, standartları özgürleştirmek ve kişilere eğitim ve iş imkanları sağlamakta projenin ana fikirleri içirisinde yer alıyor.

Mozilla, internetin daha bilinçli ve özgür olarak kullanılması için okullarda kullanılan program ve araçların, Microsoft ve Cisco şirketlerinin etkisinden kurtarmak istiyor. Benzer sistemleri güçlendirerek alternatifler sunulabileceğini savunuyor.

Bu yüzden Mozilla, HTML5 gibi yeni ve gelişmekte olan birçok teknolojinin eğitiminin verilmesini, ayrıca dili bilenlerin sertifika almasını istiyor. Bu proje için dünya çapında çevrimiçi olarak bir topluluk sistemi oluşturuyor.

tüm tarayıcılara uyumlu yan sanayi css3 ürünleri

basarozcan | 11 March 2010 11:02

css3 please ile tüm tarayıcılarda css3 kodları uyumluluğu
css3 please ile tüm tarayıcılarda css3 kodları uyumluluğu

Büyük bir heyecanla beklememize karşın tüm tarayıcıların desteklemesi için uzun süreer beklememiz gerekecek olan CSS3‘ün tasarım dünyasına getirdiği bazı yenilikleri şimdiden kullanabileceğinizi biliyor muydunuz? Evet belki hepsinden haberiniz vardı, belki bir kısmını kullanıyorsunuz ama CSS3 Please! uygulaması ile tüm tarayıcılarda bazı CSS3kodlarını şimdiden kullanabilmek mümkün.

CSS3 Clean uygulaması yuvarlak köşeler , gölge (shadow), renk geçişi (gradient), RGBA, obje çevirme (rotation) ve font-face kullanımı için tüm tarayıcılarla uyumlu css kodunu otomatik olarak oluşturuyor.