renkli teneke

CSS3 Maker

Ahmet — Tue, 31 Aug 2010 08:43:55 +0000

CSS3′ün bazı yeniliklerini uygulayarak görebiliyor ve istediğiniz gibi bu yeniliğin kodunu alıp kullanabiliyorsunuz. İlk önce CSS özelliğini seçiyorsunuz, ortada o özelliği üzerinde uygulayacağınız bir önizleme alanı çıkıyor. Oradan önizlemeyi görebilirsiniz. En sağda da ortada ki önizlemeye ait kodlar bulunuyor. Onları kullanabilirsiniz.

CSS3 Maker sitesi gibi “hazır kod üreteci” gibi kullanılmak üzere hazırlanmış bir çok web sitesi var. Bu tarz siteler, siz kod yazarken sizin hızlanmanızı sağlar. Faylanmanız sizin yararınıza olur.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Canlı Yayına Davet: Dreamweaver ve WordPress ile Dinamik Siteler Tasarlamak

Ahmet — Sat, 03 Jul 2010 11:18:50 +0000

Evet, başlıktan da belli olacağı üzere bu bir davettir. Ücretsiz olarak değerlendirebileceğiniz mükemmel bir davet. Sadece bir gününüzü ayırarak çok güzel bilgiler edinebilirsiniz. Kendiniz için bir gününüzü feda etmenize değer bir davet.

Müşteri web tasarımcısından web sitesi ister. Web tasarımcısı da tasarımı hazırlar html formatına dönüştürür. Fakat müşteri “yönetilebilir” bir web sitesi istediği anda web tasarımcısında kayışlar kopar. Kodlama bilgisi pek olmadığı için işin içinden çıkmak için uğraşır. Ya bir kodlama yapabilecek bir arkadaş bulmalıdır ya da ücretsiz sistemlerden faydalanmalıdır. İşte tam bu noktayı anlatıyor bu davet. Diyorlar ki, gelin sizinle beraber oturup bir web site tasarımı hazırlayayım. Daha sonra bunu WordPress’e uygun hale getirip müşteriye yönetilebilir bir web sitesi sunalım. Hem siz rahat edin hemde müşteriniz.

Canlı yayın Adobe Günlüğü üzerinden olacaktır. 8 Temmuz günü sabah saat 10:00′da başlayacak ve tahmini olarak 17:00′de bitecektir. Adobe günlüğünde okuduğuma göre böyle bir şeyi ilk defa yapıyorlar ve bitiş saatinin değişebileceği söyleniyor. Erken de olabilir daha geç de olabilir.

Aşağıda ufak bir öneri ve hemen ardından günün programı mevcut.

Son olarak teknik gereksinimlerinizi belirtmemizde fayda var. Yapacağımız çalışmayı 8 kamera ile yayınlayacağız. Bilgisayar başından takip edenler bunları 2 ayrı ekrandan izleyecekler. Birinde sürekli olarak bilgisayar ekranını görüntülerken, diğerinden de konuları anlatan ve izleyen kişileri yayına vereceğiz. Dolayısıyla sağlıklı bir izleme için minimum 1 Mbit bağlantı hızına ihtiyacınız olacak. Eğer hattınız 1Mbit ve üstü ise lütfen bu sırada başka amaçlarla kullanılmadığından emin olun.

Evet, başlıktan da belli olacağı üzere bu bir davettir. Ücretsiz olarak değerlendirebileceğiniz mükemmel bir davet. Sadece bir gününü ayırarak çok güzel bilgiler edinebilirsiniz. Kendiniz için bir gününüzü feda etmenize değecek bir davet.

Müşteri web tasarımcısından web sitesi ister. Web tasarımcısı da tasarımı hazırlar html formatına dönüştürür. Fakat müşteri “yönetilebilir” bir web sitesi istediği anda web tasarımcısında kayışlar kopar. Kodlama bilgisi pek olmadığı için işin içinden çıkmak için uğraşır. Ya bir kodlama yapabilecek birisini bulmalıdır ya da ücretsiz sistemlerden faydalanmalıdır. İşte tam bu noktayı anlatıyor bu davet. Diyorlar ki, gelin sizinle beraber oturup bir web site tasarımı hazırlayayım. Daha sonra bunu WordPress’e uygun hale getirip müşteriye yönetilebilir bir web sitesi sunalım.

