bildirgec.org

Web sitenizde video yayınlayanlar genelde flash player ile yapılan video eklentileri veya Media Player kullanırlar. Fakat tüm bunlara gerek kalmadan sadece HTML5 ve CSS3 yardımı ile web sayfanızda video yayınlayabilirsiniz.HTML5‘in yükselmesi ile gündeme gelen bu video oynatıcıları henüz Internet Explorer gibi bazı eski sürüm tarayıcılar desteklemese de oldukça popüler ve ilgi çekici oldukları söylenebilir.

Video JS, tamamen HTML5 ve CSS3 ile hazırlanan açık kaynak kodlu ve ücretsiz olarak dağıtılan bir video oynatıcısıdır. Web sitenizde videoları herhangi bir eklentiye gerek kalmadan yayınlamanızı sağlayan bu uygulama ile hertürlü videoyu yayınlayabilirsiniz. H264 ve Theora Ogg gibi formatları da destekleyen bu kolay kullanımlı uygulama kullanıcılar açısından herhangi bir sorun olmadan yayın yapabiliyor.

Tam ekran özelliği, ses ayarı, durdurma/oynatma düğmesi ve herhangi bir bölümüne sarabileceğiniz çubuğu ile diğer video oynatıcılarını aratmayan bu uygulamayı birçok tarayıcıda çalıştırabileceğiniz gibi iPhone veya iPad gibi dokunmatik cihazlarda da çalıştırabilirsiniz.

Web tasarım programları, tasarımcıların işlerini oldukça kolaylaştırırlar. Normalde programcıların yaptıkları işleri kısa bir süreçte yapabilen veya tasarım konsunda oldukça yardımcı olan bu araçları programcılar her zaman yanlarında taşımak isterler. Portatif programlar bir programcı için oldukça hayat kurtacı olabilir. İş gezisi veya tatil gibi organizasyonlarda bu uygulamalar ile küçük işlerini halledebilirler. İşte Web Tasarımcılar için Portatif Programlar;

KompoZer Portable

Birçok özelliği bulunan KompoZer, bütünleşik web yayınlama uygulaması yani ftp işlemcisidir.Kullanışlı sekmeli tasarımı ve tüm önemli işletim sistemlerinde çalışması oldukça avantajlı olan özellikleridir.

Firefox Portable Edition

Popüler internet tarayıcısı Firefox‘un portatif sürümü her zaman yanınızda olması gereken uygulamalardandır. Portatif sürümü 3.6‘a göre hazırlanan bu uygulamaya yeni sürümlere göre düzenlemeler yapılmakta.

Adobe Photoshop ile günümüzde birçok tasarım örneği yapılabiliyor. Photoshop ile yapacağınız yazı efektlerini banner logo gibi çalışmalarda kullanabileceğiniz gibi afiş gibi farklı tasarımlarda da kullanabilirsiz. Aşağıdaki yazı efektleri derslerinde farklı teknikler öğrenebilir ve photoshop bilginizi geliştirebilirsiniz. İşte Photoshop ile 3D Yazı Efektleri Dersleri;

Create a 3d flowery text effect
(3D çiçeksi metin efekti)

Grass-text-effect
(Çimen Yazı Efekti)

Hiç şüpesiz tasarım yaparken (ister web, ister grafik…) en önemli unsurlardan biri de renk seçimi.
Renk seçimleriniz kolaylaştıracak bir derleme… Tasarımlarınızda tercih edebileceğiniz 231 önemli renk kodu…

Günümüzde tüm web tasarımcılar-geliştiriciler açık kaynaklı araçlardan yararlanmakta. Açık kaynak kodlu araçlar ücretli uygulamaları yapabildiği her şeyi yapabilmekte, hatta daha fazlasını bile…

İşte sizlere 5 harika açık kaynak kodlu ve birbirinden kullanışlı araç.
1. Video JS
Video JS, javascript tabanlı bir video oynatıcı. HTML5’in de gücünü arkasına alarak oldukça fonksiyonel ve tarayıcı dostu. Tüm çalışmalarınızda gönül rahatlığı ile kullanabilirsiniz.

Download / Demo

