15 Makaleler

Web Tasarım

Bütün tasarımcıların bilmesi gereken ücretsiz kaynaklarBütün tasarımcıların bilmesi gereken ücretsiz kaynaklar

Bütün tasarımcıların bilmesi gereken ücretsiz kaynaklar

    Tasarımcılara başarı sağlayan ve fikirlerini, çalışma altyapılarında kullandığı kaynakları merak ettiniz mi hiç? İşte sizlere PSD dosyaları, UI elementleri, mock-ups vb. kaynak dosyaların paylaşıldığı siteler. Bu sayfayı yer imlerine ekleyerek bu kaynakları elinizin altında bulundurmayı da düşünebilirsiniz. 😉
    Timetoiftar.com – İftar vaktine ne kadar zaman kaldı?Timetoiftar.com – İftar vaktine ne kadar zaman kaldı?

    Timetoiftar.com – İftar vaktine ne kadar zaman kaldı?

      İçinde bulunduğumuz Ramazan ayında, yılın en uzun günlerinde oruçlarımızı eda ediyoruz. Timetoiftar internet sitesi tasarladığım bir icon çalışmasından yola çıkarak hazırladığım bir projedir. Timetoiftar, Ramazan ayında illerimizin iftar ve imsak saatlerine kalan süreyi size göstermektedir. İftar vakit bilgileri namazvakti.com sitesinden alınmaktadır. Kalan sürenin hesaplanmasında siteye giriş yaptığınız cihazın (bilgisayar, tablet, cep telefonu vb.)…
      CSS ile resimlerin köşelerini yuvarlatın (imajsız)CSS ile resimlerin köşelerini yuvarlatın (imajsız)

      CSS ile resimlerin köşelerini yuvarlatın (imajsız)

        CSS son zamanlarda öyle gelişti ki bazı kişiler sadece CSS3 kullanarak animasyonlu banner bile hazırlamaya başladılar. Tarayıcılar ise bu çılgınlığa ayak uydurmaya çalışıyorlar. Neyse konumuza dönecek olursak blog içerisinde kullandığım bir kod yapısı ile herhangi bir imaj kullanmadan sitenizdeki tüm resimlerin köşelerini istediğiniz derecede yuvarlatabilirsiniz.
        Microsoft WebMatrix ile kolayca web sitesi hazırlayınMicrosoft WebMatrix ile kolayca web sitesi hazırlayın

        Microsoft WebMatrix ile kolayca web sitesi hazırlayın

          Microsoft, internet sitesi kurmayı kolay hale getiren bir web sitesi geliştirme aracını kullanıma sundu. İnternet sitelerinin nasıl kurulacağının öğrenilmesi için kolay bir yöntem olan WebMatrix, internet sunucusu, veri tabanı ve uygulama pencerelerinin de yer aldığı bir internet sitesinin çalıştırılması için gereken tüm araçları sağlıyor. Yazının devamında Microsoft tarafından yayınlanan WebMatrix…
          Siteniz ya da Blogunuz için Javascript Kar (Snow) EfektiSiteniz ya da Blogunuz için Javascript Kar (Snow) Efekti

          Siteniz ya da Blogunuz için Javascript Kar (Snow) Efekti

            Malum yılbaşı geliyor internet alemi siteleri yılbaşına hazırlıyor. Kimileri logolarını değiştirip kar efekti veriyor, kimileri daha da zahmete girip temalarını değiştiriyor ve kimileri de sitelerine kar yağdırtıyor. İşte bende size sitenize kar yağdırma olanağı sağlayacak ve kendi sitemde kullandığım bir script’i paylaşıyorum. Yazının devamında kod yapısını ve js dosyasısnı indirebilirsiniz
            Internet dünyasının favori simgeleri (favicons)Internet dünyasının favori simgeleri (favicons)

            Internet dünyasının favori simgeleri (favicons)

              Yavaş yavaş internet sitelerinin vazgeçilmezi haline gelen favori simgeler yani Favicon’lar oldukça kullanılır hale geldi. Takip ettiğimiz smashing magazine sitesi ocak 2007’den beri toplam 8 başlık altında internet sitelerinin favori simgelerini inceliyor ve kullanıcılarına sunuyor. Peki favicon nedir. Internet Explorer tarayıcının yeni versiyonlarında ve diğer tarayıcıların adres çubuğunun yanında bulunan…
              Tasarım ve Kodlama ile ilgili 5 Türk bloguTasarım ve Kodlama ile ilgili 5 Türk blogu

              Tasarım ve Kodlama ile ilgili 5 Türk blogu

                Geçenlerde sizinle paylaşmış olduğum kişisel beş adet blogun çoğundan olumlu tepki aldığım için bu seferde kategori olarak web tasarım ve kodlama bazında beş adet blogu sizinle paylaşacağım. Bazı arkadaşların diğer kategoride başka güzel bloglarda var onları neden yazmadın demesini haklı buluyorum fakat bu seçtiklerim kategori bazında düşünürsek bana göre diğerlerini…
                Resimlerinize .htaccess ile Hotlink ProtectionResimlerinize .htaccess ile Hotlink Protection

                Resimlerinize .htaccess ile Hotlink Protection

                  Bazı internet sitelerinden kendi sitenizde yayınlamak için resim alırsınız ancak resmi sitenize eklediğinizde ise farklı bir imaj ile resmin size ait olmadığını yada resmin başka sitelerde yayınlamak için izin almanız gerektiğini belirten bir görsel çıkar. Aynı şekilde .htaccess yöntemi ile sizde sitenizde yayınladığınız resimlerin başka sitelerde gösterimini engellemek için yazının…
                  Javascript Css stil değiştirici hazırlamakJavascript Css stil değiştirici hazırlamak

                  Javascript Css stil değiştirici hazırlamak

                    Bir önceki yazımda size söz verdiğim gibi beraber javascript yardımı ile css stil değiştirici hazırlayacağız. Ancak eğer css konusunda bilgi sahibi değilseniz lütfen uzman biri yardımı ile hazırlamanızı yapınız. Yapacağınız hata sitenizde değişik bozulmalara neden olabilir. Yazının devamında anlattığım css stil değiştiri hazırlama yabancı bir siteden Türkçeye çevirilmiş halidir.
                    Css’de Code Tagını BiçimlendirmeCss’de Code Tagını Biçimlendirme

                    Css’de Code Tagını Biçimlendirme

                      Sitenize yada blogunuza kullanımı göstermek amacıyla kaynak kodu eklerken epey zorluk çekersiniz. CSS ile hazırladığım basit ve ufak bir kodlama sayesinde istediğiniz biçimde ve renklerde sitenizde kodları gösterebilirsiniz. Verdiğim yapıyı css dosyanıza eklediğiniz taktirde <code>…</code> arasında kullanmanız yeterlidir. Size yazının devamında bir kaç renkte kodlama yapısı sunacağım. Yapıları gördüğünüz çerceveyide…
                      35 adet kullanışlı kod editör programı35 adet kullanışlı kod editör programı

                      35 adet kullanışlı kod editör programı

                        Zamanımın az olması nedeniyle pek yazı yazamıyorum ancak elimden geldiği kadar internette yayınlanan faydalı bilgileri size haberdar etmeye özen gösteriyorum. Yine Smashing magazine sitesi güzel bir listeleme yapmış. Bu seferki konu 35 Adet kullanışlı kod editörü. Kod yazarları için önemli olan kodu yazarken aynı zamanda kontrol edebilmektir. Zamanında “C” Programlama…
                        PHP ile Rasgele Resim ÇağırmaPHP ile Rasgele Resim Çağırma

                        PHP ile Rasgele Resim Çağırma

                          Mesela sayfanızda wallpaper tarzında sabit resimler yayınlıyorsunuz yada yine wallpeper tarzında sabit arkaplanınız var. Fakat kullanıcının sıkılmasınıda istemiyorsunuz . İşte vereceğim kod tam olarak burada devreye giriyor. İnternet sitenizde bir klasör oluşturup içine boyutları aynı olan istediğiniz kadar resim aatıyorsunuz . Ve bu kod o klasörde bulunan resimmleri rasgele şekilde…
                          Sitenizde sağ tuş menüsüSitenizde sağ tuş menüsü

                          Sitenizde sağ tuş menüsü

                            Eskiden internet sitelerinde sağ tuş tıklayıp kaynak kodlarını yada resimlerini (ç)almak isteyenler olurdu ki şimdi de var. Bunun için bir sürü yöntem geliştirildi sağtuş yasakları gibi. İşe yaranabilirliği tartışılır. Vereceğim yöntem çok az sitede kullanılıyor ancak sitenin navigasyonuna değer katan bir yöntem olduğu için tercih edilebilecek bir yöntem. Yöntem sağtuşu…
                            CSS ile içeriğin ortalanmasıCSS ile içeriğin ortalanması

                            CSS ile içeriğin ortalanması

                              Oxxi için hazırladığım giriş sayfasında bir tablo ortalaması hazırlamıştım. Çözünürlüğünüz ne olursa olsun sayfanızın içeriği üstten ve alttan tam olarak ortalanmış olarak gözükür. Yazının devamında css kod yapısını ve kullanımını bulabilirsiniz.
                              Basit Yatay Css Menu YapımıBasit Yatay Css Menu Yapımı

                              Basit Yatay Css Menu Yapımı

                                CSS sitelerimizi oluştururken kullandığımız vazgeçilmez bir yapıdır. Bu konuda sizlere basit uygulayabileceğiniz bir  örnek sunuyorum. Umarım faydalı olur.
                                başa dön