HTML5 | bildirgec.org

bu yazımda size henüz keşfettiğim ücretsiz hazır html site şablonları sunan bir web sitesini tanıtmak istiyorum. html5webtemplates.co.uk üzerinde bulunan değişik tasarımları "download" ederek dreamweaver veya benzeri programda aracılığı ile çok kolay bir şekilde kurumsal bir web sitesi hazırlayabilirsiniz.

Şablonlar ve indirme linkleri;

1- Black and White

download

2- Simple Style 7

download

3- Simple Style 6

download

Tasarımcılar göz alıcı tasarımlar yaparken aynı zamanda sitenin işlevsel olması için çok çaba harcıyorlar. Bu yazımda mükemmel tasarımlar ve yenilikçi tasarım tekniklerinin akıllıca kullanıldığı bir kaç tasarımdan bahsedeceğim. Eminim bu tasarımlarda ilham alabileceğiniz birkaç özellik bulacaksınız.

Heartbreaker Fashion



50'ler ve 60'ların kıyafetlerinden esinlenilerek yapılmış, pastel renkler ve retro çizimler kullanılan tasarımı ile Heartbreaker'ın tasarımı şirket vizyonunu çok iyi yansıtıyor. Noktalı ve çizgili kenarlıklar farklı nesneleri birbirinden nazik bir biçimde ayırıyor.

1 - css3.com

css3 'ün resmi sitesi. css3'ün referans rehberini bulabileceğiniz ve blog tarzında css3 örneklerinin yayınlandığı sade bir site.

2 - css3please

css3 kodları tarayıcıdan tarayıcıya farklılık göstermektedir. bu site de css3 ile yapılabilecek bir görsellik için hangi tarayıcıda hangi kodun çalıştığını gösteren çok pratik bir site.

3 - css3generator

çok hızlı bir şekilde css3 kodu oluşturabileceğiniz son derece kullanışlı bir site. listeden eklemek istediğiniz css3 özelliğini seçdikden sonra piksel ve renkdeğerlerini girmeniz yeterli. her tarayıcı için gerekli kodları site bizim için oluşturuyor.

wordpress hiç şüphesiz diğer içerik yönetim sistemlerine göre her zaman ki gibi lider durumda.ücretsiz temalar ve eklentiler yönünden fazlasıyla zengin.ücretsiz temalar her geçen gün daha kaliteli işlerle karşımıza çıkıyor.
aşağıda son beş ay içinde piyasaya sürülen ücretsiz ve yüksek kaliteli temalar var.

imbalance önizleme
imbalance, minimalist ve grid tabanlı tema.jquery kullanılmış ve blog, dergi veya portföy sitesi için çok uygundur.

blogum önizleme
blogum, grid tabanlı düzeniyle oldukça sade,minimalist bir tema.jquery görüntü önyükleyicisi,dahili sosyal imleme desteği ve sade tipografi içermektedir.

olamaz! çektiğiniz fotoğraf kötü çıktı... neyse üzülmenize gerek yok, photoshop size yardım edebilir. peki ya photoshop'u nerden bulacaksınız? tabi ki satın almak zorundasınız fakat photoshop alternatifi ücretsiz programlarda mevcut. neden bu programlardan birine şans vermiyorsunuz? yazımın devamında ücretsiz photoshop alternatiflerine yer vereceğim. keyifli ve bilgilendirici olması dileğimle...

1/gimp

gimp'i anlatmaya başlamadan önce gimp'in linuxçuların en beğendiği programlardan biri olduğunu söyleyeyim. gimp photoshopun en başarılı alternatiflerindendir. tasarımcıların günlük işlerini kolayca yapabilmesini sağlar.

2/paint net

windows kullanıcılarının büyük ihtimalle denediği bir programdır.oldukça aktif kullanıcılara sahiptir. yani programla ilgili destek sıkıntısı çekmezsiniz. yararlı eklentileri ve tutorialleri forumundan bulabilirsiniz.

HTML5 ile gelen en dikkat çekici özelliklerden biri de kuşkusuz video özelliğinin gelmiş olmasıdır. Flash Player ile hazırlanan oynatıcılara alternatif olabilecek birçok oynatıcı geliştirilmekte. Google, Vimeo gibi siteler dahil HTML5 üzerinde birçok çalışma yapmakta. Popüler HTML5 Oynatıcıları:

SublimeVideo

Henüz tam olarak bitirilmemiş ve beta sürümünde olan SublimeVideo piyasaya sürülmedi. Bir video oynatıcısında arayabileceğiniz tüm özellikleri SublimeVideo'da bulabileceğiniz gibi ekstradan birçok özellik de bulunmakta.

Ambilight for Video Tag

Normal video oynatıcıların aksine dışarıya doğru ışık efekti sayesinde eşsiz bir video keyfini Ambilight for Video Tag size sunuyor. Fakat sadece oynatma/durdurma ses açma/kapama gibi özellikler eklenmiş.

Html5'in bu kadar popülerleşmesini sağlayan elementlerden biri de canvas elementidir. Web uygulamalarında oldukça popülerleşebilecek olan canvas, 2D olarak dinamik fotoğraflar yapabileceğiniz bir bileşendir. Javascript üzerinden çalışan bu element ile birçok muhteşem uygulama yapılabilir. Aşağıdaki birbirinden eğlenceli canvas uygulamalarını inceleyebilirsiniz. Html5 Canvas Uygulamaları;

Canvas Aquarium

Tarayacı üzerinden sanal olarak siz de büyük bir akvaryuma ve dilediğiniz kadar balığa sahip olabilirsiniz. Gerçekçi balık hareketleri, hareketli su efektleri, kabarcıklar sayesinde oldukça hoş bir uygulama. Daha fazla balık istiyorsanız akvarmuya tıklamanız yeterli.

Twitter. Canvas. 10K

Arka planında siyah hareketli kabarcıkların bulunduğu ve Twitter ile entegre edilmiş hoş bir Html5 Canvas uygulamasında her bir siyah kabarcık bir Twitter kullanıcısını belirtiyor. Haraketli hoş arka planı sayesinde farklı şekillerde kullanılabilecek çok güzel bir uygulama.