“Dreamweaver ve WordPress ile dinamik siteler tasarlamak” Canlı Yayın Taslak Programı

TARİH: 8 Temmuz 2010, Perşembe,
SAAT: 10:00 – 17:00,
YER: AdobeGunlugu.com
KONUŞMACILAR: Barış Özcan (Adobe), Halid Özgür (Medyasoft), Hakan Çamoğlu (Vidobu.com), Erhan Meydan (Vidobu.com)

1. Açılış

Barış Özcan, 15 dakika

· Canlı yayın projesi tanıtımı ve amacı

· Ekip ve Stüdyo

2. Dreamweaver Nedir? WordPress ile ilişkisi nasıldır?

Barış Özcan, 30 dakika

· Dreamweaver tanıtımı

· WordPress tanıtımı

· WordPress kaynakları

· WordPress örnekleri

3. WordPress Kurulumu

Erhan Meydan, 30 dakika

· Local PHP kurulumu

· Local MySQL kurulumu

· WordPress paket kurulumu

· WordPress tema kurulumları

· WordPress eklenti kurulumları

4. Blog Arayüz Tasarımı

Halid Özgür, 90 dakika

· Blog tasarımında dikkat edilmesi gereken konular

· Tasarım sürecinde kullanılabilecek programlar

· Program entegrasyonları

5. Arayüz Tasarımının HTML’e dökülmesi

Hakan Çamoğlu, 45 dakika

· Temel DIV yapısı oluşturmak

· CSS ile menü tasarımı

· Alt sayfaların oluşturulması

6. Hazırlanan HTML tasarımın WordPress ile Entegrasyonu

Hakan Çamoğlu, 45 dakika

· Ana sayfa hazırlanması

· Alt sayfaların hazırlanması

· Modüllerin oluşturulması

7. HTML5 ile Hazırlanan Tasarımı İnteraktif Hale Getirmek

Hakan Çamoğlu, 45 dakika

· HTML5 ile degrade kullanımı

· HTML5 ile yuvarlak köşeler

· HTML5 ile animasyon

8. Tamamlanan Projenin Yayınlanması

Hakan Çamoğlu, 30 dakika

· Hosting ve Domain ile ilgili temel bilgiler ve ayarlar

· Dosyaların upload edilmesi

· MySQL database oluşturmak

· SEO çalışmaları

Bu konunun Adobe Günlüğünde ki genel açıklaması ise burada.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

jQuery ile Form

Ahmet — Mon, 14 Jun 2010 11:13:38 +0000

Web sitelerinin -daha çok- header alanında fotoğraflarla hazırlanmış slaytlar görüyorsunuz. Bunların bazıları kendi kendine hareket ederken bazıları ise kullanıcı tarafından değiştiriliyor. Aynı bu mantığa dayalı bir form hazırlanmış.

Aşamalı olarak form bilgilerini eksiksiz doldurtuyorsunuz kullanıcıya. Sırasıyla bütün alanları doldurarak gönderme işlemini gerçekleştiriyor.

Web sitelerinin -daha çok- header alanında, fotoğraflarla hazırlanmış slaytlar görüyorsunuz. Bunların bazıları kendi kendine hareket ederken bazıları ise kullanıcı tarafından değiştiriliyor. Aynı bu mantığa dayalı bir form hazırlanmış. Online demosuna buradan bakabilirsiniz.

Aşamalı olarak form bilgilerini eksiksiz doldurtuyorsunuz kullanıcıya. Sırasıyla bütün alanları doldurarak gönderme işlemini gerçekleştiriyor. Eksik alan olduğunda da uyarı veriyor ve bilgileri göndermiyor. Aslında bu tarz formlar çok kullanışlı. Demoyu incelediğinizi düşünerek söylüyorum. 5 farklı alan belirlenmiş, her birinde ayrı ayrı bilgiler alınıyor kullanıcıdan. Aynı formu düz html ile yapmaya kalksaydık daha fazla yer kaplayacaktı. Bu şekilde yerden kazanç sağlıyor daha estetik duruyor.

