Web Tasarım ve Programlama (Yazmadığım Kitap)

Malum WordPress Tema Tasarım ve Programlama kitabını yazalı baya oldu.

Fakat kimsenin bilmediği bir gerçek var.

Bilgisayardaki belgelerimi düzenlerken karşılaşınca bunu sizlerle paylaşmadan edemedim.

WordPress kitabımdan önce Web Tasarım ve Programalama (Photoshop+HTML+CSS) kitabını yazmayı planlamıştım. Hatta detaylı araştırma yaparak bir içerik bile çıkarmıştım.

Web Tasarım ve Programlama (Yazmadığım) Kitabın İçeriği (10.6.2012)

Açıkçası yazmaktan vazgeçtiğim için değil WordPress kitabını yazmamın daha yararlı olacağını düşündüğüm için önce WordPress ‘i yazdım.

Doğru bir karar verdiğim için mutluyum. Şu sıralar WP kitabım 2. baskısını satıyor ve inşallah 2014 ün ikinci yarısı gibi 3. baskısı gelecek. E-Kitap satışı da başladı 9 TL ye .pdf versiyonunu da alabiliyorsunuz. Ayrıca kitabım halen WordPress Tema Programlama alanında ilk referans kitap olmaya devam ediyor.

Eğitimlere Devam Edeceğim

Web teknolojilerini öğrenmeyi ve öğretmeyi seviyorum. Hiç şüpheniz olmasın bu tarz eğitimlerim hiç bitmeyecek ve elimden geldiğince sürekli eğitimler yapmaya ve paylaşmaya devam edeceğim

Sırf bu sebepten ötürü EğitimAlem projesiyle uğraşıyorum. Daha kaliteli video eğitimler yapmak ve çok uygun fiyatlara sizlere ulaştırmak için EğitimAlem projesini yapıyorum.

Bu kitabın yazılmamasına hiç üzülmeyin çünkü video eğitim olarak bu eğitimin içerdiği konular ve zamanla daha fazlasını yapacağım.

Biliyorum halen HTML ve CSS konusunda özellikle CSS3, HTML5, PSD to CSS, Responsive, Cross Browser ve W3 Valid Programlama gibi konularda halen yeterli eğitim yok. Bunların hepsinin ayrı ayrı birer eğitim seti olarak anlatılması gerekiyor. Bu açıkların farkındayım ve zaman içerisinde açıkların hepsini kapatacağım.

İlginiz için teşekkürler.

Türkiye’de Tiyatro Seyircisi – Bilgi Görseli

1999-2000 ile 2010-2011 arasındaki tioyatro istatistikleriyle oluşturduğum bu bilgi görselleştirmesin de  yıllara göre seyirci sayıları, salon sayıları ve görsel biçimde oranları incelenebilmektedir.

Eğlenceli bir görselleştirme oldu.

 

 

Güle güle okuyun isterseniz .pdf versionunu okuyabilir veya  indirip basabilirsiniz.

HTML5 Info Graphic, Bilgi Görseli

Merhaba arkadaşlar,

Bir bilgi görseli hazırladım. HTML5 ‘in temel etiketlerinin ve bir web sitesini inşaa ederken nerelerde nasıl kullanmamız gerektiğini gösteren bir yapı kurdum. Bu tarz bilgi görselleştirmeleri çok yararlı ve anlaşılır oluyor.

Şimdilik HTML5 in temel yapısını anlatan bir görsel oluşturdum. Bunu sürüm 1 – v1 diye düşünebiliriz. Zamanla bu görselleştirmeye eklemeler yapmayı planlıyorum. Öneride bulunmaktan çekinmeyiniz. Bu sayfada yorum olarak yazınız.

Görseli yüksek kaliteli biçimde PDF paylaşıyorum yazıcınız varsa çıktı alıp sürekli gözünüzün önünde olan bir yere asabilirsiniz. PDF İNDİR

 

Okumaya devam et “HTML5 Info Graphic, Bilgi Görseli”

TBMM Parti ve Milletvekili Profilleri

TBMM Parti ve Milletvekili Profilleri

Devlet sitelerini düzenli olarak ziyaret ederim sizede ülkenizi ve işleyişini tanımanız için tavsiye ederim Türkiye.gov.tr ‘den başlayabilirsiniz.

Siteleri gezerken TBBM ‘nin  sitesinde milletvekilleri ve partilerle ilgili istatistiklerin olduğunu farkettim bir süredir Bilgi Görselleştirme konusunda araştırma yapıyordum. Bağlantıya tıklayarak bu konudaki örnekleri görebilir ve karmaşık bilgileri anlatan fakat basit arayüz ile çok bilgiyi kısa sürede anlamamızı sağlayan bu istatistik görselleri hayatımı kolaylaştırıyor. TBMM’de rastladığım içerikler ile Türkiye’de bu konuya uygun bir görselleştirme yapmaya karar verdim ve böyle bir dosya oluştu.

Görselleştirmenin içeriği;

A. Yabancı Dil
B. Kadın Erkek Temsil Oranı

Adobe Photoshop .PSD Dosyaları Explorer Windows Thumbnail

.PSD Dosyaları Klasör Görünümü Windows XP

Windows ortamında PSD dosyalarım ile çok işim olduğundan sık sık hangi dosyanın hangi görünüme sahip olduğunu görmem gerekiyor. Her seferinde photoshop ile bakmak zaman kaybettirdiğinden thumbnail ufak resim olarak görmek için çözüm aradım ve aşağıdaki dosyalara ulaştım denedim ve başarılı bir sonuç elde ettim.