2. Google Font API
Google Font Dizinindeki tüm yazı tiplerini ücretsiz olarak çalışmalarınızda kullanabilirsiniz. Üstelik tüm yazı tiperli Google sunucularında barındırıyor olması büyük bir avantaj.

Adobe illustrator en gelişmiş vektörel grafik aracıdır. Bu muhteşem program ile aklınıza gelebilecek birçok muhteşem tasarımı oluşturabilirsiniz. Aşağıda mayıs’ın (2010) en popüler illustrator tasarımları bulunmakta. Örnekleri inceleyerek yeni teknikler öğrenebilir veya aynı tasarımları oluşturabilirsiniz. İşte mayıs ayının En iyi illustrator Dersleri;

Create a Cute Baby Monster Character in Illustrator
(Illustrator’da canavar bebek karakteri yapımı)

Create lush, glossy vector images
(Parlak, Gür vektör grafikler oluşturmak)

Neredeyse her hafta hazırlamaya gayret ettiğim web tasarım kaynaklarına 10.su ile devam ediyorum. Yazı tipleri, ikon setleri, sosyal medya ikonları, psd dosyaları, photoshop fırçaları, dokuları, actionları ve web şablonları gibi web tasarımcının arşivinde mutlaka olması gereken her türden kaynağı ücretsiz olarak indirebilirsiniz.

Bakalım bu bölümde neler var?

jQuery-Notes, fotoğraflarınıza not eklemenize yardımcı olan sıradışı bir jQuery uygulaması. Resimlerinizin altına, köşesine not eklemek artık sizin için yeterli değilse jQuery-Notes tam size göre bir uygulama.

jQuery 1.4, jQuery-UI 1.7+ ve PHP5 ile hazırlanan bu uygulama sayesinde resimlerinizin üstünde herhangi bir yerine not ekleyebilir ve notlarınıza link verebilirsiniz. Bu sayede resimlerinizdeki herhangi bir nesne veya kişiye dikkat çekebilir veya tanımlayabilirsiniz.

Dünyanın en popüler sosyal medya aracı haline gelen Facebook‘ta bulunan benzer uygulamadan esinlenerek hazırlanan jQuery-Notes sayesinde resimlerinizi boş bırakmak zorunda değilsiniz.Fotoğrafların sağ alt köşesinde yer alan 4 düğme sayesinde notlar ekleyebilir veya onları görmek istemiyorsanız uygulamayı inaktif duruma getirebilirsiniz.

minimalist tasarımlar kısaca sade tasarımlar olarak tanımlanabilir.Birçok renk ve karmaşıklığın dışına çıkılarak hazırlanan bu tasarımlar oldukça sade ve renksizdirler.Wordpress kullanıcılarınında hatırı sayılır bir kısmı minimalist wordpress temalarını kullanmaktalar. Aşağıdaki ücretsiz wordpress temalarını kullanabilir veya farklı tasarımlara imza atabilirsiniz. İşte Muhteşem Minimalist temalı Wordpress Temaları;

Modern Clix

Web sitenizin içeriğine göre web sayfalarınızıda kullanıcılarınız için farklı slaytlar yayınlamak isteyebilirsiniz. Ürünlerinizi veya mekanınızı tanıtabileceğiniz bu slaytları bloglarda farklı amaçlarla da kullanabilirsiniz. aeron slideshow sayesinde tüm bu slaytları gerçekleştirebilir ve bu sırada birbirinden farklı temalarda farklı efektleri kullanabilirsiniz.

aeron slideshow 2, temel olarak jQuery ile hazırlanan Mit lisanslı ve oldukça kolay kullanımlı bir slayt aracıdır. Bu uygulama ile web sayfanızda yayınlamak istediğiniz fotoğrafları slayt gösterisi haline getirebilir ve bunu yaparken farklı efektleri kullanabilirsiniz.

Farklı görünümleri sayesinde aeron slideshow web siteniz ile oldukça uyumludur. İsteğinize göre altta veya yanda bulunun fotoğraflar menüsünü kaldırabilir veya farklı biçimlerde kullanabilirsiniz. Fotoğraflarınız slayt gösterisi halindeyken tümüne farklı fotoğraf efektleri ile ziyaretçilerinizin ilgisini çekebilirsiniz.