bildirgec.org

dom hakkında tüm yazılar

Web Tasarımcıları için Faydalı 5 Araç

angelsdemos | 07 October 2010 12:36

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

Yararlı Chrome Eklentileri – Eylül 2010

angelsdemos | 01 October 2010 09:29

Google Chrome, popüler tarayıcılar arasında eklenti desteğine sahip olan ikinci tarayıcı. Firefoxi kadar eklentisi bulunmasada oldukça fazla eklentiye sahip olmaya başladı. Aşağıdaki eklentiler sayesinde web hayatınızı daha rahat bir hale getirebilirsiniz. Eylül ayının popüler yararlı Google Chrome uzantıları;

Eye Dropper

Chrome ve Chromium uzantısı olan Eye Dropper, web tasarım ve geliştiriciler için oldukça hoş bir uygulamadır. Sağ üstte yer alan küçük logosuna tıkladıktan sonra web site içeriğindeki herhangi bir rengin Hex şeklinde size gösterir.

Instant Image Editor

Web sitesinde herhangi bir imaj dosyasını anında düzenleme imkanı veren çok hoş bir uygulama. Pixlr tarafından yapılan bu uzantı ile anında yeni tabda imaj üzerinde düzenleme yapabilirsiniz.

Chrome Editor

Web Tasarımcılar için üretilen bir eklenti olan Chrome Editor, chrome üzerinden html, css, javascript kodlarını anında düzenleme imkanını size sunuyor.

En İyi 5 Tasarım Programı

axanc | 04 January 2010 18:48

Her profesyonelde olduğu gibi, internet tasarımcılarının kullandıkları aletler de yaptıkları işlerin kalitesini belirler. Dışarıda internet tasarımı üzerine kullanabileceğiniz oldukça çok sayıda uygulama mevcut. Ancak bazıları var ki, kalabalığın arasından sıyrılıp öne çıkıyor. Bu yazıda en iyi olarak belirtilenler, popüler olarak en çok kullanılan araçlar oluyor.

SixRevisions sitesinde yapılan bir oylama sonucu göre işte sonuçlar.

5. Fireworks

Adobe tarafından geliştirilmiş ve piyasaya sürülmüş olan Fireworks, hem windows hem de Mac üzerinde çalışabilen bir vektör grafik editörüdür. Photoshop’tan farklı olmak üzere, sadece web tasarımcıları için geliştirilmiştir. Site yayılım tasarımına kadar birçok araç Fireworks ile beraber gelmektedir.

Hızlı tasarım yapılmasını sağlayan, tasarımın bir resim halinden HTML/CSS haline dönüştürmede kullanılan dilimleme özelliği ve site denemesi olarak, bütün site tasarımını üzerine tıklanabilen etkileşimli pdf haline dönüştürebilmesi en önde gelen özellikleri arasında sayılabilir. En iyileme araçlarını da unutmamak gerekir.

13 mükemmel javascript ve jquery eğitim ve örnek kaynağı

surudenAyrilanKuzu | 17 September 2009 15:04

tüm seviyelerdeki javascript meraklıları için js kaynakları. başlangıç seviyesinden, profesyonel seviyeye kadar tüm konulara değinilmiş bu kaynakları bir yerlere not etmenizde fayda var.

mozilla dev center

1. Mozilla Developer Center

mozilla dev center her seviyeye hitap eden bir kaynak. javascript’e girişten tutun da, versiyonlar arası farklara kadar her türlü konuya değinilmiş bir site. hünerlerinizi
arttıracak, işlerinizi kolaylaştıracak araçlara da yer veriyor. bu araçlar firefox add-on’ larından ide’ lere kadar uzun bir yelpazede. ayrıca bilgi paylaşımı için birçok hizmet de
mevcut. posta listeleri, haber toplulukları, google groups, beslemeler ve irc bunlardan birkaçı.yeni başlayanlara tavsiyem Core JS 1.5 Reference’tan başlamaları. basite kaçsa bile işi js uzmanlarından görmek insanı daha da bir geliştiriyor, ufkunu açıyor. regular expression’dan tutun da nesnelere, alan adlarına kadar o kadar çok konuya, o kadar açıklayıcı bir biçimde değinilmiş ki kolay kolay kopabileceğinizi sanmıyorum.

quirksmode
quirksmode

firefox 3.5 ile web geliştiricileri sevinecek

basarozcan | 16 April 2009 18:52

Firefox 3.5 ile web geliştiricilerinin yüzü gülecek
Firefox 3.5 ile web geliştiricilerinin yüzü gülecek

Mozillatarafından geliştirilmekte olan Firefox 3.5 sürümü web geliştiricilerinin yüzünü güldürecek cinsten yenilikler ile gelmeye hazırlanıyor. Birçok gelişmekte olan web standartını destekleyecek biçimde piyasaya çıkacak olan Firefox 3.5, tasarımcıların hünerlerini sergileyebilmesi için birçok olanak sunacak.

Firefox 3.5 ile desteklenecek standartlar ve yapılacak yenilikler aşağıda listelendi.

HTML5 desteği
Daha önce yeni html5 tag’leri ve kullanım şekilleri yazısında belirtilen özelliklerin bir kısmı firefox 3.5 ile kullanılabilir olacak.

  • Audio ve video tag’leri desteklenecek.
  • Siteler arasında sürükle ve bırak (drag & drop) özelliği etkin olacak.

CSS cephesinde gelişmeler

  • @font-face desteklenecek. Sitelerdeki font’lar ziyaretçilerin bilgisayarlarına indirilip siteler her font ile sorunsuzca görünebilecek.
  • ::before ve ::after geliştirilecek
  • media sorgulamaları geliştirilecek
  • -moz-opacity desteği kalkacak. opacity özelliği eklenecek
  • text-shadow ile yazıları gölgelendirme desteklenecek
  • word-wrap özelliği eklenecek
  • ziyaretçinin bilgisayarında tanımlanan link bilgilerine ulaşım için -moz-nativehyperlinktext desteği gelecek
  • -moz-window-shadow desteği gelecek
  • -moz-transform desteği gelecek

Html Dom Üzerine Türkçe Notlar

hsnyldz | 30 July 2008 16:12

html dom
html dom

Burada Dom üzerine eğitsel dökümanlara ve örnek uygulamalara rastladım. Element, window, document, event nesneleri, javascript ve css üzerine notlar oldukça faydalı ve düzenli şekilde hazırlanmış.

CSS tabanlı 3D platform çizimi

burakturan | 27 July 2007 22:49


Css ile yapılabileceklerin sınırına ne zaman varacağımızı çok merak ediyorum. Nette gezerken, CSS ve DOM tabanlı bir 3D platform çizim anlatmına rastladım.

Buradan, ilgili yazıya ulaşabileceğiniz gibi, buradan da CSS 3D çizimi daha detaylı inceleyebilirsiniz. Hatta, kaynak dosyaları da indirmeniz mümkün, onun için de buradan buyurun.