Not: XP de denedim oldu windows varyasyonlarında durum nedir bir şey diyemeyeceğim.
[download id=”18″]

Güle güle kullanın efenim.

Ekleme 23 Mayıs 2010:

Windows 7 ye geçtikten sonra XP deki yöntem işe yaramadı yeni bir bir program aradım ve buldum mysticthumbs kurup kullanabilirsiniz. Windows 7 .PSD için işe yarıyor. Okumaya devam et “Adobe Photoshop .PSD Dosyaları Explorer Windows Thumbnail”

Türkçe ve Tipografi

Türkçe Karakterlerin Eksikliklerine Bakınız. Şekil.1

Türkçe tipografideki ana problem tr-karakter font uyumsuzluğundan kaynaklanıyor. Alman, Fransız, Amerikan fontlarının Türkçe karakterlere uyarlanmış biçimlerini kullanarak kendi sanatımızı yapmaya çalışıyoruz. Türkçe Tipografi için kendi font biçimlerimizi geçte olsa düşünmemiz gerekiyor. Ş harfinin altında yer alan sarkaç neden altta olmak zorunda? Yada Ş harfini farklı nasıl ifade edebiliriz. Okumaya devam et “Türkçe ve Tipografi”

23 Nisan WordPress Teması Ders Anlatımı (Resimli ve Videolu PSD Tasarım Bölüm 1)

Arkadaşlar bu ders temel yada orta düzey photoshop bilginizin olduğu farzedilerek hazırlanmış ve adım adım gösterilmektedir. Bir blog biçiminde sitenin (wordpress temalar, wordpress tema, wordpress, blog, kişisel site) nasıl tasarlandığını adım adım göstermektedir. Yazıyı ve resimleri baştan sonra okuyarak fikir edinebilir, benzer bir tasarımı yapabilir ve photoshop’u daha verimli kullanabilirsiniz.

Daha önce bir psd tasarımı yapmıştım o ders kaydını yaparken güzelim ülkemin elektrikleri birden kesiliverdi ve kayıt uçtu geriye sadece psd dosya kaldı. Diğer tasarımın psd si şurada.

1.Adım: 950px X 900px biçiminde bir sayfa açıyorum bu sayfa başlangıç için yeterli eninin 950 px olmasının sebebi bir çok internet kullanıcısının 1024 px genişliğe sahip çözünürlükte siteleri geziyor olması. O yüzden 950px bu genişliğe uygun tabi isterseniz geniş ekranları hedef alacak içimdede çalışabilirsiniz yada sayfa boyutlandırmalarını otomatik yaparsanız sayfa genişliği arttıkça sitede büyüyebilir bu konu daha çok css ile ilgili araştırmanızı tavsiye ederim.

2.Adım: Sayfamız bu şekilde oluşuyor %100 olarak izleyebilirsiniz. Bir dikdörtgen çizmek için tools tan seçimimi yapıyorum. Okumaya devam et “23 Nisan WordPress Teması Ders Anlatımı (Resimli ve Videolu PSD Tasarım Bölüm 1)”

CorelDraw X5 in Getirdiği Yenilikler

CorelDraw x5 uzun bir aradan sonra karşımızda en sevdiğim ve beğenerek kullandığım program zaman geçtikçe daha da iyiye gidiyor ve kararlılığından ödün vermiyor. Baskı, tasarım, yayın, yayım, dergi, afiş, broşür, gazete, web, motion….vs bir çok alanda kullanılıyor. Daha fazla bilgi için corel.com u ziyaret edebilrisiniz.

Şimdiii X5 bize neler getirmiş bir bakalım;

Create a New Document – Yeni Sayfa Oluştuma

Önceden bir sayfa oluştururken direk welcome ekranından yapıyorduk, farkl ıboyutlarda çalışmamız gerekiyorsa açış amacımıza göre sayfayı açtıktan sonra boyutlandırıyorduk Corel açış amacımız ne ise tasarlayacağımız şeye göre yeni sayfa oluştururen boyut, çözünürlük, format gibi bilgileri girmemizi sağlamış. İyide olmuş..

Create a New Document

Okumaya devam et “CorelDraw X5 in Getirdiği Yenilikler”

CorelDraw 3D Design And Architecture Urban Design

CorelDraw ile yapılabilecekler sıralandığından yapacaklarınız ancak hayal gücünüzle sınırlıdır.

CorelDraw vector tabanlı bir programdır. Bu nedenledirki benzer vector tabanlı programların sahip olduğu bir çok özelliği barındırıyor. Özellikle 2d mimari çizim alanında CorelDraw ile başlangıç ve sonuç ölçeklendirme-print açısından kolaylıklar sağlayacak esnekliğe sahiptir.

Kısmen 3d çizim yeteneği derinlik bakımından olmasa da vector bakımından mümkün. Mimari programlarda kaplama diye adlandırabileceğimiz özellik CorelDraw da sadece boyama olarak ele alınır. Galiba dezavantajlarıdnan birisi budur.

CorelDraw ı son ürün gösteriminde hızlı sonuçlar almak için kullanmak mümkün. Vector çizim altyapısına sahipseniz kısa sürede kavrayabilir ve AutoCad te kodlar içerisinde boğulmadan sonuca ulaştıracak çizimler yapabilirsiniz.