bildirgec.org

HTML5 ve CSS3 yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem HTML5 ve CSS3 Uygulamaları;

Carbon Fiber Signup Form – Demo

Html5, css3 ve jQuery ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan tooltip özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.

Create a Cool Messy List with CSS3 and nth-child – Demo

Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.

Merhabalar geçmiş sayfalardan örnek bir datagrid html modelinin sıfırdan html’e aktarılış hikayesini tüm incelikleriyle açıklamaya çalıştığımız bu yazımızı okuyanlarımız hatırlayacaktır.

O gün için CSS3 multiple background özelliğine destek veremeyen tarayıcıların kodumuza yansıttığı zahmeti belirtmişdik. Bu gün ise explorer haricindeki tarayıcılarımız bu zahmetleri, rahmete çevirecek desteklerine kavuşdukları görünmektedir.

Ücretsiz olarak sunulan, CSS ve Psd dosyalarını irdeleyip üzerinde çeşitli değişiklikler yapabileceğimiz mükemmel kaynaklar.Bu tür kaynaklar özellikle bazı css tekniklerinin nasıl uygulandığı konusunda da bizlere fikir vermektedir.
Watercolored(Psd Dosyası ile birlikte) Önizleme İndir

watercolored portfolio

YourInspiration(Psd dosyası ile birlikte) Önizleme İndir

YourInspiration

YIW Minimal (Psd dosyası ile birlikte) Önizleme İndir

YIW Minimal

Seven Seas Önizleme İndir

SevenSeas

Cosmos Önizleme İndir

Cosmos

A Simple Folio Önizleme İndir

A simple Folio

Woody Portfolio Önizleme İndir

Woody Portfolio

SweetDreams Önzileme İndir

SweetDreams

Diyelim ki Photoshopta site tasarımınızı yaptınız; tasarım çok güzel oldu ama müşteride size acilen yetişmesi lazım dedi bu işin.html ve css’e aktarmaya vaktiniz kalmadı.Tam bu sırada yardımınıza koşan bir site.Siz tasarımı yapın gidin bir kahve için ve geldiğinizde dosyayı indirin.Free üyelik te sadece 4 mb lık psd dosyaları çevriebiliyor.premium üye olursanız bu sorun ortadan kalkıyor.En azından denenmesi gerek diye düşünüyorum

Yeni bir web sitesi tasarımı yaptınız ve tasarımınıza güveniyorsanız, tasarımınızı birkaç css galerisine göndermek isterdiniz. Peki ya tasarımınızı 280’den fazla css galerisine göndermeye ne dersiniz? hem de tonla işlemle uğraşmadan, Tek seferde.

Css Gallery Submission

CssGallerySubmission.com sayesinde bu işlemi gerçekleştirebilirsiniz.

Siteye girdiğimizde çok iyi tasarlanmış bir arayüz bizi karşılıyor. İşleme başlamak için ana sayfadaki “Css Submission” ikonunu hemen sağındaki kutuya sürükleyip bırakıyoruz ve web sitesi sizi yeni tasarımınızın kimlik bilgilerini gireceğiniz form’a yönlendiriyor.

Buraya yeni sitenizin kimin tarafından gönderildiğini, kimin tarafından tasarlandığını, url adresini, açıklamasını ve sitenin tag’lerini girerek en alttaki “start” lilnkine tıklıyoruz.

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.

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 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ış.

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.

Portföy (portfolio), tasarımla ilgilenen kişi veya kurumların ozgeçmişleri, yaptıkları işler hakkındaki malzemelerin tümüne denir. Referans olarakta adlandırılabilir. Günümüzde birçok web tasarımcı portföylerini oluşturmakta ve yayınlamaktadır. Aşağıdaki portföy tasarım dersleri ile benzer çalışmalara yapabileceğiniz gibi aynısını yapmaktada özgürsünüz. İşte portföy tasarım dersleri;

How to create your own single page portfolio design in photoshop
(Photoshop ile nasıl tek sayfalık portöf oluşturulur)

Create a Grungy, Translucent Web Portfolio Design
(Grunge ve saydam web portföy tasarımı)