Cahİt SOYMAN

Daha önce ki  makalemizde Css kullanarak animasyonlu olarak sosyal medya ikonlarının nasıl yapıldığını anlatmaya çalışmıştım. Bu makalemizde de …

Bu makalemizde Css3 ün geçişlerine  hover efektleri uygulayarak sosyal medya butonlarına 2 farklı geçiş efekti uygulamanın nasıl yapıldığını anlat…

Bir markanın güvenilir olduğunu nasıl anlarsınız? Elbette bağımsız ve saygın test kuruluşlarının raporlarını takip ederek. Reklamlar ve promosyonlara…

Bu makalemizde Css3 ün  Scale (Ölçekleme) özelliğiyle animasyonlu giriş sayfası yapmayı anlatmaya çalışacağım. Css3 de scale özelliği elemanlar…

B u makalemizde web sitenizde paylaşım butonları olarak kullanabileceğiniz, sadece Html5 ve Css3 kullanarak animasyonlu olarak hazırlayacağımız sosy…

Bu makalemizde web sitelerinin yan tarafında (sağda veya solda) Dikey ve Sabitlenen Sosyal İkon Çubuğunun (barının) Html ve Css kodları ile nasıl yapıl…

Bu makalemizde de Css 3 Hover Geçiş  Efektlerine devam ederek 3D dönüşümleri (Transforms) konusunda örnek vermeye çalışacağım. 3D dönüşümleri …

Css 3 ile geçiş efektleri konusunda örnekler verip anlatırken webmasterler tarafından en çok kullanılan terimlerin hangi anlama geldiği konusunda uf…

B u makalemizde resim yazılarını göstermek ve gizlemek  için  Css3  ün  Transition  özelliğinden faydalanarak resim üzerinde   efekt  uygulayarak resmi 1…

Bu makalede animate.css ile duyarlı çalışan tam sayfa animasyonlu açılış sayfasının nasıl yapıldığını anlatmaya çalışacağım. Bu arada sayfamı…

CSS3 ile birlikte artık geçiş efektleri yavaş yavaş veya uzun uzadıya yapılır hale gelmiştir. Başka bir deyimle, mausumuzu bağlantı üzerine getirdiğ…

Bu makalemizde resim yazılarını göstermek ve gizlemek için Css3 ün Transition özelliğinden faydalanarak resim üzerinde çeşitli efektler uygulayacağı…

CSS3 ile gelen yeni özelliklerle  webmasterların web  sitelerine ekleyecekleri işlemler artık Css3 ile kolayca  yapılabilir hale geldi. Daha önce   …

Eğer bu sıcak havalarda vantilatör ile serinlemeye çalışıyorsanız baştan söyleyeyim: Boşuna uğraşıyorsunuz. Sıcak havayı bir noktadan diğerine taşımak, s…

Photoshopta tasarımını yaptığım CS Webmaster Sitesi'nin HTML ve CSS kodlarına aktarılmasının 3. ve Son bölümünü anlatmaya çalışacağım. Daha ö…

Photoshopta   tasarımını yaptığım   CS Webmaster Sitesi'nin HTML ve CSS  kodlarına aktarılmasının 2. bölümünü anlatmaya çalışacağım. Kaynak ko…

Bu yazımda daha önce de belirttiğim gibi, Photoshopta tasarımını yaptığım CS Webmaster Sitesi'nin HTML ve CSS kodlarına aktarılmasını anlatmaya çal…

Photoshopta CS Web Sitesi Arayüz Tasarımınn  bu 3.ve son bölümünde footer alanını tasarlayarak bitirmiş olacağız. Daha sonrada söz verdiğimiz gibi bu …

Photoshopta CS Web Sitesi Arayüz Tasarımınn 2. bölümünde slider alanını,  content ve sidebar alananlarını içeren section bölümlerini yapmaya çalışac…

Bu makalemizde Photoshopta bir web sitesi arayüz tasarımının nasıl  yapıldığını anlatmaya çalışacağım. Daha sonrada, yaptığım bu tasarımı HTML ve C…

Web sitemizde kullanmak üzere kategorilerimizi  jquery ile açılır liste şeklinde gösterebiliriz. Bunun için jquery kütüphanesini kullanacağız. Jquery.c…

Bu makalemizde javascript kullanmadan HTML ve CSS le bir Hamburger Menünün nasıl yapıldığını anlatmaya çalışacağım. Bu buton (icon) küçük ekranlar…

Bu makalede duyarlı (responsive) şekilde çalışan Jquery tabanlı, tek sayfalık kaydırma efektli bir site yapmaya çalışacağız. Tek sayfa kaydı…

Bu makalemde tek sayfalık web sayfası resim dosyasını ( web layout image ) Html ve Css kodlarına nasıl aktarıldığını anlatmaya çalışacağım. …

ColorPixie ile fare ile herhangi bir rengin üzerine geldiğinizde o renge ait RGB, HEX, HTML, HSV ve CMYK formatlarda ki renk kodlarını bulmanıza yaray…

Jing , Camtasia Studio programının üreticileri tarafından hazırlanan ücretsiz bir ekran görüntüsü yakalama programıdır. Oldukça pratik olan progr…

StickUp , yapışkan bir öğe veya navbar oluşturmayı kolaylaştıran bir jQuery eklentisidi r. Sayfa kaydırma çubuğunu aşağı indirdiğimizde yatay üs…

Web sitenizde dikkat çekmek istiyorsanız mutlaka parallaks  (sabit arkaplan kaydırma) tasarımı konusuna bakınız. Parallax site yapma bugünlerde çok po…

Web sitelerinin orijinal web düzenini (Psd dosyasını) Html ve CSS kodlarına dökebilmeyi anlatmaya çalıştığım bu makaleyi izleyen herkes artık kendi we…

Bootstrapın Modal eklentisi ile web sayfasının üst kısmında   açılır pencere şeklinde açılan bir iletişim kutusudur. Modal açılır pencereleri il…