Bu güzel form çalışmasını buradan veya buradan indirebilir, kullanabilirsiniz. Çalışmanın ayrıntılı açıklama sayfası ise burası.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Ntvmsnbc’den Haber Geldi Uygulaması

Ahmet — Sat, 05 Jun 2010 10:59:42 +0000

Ntvmsnbc bildiğini gibi kaliteli haber sitesi. Sizin için öyle değilse dahi en azından benim gözümde en mükemmel haber sitesidir kendisi. Ntvmsnbc bir uygulama geliştirmiş. Adını da Haber Geldi koymuş. Uygulama ufak bir masaüstü uygulaması. Yanda gördüğünüz resimdeki gibi bir program. Daha önceden Orçun’un mekanında görmüştüm bu konu hakkında bir yazıyı. Bilmeyen, görmeyen, kullanmayan kalmasın diye bende herkesi haberdar edeyim dedim.

Programı buradan indirebildiğiniz gibi bu sayfadan da programı indirebilir, hakkında ayrıntılı bilgi sahibi olabilir, ekran görüntülerini görebilirsiniz.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Facebook’a Cepten Bedava Girin

Ahmet — Wed, 19 May 2010 09:59:53 +0000

Dün gece FriendFeed’in derin sularında yüzerken rastladığım bir feed sayesinde haberim oldu durumdan. Burak’ın feedinde gördüm. Facebook’a Türkiye’den ve dünyanın belli başlı ülkelerinden ücretsiz olarak girebiliyorsunuz. Facebook kendi blogunda da bu durumdan bahsetmiş. Girenler vardır belki, daha önceden Facebook’a cepten http://m.facebook.com adresinden giriliyordu. Bazı operatörlerde de bu kullanım için ücret alınmıyordu. Tabii ki bu sadece belli bir süreli kampanya olduğu için bir süre sonra hiç kimse giremez oldu cepten Facebook’a. Ancak ücretli girenler hariç.

Facebook çalışmalarını tamamlamış ve bütün kullanıcılarının cepten kendi hesaplarına erişmesi için çalışmış. Sonunda ortaya çıkan iş de herkesin ücretsiz olarak cepten Facebook hesabına girmesi oldu. Şuanda cep telefonunuzdan http://0.facebook.com adresine girerek Facebook hesabınıza girebilir ve ücretsiz olarak kullanmaya başlayabilirsiniz. Ben Avea ve Turkcell operatörlerinde denedim, sorunsuz çalışıyor. Vodafone’da sorun çıkartacağını da sanmıyorum. Aşağıda ki listede de dünya çapında hangi ülkede hangi operatörlerin ücretsiz olarak girebileceği yazıyor. Türkiye’de bütün operatörlerden ücretsiz olarak girilebiliyor. Tadını çıkartın. (:

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Çalışmanızı Tek Seferde Birçok CSS Galeriye Ekleyin

Ahmet — Sun, 16 May 2010 16:05:22 +0000

CSS galerini görmüşsünüzdür. Herhangi bir web tasarımcısı kendi çalışmasını hazırlar, müşterisine sunar. Hazırladığı çalışma güzel olduğu için müşteri tarafından benimsenir, internet ortamında yayımlanmaya başlar. Web tasarımcının işi burada biter. Site çalışır, müşteri memnundur. Belki web tasarımcısının yaptığı en güzel site odur. Kendi hazırladığı çalışmayı birçok kişinin görmesini, yorumlamasını ister. İşte tam bu nokta da bu tarz galeriler koşuyor imdadınıza.

CSS web site galerileri diyebiliriz. Ağırlıklı olarak CSS tabanlı tasarımlar var. Zaten eskisi gibi hiç kimse oturupda tablolarla boğuşmuyor. Şimdi size bir siteden bahsedeceğim. Sitenin ön plana çıkan özelliği şu; hazırladığınız çalışmayı bir galeriye değil de 5-10 tane galeriye(tam olarak kaç tane galeri olduğunu bilmiyorum) eklemenize yardımcı olur. Sizden standart bilgilerinizi(ad,soyad,email,site adresi vs) istiyor. Daha sonrasında sırayla tek tek galerilere ekliyorsunuz sitenizi.

