Yeni Firefox Logosu

1 Yorum ikon, Tasarım 19 Haz 2009 oceangray 2.130 okunma

Şu sıralar dördüncü test sürümünde olan firefox 3.5 için yeni bir logo tasarlanmış.

Yeni logoyu iconfactory’den Anthony Piraino revize etmiş. Eski ve yeni logoyu aşağıda bir arada görebilirsiniz.

Çeşitli boyutlardaki yeni firefox logolarını buradan indirebilirsiniz.

Eski firefox logosu

Firefox_eski

Yeni Firefox 3.5 Logosu

firefox_yeni

Süper Mario Duvarkağıdı (Nostalji)

3 Yorum Tasarım 9 Haz 2009 oceangray 3.263 okunma

Çoğumuzun çocukluğunda bir dönem büyük bir yere sahip olan mario’nun duvar kağıdı.  Prensesi kurtardığınız o eğlenceli anlara gitmek için bir nostalji.

Farklı çözünürlüklerdeki mario duvar kağıtları için tıklayın

kaynak

Farklı Taksi Posterleri

Yorum Yok Tasarım 5 Ara 2008 oceangray 2.997 okunma

Antrepo Design Industry tarafından tasarlanan farklı şehirlere ait, farklı renk ve modellerdeki taksi posterleri. Londra’dan siyah renkli taksi, New York’tan sarı renkli taksi, İstanbul’dan panelvan tipinde bir taksi ve Meksika’dan ise VW Beetle ile 4 farklı poster çalışması. Posterleri buradan satın alabilir veya flickrdan farklı boyutlarda görebilirsiniz.

Mim: Tasarım Araç-Gereçleri

9 Yorum Günlük, Tasarım 18 Kas 2008 oceangray 8.073 okunma

t-infection’dan Volkan, Tasarım yaparken kullandığımız araçlarla ilgili bir mim göndermiş

Aşağıda tasarım yaparken kullandığım tüm programları ve yöntemleri aşama aşama anlatmaya çalıştım.

Yukarıdaki imajda masaüstümden bir kesit görüyorsunuz. Genelde kullandığım programların bir kısmı.

Hazırlık Aşaması

İlk önce tasarım için kağıt üzerinde bir taslak oluşturuyorum. Bu taslak photoshop üzerinde tasarımı oluştururken zaman kazandırıyor. Eğer fazla görselliği olmayan bir proje ise çoğu zaman photoshop’a bile gerek kalmadan direkt kodlama kısmına geçebiliyorum.

Görsel Aşama

Bir önceki başlıkta belirttiğim kağıt üzerine taslak oluşturma işinin, bilgisayar ortamına taşınması. Genelde bu iş için Photoshop’un CS3 versiyonunu kullanıyorum. Logo, kartvizit, antetli kağıt, zarf v.s tasarımları içinse Illustrator CS3’ü kullanıyorum. Fakat Illustrator’da pek fazla iyi değilim. Kendimi geliştirmeye çalışıyorum. Bilgisayarda fireworks ve flashında yüklü olmasına rağmen pek fazla kullandığım söylenemez. Zaten iyi bir flash bilgimde yok. Sadece basit efektleri yapabiliyorum.

Kodlama Aşaması

Kodlama için genelde dreamweaver kullanıyorum. Küçük değişiklikler için notpad ve sadece kod yazmak için ise Q10 vazgeçilmez bir program.

Test Aşaması

Çalışmalarımı genelde local’de test ediyorum. Bunun içinse wamp‘ı kullanıyorum. Görsellerin ve kodların diğer tarayıcılarda düzgün bir şekilde görüntülendiğinden emin olmak için hemen hemen popüler tüm tarayıcılar sistemimde yüklü. IEtester sayesinde ie5.5, ie6.0, ie7.0, ie8.0 beta2 tarayıcılarını da gözlemleme şansım oluyor. Dosyalarımı sunucuya göndermek içinse filezilla‘yı tercih ediyorum açık kaynak ve ücretsiz bir yazılım.

Bunların dışında faydalandığım çevrimiçi (online) servisler de var, bir daha ki sefere de onlardan bahsederim..

Gelelim bu mimi pas etmeye, eğer cevap verirlerse aşağıdaki arkadaşlara pas ediyorum.

Sağlıcakla kalın..

Sağlık Bakanlığı ve Rekabet Kurumu logo tasarlatmak için yarışma düzenle(t)mişler… Sağlık bakanlığı bu işi kendi üstlenirken, Rekabet Kurumu Photoshop Magazin’le işbirliği yapmış. Yarışma detayları şöyle;

Yazının Devamını Okuyun »

we love wp

2 Yorum Günlük, Tasarım, WordPress 8 Eki 2008 oceangray 7.038 okunma

we love wp, sadece wordpress tabanlı blogların yer aldığı bir tür liste.. Eğer sizde kendi tasarımınızı yaptı iseniz blogunuzu hemen kaydedin.. Ben eklemiştim ve sağolsunlar oceangray.net’i eklemişler.. kabul etmişler..

http://welovewp.com/oceangray.html

WP e-Commerce eklentisi kullanılarak wordpress altyapısı ile alışveriş sitesi yapmak veya bloglarınıza alışveriş bölümü eklemek mümkün.. Fakat bu eklentiye uyumlu temalar genelde ücretle satılıyorlar.. Şimdi aşağıda vereceğim tema ise tamamen ücretsiz.

Temayı ön izlemek için yukardaki imaja tıklayabilirsiniz..

Crafty Cart Alışveriş Teması 1.0.5

Bloglarda tasarım değişiklikleri

24 Yorum Tasarım 6 Eki 2008 oceangray 4.256 okunma

Son zamanlarda  blog camiasında arayüz değişiklikleri oluyor..  Aynı televizyonların yeni yayın dönemine geçmeleri gibi bizlerde yeni temalarımıza geçtik :)  Aşağıda tasarımını değiştiren gözlemlediğim blogların bir listesini veriyorum.. Bazı arkadaşlar temalarını kendi kodlarken, bazılarıda varolan bir tema üzerinde çalışmışlar. Hepsine hayırlı uğurlu olsun diyorum.. Gerçi asıl önemli olan içerik ama görsellik de içeriğin tuzu biberi.. Eğer sizinde bildiğiniz bloglar varsa yorumlarda eklerseniz sevinirim..

Not: Sıralama tarihe göre yapılmıştır…

yeni görünüm yayında

28 Yorum Günlük, Tasarım, WordPress 24 Eyl 2008 oceangray 4.498 okunma

Uzun zamandır üzerinde çalıştığım ve oceangray.net için hazırladığım tema sonunda bitti.. Sadece ufak tefek bir kaç hata var, onlarıda zaman içinde düzelteceğime inanıyorum.. Temaya herhangi bir isim vermedim. oceangray tema  olarak adlandırdım.. Sadece yaptığım değişiklikler için revizyon numaraları veriyorum şuan rev16 :) . Birazda temayı hazırlarken izlediğim yollardan bahsedeyim.. İlk önce Photosop’ta bir tasarı hazırladım.  Photosopta hazırlanan bir tasarıma ihtiyaç varmı diyorsanız, pekte yok diyebilirim.. Elinize A4 boyutlarında bir kağıt alıp, kolayca hayalinizdeki tasarımı kağıda dökebilirsiniz.. Ama PS’nin avantajı tasarımı hazırlarken görsel öğeleride beraberinde hazırladığınız için, sonradan tekrar uğraşmıyorsunuz.. Sonraki adım ise bu görünümü wordpres’e entegre etmeyle başlıyor. Bu konuda detaylı bir yazı yazmayı planlıyorum.. Tasarımın hemen hemen tamamında Diagona Icons isimli ikon setini kullandım.. ikonları buradan indirebilirsiniz.. Tasarımda ki bazı görsel özellikler sadece firefox,safari ve google chrome ile görüntüleyebilirsiniz.. Bunlar CSS sayesinde menü ve yorum kenarlarının yuvarlak hale getirildiği görsel özellikler.

Yeni tema ie7, ie8 beta, firefox 3.0.2 ve opera 9.52 ile sorunsuz çalışıyorken google chrome, ie6 ve muhtemelen safari ile ufak tefek problemler veriyor.. yazının alt kısmında güncel hataların bir listesini yayınlayacağım. Sizde tasarım hakkında görüş bildirir ve gördüğünüz hataları paylaşırsanız müteşekkir olurum..

Bilinen Problemler

  • Google Chrome – Menü öğelerinin yükseklik problemi

Web tasarımcılar ve geliştiricilere yönelik 8 adet opera için widget.

Screen Ruler Seçtiğiniz iki nokta arasındaki mesafeyi ölçüyor..

Colours of the Rainbow – Sayfa üzerindeki renklerin RGB, HSV ve CSS hex kodlarını gösteriyor.

CSS Help – Css fonksiyonlarını barındıran yardım dökümanı.

Site Validator – Kodlamalarınızın standartlara göre geçerli olup olmadığını sınıyor..


Javascript Cheatsheet – Javascript yardım dökümanı (kopyakağıdı).

Character Map – Tipografik karakterleri kolayca seçip  ekleyebileceğiniz bir eklenti..

HTML Entities – Diğer dillerdeki karakterlerin HTML karşılıkları..

Charge By The Hr – Bu eklenti ise, girdiğiniz değerler ile bir projeye ne kadar zaman harcadığınızı hesaplıyor. Belirttiğiniz saatlik ücrete göre proje maliyetini çıkarıyor..

Kaynak

Dreamhost Kupon Kodu

Aşağıdaki Kodu kullanarak Dreamhost'tan $97 indirim kazanabilirsiniz.

Dreamhost indirim kupon kodu (promo code): 97COD

Dreamhost Promo Code

Unlike a lot of other promo codes, this code gives the maximum possible discount. There is no need to look any further, you are guaranteed the maximum discount on whichever plan you choose with coupon code "97COD"

Dreamhost promo code: 97COD


  • MaFiAMaX: Hey maşallah. Hissettiklerini az çok biliyorum. 2012 öncesindeki o şaşalı blog dünyasını ben de özlüyorum :)
  • Skrotpræmie: dilekçeyi yolladıktan sonra ertelenip ertelnmediğini nerden öğrencez.
  • Mustafa ceran: Ses efektlerini oyuncak bebeklerde olduğu gibi bir düzenekte kayıtlı olarak bulabilir miyim. Veya nereden bulabiliriz
  • idris: çok güzel 1111 no
  • Arif: 20 liranız varsa çok güzel(!) 20 liraya 5 ses :D ?

Kategoriler

© 2006-2008 oceangray.net - WordPress altyapısı kullanıyor.
Yazılan yazılar Creative Commons ile lisanslanmıstır.
Kaynak belirtmeden alıntı yapmayınız.
www.webperest.com

Giriş | Yazı Takip (RSS) | Yorum Takip (RSS)