Aşağıdaki resimde galerilerden sadece birisine eklenirken ki durumu görebilirsiniz. Resime göre konuşacak olursam; sağdaki bilgileri bir önceki sayfada giriyorsunuz. Sol tarafta da siteler tek tek geliyor. Aslında gelmiyor, siz sayfanın sağ en üst köşesinden nextsite diyerek diğerine geçiyorsunuz. S oldaki verileri sürükleyerek sağ alandaki sitede bulunan form alanlarına ekliyorsunuz. Burada ki mantık şu: Her siteye tek tek oturup yamıyorsunuz. Kopyala/yapıştır olayıda yok. Sadece sürükle/bırak.

Sitelerinizi hemen buradan eklemeye başlayabilirsiniz.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Facebook Sayfamıza Katıldınız mı?

Ahmet — Sat, 15 May 2010 21:04:33 +0000

Birçok blog, kişi, topluluk vs için oluşturulmuş gruplar görüyordum facebook’ta. Bende düşündüm taşından renkli teneke blogum için bir sayfa açamaya karar verdim. Aslında daha önceden açmayı düşündüm ama hayata geçiremedim. Hazır gaza gelmişken hemen topluluk sayfasını açıp sizleride haberdar etmek istedim.

Sizleri de aramızda görmek isteriz. Beğenin, katılın, başka arkadaşlarında katılmasına vesile olun. Umarım sizlere daha fazla yardımcı olarak devam ederiz yolumuza. Ha bu arada unutmadan arkadaşlarınızı da davet etmeyi unutmayınz (:

Adres: Burası :)

Facebook Sayfamıza Katıldınız mı?

Adres: http://www.facebook.com/pages/Renkli-Teneke-Blog/123615207665547

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Hareketli jQuery Menü

Ahmet — Sun, 02 May 2010 11:19:25 +0000

jQuery ile hazırlanmış olan bu menü şimdiye kadar gördüklerime benziyor. Fakat ufak tefek değişik şeyleri var. Mesela menünün üzerine geldiğinizde, menü açılırken iconun dönmesi ve açılan menünün içerisinde de başka bir menü olması gibi. Bu menüyü daha önceden FriendFeed üzerinden paylaşmıştım. Blog okuyucularımda ilgisini çekeceğini düşündüğüm için paylaşmak istedim. Kendi isteğinize göre iconları, renkleri değiştirerek kullanabilir ya da menü arşivinize ekleyebilirsiniz. Menünün demosu burada. İndirmek için ise kendi sayfasına gidebilirsiniz. Sayfanın aşağısında download linki bulunuyor. Ya da buradan da indirebilirsiniz.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

53 Adet Ücretsiz PSD Web Tasarımı

Ahmet — Fri, 23 Apr 2010 09:30:40 +0000

Djdesignerlab‘da gördüğüm en güzel paylaşımlardan bir tanesi. Düzenlenmiş, derlenmiş, tam 50 adet, ücretsiz web site tasarımının Photoshop formatını vermişler. İşinize yarayabilir bu tasarımlar. Ücretsiz olduğu içinde istediğiniz gibi kullanabilirsiniz. Buradan bu güzel tasarımlara ulaşabilirsiniz.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Blogcular Hangi Cep Telefonunu Kullanıyor? (mim)

Ahmet — Wed, 07 Apr 2010 16:35:43 +0000

TeknoBeyin (TB) sahibi Sinan kardeşimden gelen bir mim var elimde. Mim’in konusu: Blogcular hangi cep telefonunu kullanıyor? Ne zamandır yazı yazmadığım için “bu mim benim için bulunmaz bir nimet” diyerek yazayım dedim.

Kimisi cep telefonundan çok şey bekler ama ben beklemem. Sonuçta o bir telefondur, bilgisayar değil. Bu nedenle benim cep telefonumun markası ve modeli, Samsung L700. Çok güzel bir telefon. Biraz ağır ama onunda cevabını buldum: “Ağır abinin, ağır telefonu olur.” :)

Herneyse. İlk defa böyle yaparak mimi herhangi bir kişiye göndermiyorum. İsteyen yazsn efendim. “Bu mim renkliteneke.com’dan elimize ulaştı…” diye balayarak kendi mim yazılarınızı yazabilirsiniz. Bu arada unutmadan Sinan’a tekrar teşekkür ediyorum bu yazısında beni ilk 5′e aldığı için.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin: