Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı

Tarih: Salı, Nisan 21, 2009 Kategori: Teknoloji, İnternet Haberleri

Bu yazıda web tasarımı ve geliştiricileri için yaratıcı örneklere ulaşabileceksiniz. Aynı zamanda html ve css ile ilgili bazı dersler bulunmaktadır. bunlar size ilham kaynağı olacaktır.

1 – Padding Top (ders)

2 – Text Shadow (metin gölgelendirme) (ders)

3 – Z-Index (ders)

4 – List-Style-Type (ders)

5 – Import Libraries (kütüphaneleri içeri aktarmak) ders

6 – Web Design Drawing (Web tasarım çizimi)

7 – Syntax Error (Sözdizimi hatası)

8 – Desk (masa)

9 – End Smile (gülümseme sonu)

10 – Vera Graphic Design (vera grafik tasarımı)

yazının devamı için buraya tıklayın.

0

30 Olağanüstü Css Menü Tekniği

Tarih: Pazar, Nisan 19, 2009 Kategori: Teknoloji, İnternet Haberleri

Burada web sitelerinizde kullanabileceğiniz en iyi menü örneklerini bulabilirsiniz. Css‘in yetenekleri ile birbirinden güzel çalışmalar ortaya çıkmaktadır.

Bu yazı size mükemmel menü tekniklerini öğretebilecek ve çok iyi bir kaynak olacaktır.

1 – The menu menu

Bu, farklı büyük bir menü örneğidir. Menünün üzerine geldiğiniz zaman hemen yanında alt menüler görünüyor.

2 – Pure CSS hover menu

bu css tekniği ile dikey alt menüyü görebileceksiniz.

devamını oku »

ilgili yazılar

10 Mükemmel Çoklu Seviye Menü Tekniği (15)
Css Aşağı Açılır (Drop-Down) Menüler (7)
şık css menüler (0)
ücretsiz css menü aracı (1)
Çevrimiçi CSS Araçları Listesi (5)
css’de uzman olmanızı sağlayacak 20 css dersi (10)
Css Menü Çeşitleri (0)
css menüleri (0)
phatfusion ile js web uygulamaları (3)
css ve javascript’in gucleri birlesirse… (1)

bu yazı LeBron tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. kaynak gösterilmeksizin kopyalanamaz.

etiketler: css, menu, css menu, css menü, menü tasarımı, menü örnekleri, css menus, css menüler, css menüleri, css navigation menu, harika css menüleri, css menu designer, css menü tasarımı

Etiketler: Bu, Burada, CSS, Css A, CSS Ara, CSS Men, Css'in, Drop-Down Men, LeBron, Listesi, men, menler, menu, Pure CSS, Seviye Men Tekni

0

firefox 3.5 ile web geliştiricileri sevinecek

Tarih: Cuma, Nisan 17, 2009 Kategori: Teknoloji, İnternet Haberleri

Firefox 3.5 ile web geliştiricilerinin yüzü gülecek

Mozilla tarafından geliştirilmekte olan Firefox 3.5 sürümü web geliştiricilerinin yüzünü güldürecek cinsten yenilikler ile gelmeye hazırlanıyor. Birçok gelişmekte olan web standartını destekleyecek biçimde piyasaya çıkacak olan Firefox 3.5, tasarımcıların hünerlerini sergileyebilmesi için birçok olanak sunacak.

Firefox 3.5 ile desteklenecek standartlar ve yapılacak yenilikler aşağıda listelendi.

HTML5 desteği
Daha önce yeni html5 tag’leri ve kullanım şekilleri yazısında belirtilen özelliklerin bir kısmı firefox 3.5 ile kullanılabilir olacak.

Audio ve video tag’leri desteklenecek.
Siteler arasında sürükle ve bırak (drag & drop) özelliği etkin olacak.

CSS cephesinde gelişmeler

@font-face desteklenecek. Sitelerdeki font’lar ziyaretçilerin bilgisayarlarına indirilip siteler her font ile sorunsuzca görünebilecek.
::before ve ::after geliştirilecek
media sorgulamaları geliştirilecek
-moz-opacity desteği kalkacak. opacity özelliği eklenecek
text-shadow ile yazıları gölgelendirme desteklenecek
word-wrap özelliği eklenecek
ziyaretçinin bilgisayarında tanımlanan link bilgilerine ulaşım için -moz-nativehyperlinktext desteği gelecek
-moz-window-shadow desteği gelecek
-moz-transform desteği gelecek

devamını oku »

ilgili yazılar

bu yazı basarozcan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. kaynak gösterilmeksizin kopyalanamaz.

etiketler: font, mozilla, css, video, javascript, firefox, audio, html, js, dom, standart, css3, html5, json, sürükle ve bırak, drag and drop, opacity, font face, geolocation, firefox 3.5, css2.1

Etiketler: 3.5, AJAX Sunucusu, Aptana Jaxer, Aptana Studio, Audio, Bir, CSS, destei, F REFOX UZATMASI T C KU, firefox, HTML, Html Dom, html5, iDaha, ile, lecekMozilla, Notlar, siteler, Sitelerdeki, Web

0

KDE 4.2.2 Cano Duyruldu!

Tarih: Çarşamba, Nisan 15, 2009 Kategori: Teknoloji

KDE Topluluğu’nun 2 Nisan 2009 tarihinde yayınladığı, sayısız hata düzeltmesi, performans iyileştirmesi ve çeviri güncellemesini içeren son kararlı sürümü KDE4.2.2 yayınlandı. KDE Topluluğu bu son sürümün kod adını “Cano” olarak belirledi.

KDE4.2′nin aylık güncellemesi olarak yayınlanan “Cano”, bizlere en güçlü, en gelişmiş ve ücretsiz yeni nesil masaüstü çalışma ortamının son halini sunuyor. KDE4.2.2 sürümü, masaüstü çalışma ortamı ile birlikte ağ araçları, eğitim uygulamaları, program uygulamaları, multimedya yazılımları, oyunlar, sanatsal işler, geliştirme araçları ve daha fazlasını bizlere sunuluyor. Ve bu sürüm ile birlikte KDE’nin ödüllü araç ve programları 50′den fazla dili destekliyor.
Bu servis sürümünde yapılan güncellemeleri daha detaylı olarak bu adresten inceleyebilirsiniz.

KDE4.2.2 “Cano” ‘da , kullanıcılar açısından en önemli bazı düzeltmeler şunlardır:

KRunner İstikrar düzeltmeleri: Krunner arama sonuçları şimdi olası çıkmazlara karşı daha çok güvenli.
KMail performans geliştirmeleri: Önbellekteki IMAP e-posta hesapları ile senkronizasyon şimdi daha hızlı, değişken numaraladırma ile daha pürüzsüz bir e-posta okuma sağlar.
Hata çözümleri, performans geliştirmeleri ve KHTML olarak iyileştirme: İyileştirilmiş metin görüntüleme, daha da geliştirilmiş CSS seçici desteği.

Bu son sürüm ile daha kararlı ve güvenli bir masaüstü ortamı oluşturma yolunda kararlı adımlar ile yürüyen KDE4, Pardus 2009 yolundaki temel taşlardan birisi olacak. KDE masaüstü ortamında yapılan tüm iyileştirmeler Pardus 2009 yolundaki geliştirici ekibimize de daha kararlı bir Pardus sürümü çıkarmalarını sağlayacaktır. KDE Topluluğuna bir kez daha teşekkür ediyoruz.
Kaynak: kde.org

Etiketler: Bir, Bu, Cano, CSS, Daha, Hata, ile, IMAP, Kaynak, KDE, KDE Pardus, KDE Toplulu, KHTML, KMail, Krunner, Nisan, Pardus, srm, Ve

0

Kurumsal Websiteleri Hakkında 10 Acı Gerçek

Tarih: Çarşamba, Nisan 15, 2009 Kategori: Teknoloji, İnternet Haberleri

Hepimiz web sitelerimizi yönetirken hata yaparız. Ancak bu hataların doğası kurumunuzun büyüklüğüne göre değişir. Şirketiniz büyüdükçe, hatalar da değişecektir. Bu makale büyük boyutlu kurumların web sitelerinde karşılaşılan hataları incelemektedir.

Birlikte çalıştığım müşterilerin pek çoğu büyük boyutlu kurumlardır: Üniversiteler, büyük vakıflar, kamu sektörüne ait kurumlar ve büyük şirketler. Geçtiğimiz 7 yıl süresince bu kurumlarda sürekli tekrar eden yanlış fikirlere rastladım. Bu makalede bu yanılsamaları kaldırmayı ve insanları acı gerçekle yüzyüze getirmeyi planlıyorum.

Eğer bu yazıyı okuyorsanız, zaten burada listelenecek problemlerin de farkındasınızdır. Ama umarım bu makale, şirketinizdeki diğerlerini ikna etmenize yardımcı olacaktır. Her durumda, web siteleri ve büyük boyutlu kurumlar hakkında 10 acı gerçekle yazımıza başlayalım.

1. Ayrı Bir Web Bölümüne İhtiyacınız Var

Pek çok şirkette web siteleri, ya pazarlama ya da BT birimleri tarafından yönetilmektedir. Ancak bunun sonucunda web siteleri kaçınılmaz olarak şirket içi politikaların bir parçası haline gelmektedir.

Gerçekte, bir web stratejisi için baskı yapmak bu her iki grubun da işi değildir. BT belki karmaşık sistemler oluşturmak için çok yetenekli olabilir, ancak bu, onların kullanıcı dostu bir web sitesi oluşturabilecekleri ve bir çevrimiçi kimlik yaratabilecekleri anlamına gelmez.

Zeldman, kurumların ayrı bir web birimi sahibi olmalarını telkin ediyor.

Öte yandan pazarlama biraz daha iyidir. Zira Jeffrey Zeldman’ın da makalesinde Bırakın web birimleri olsun makalesinde belirttiği gibi:

Web bir diyalogdur. Pazarlama ise tam aksine monologdur. Ardından tüm o semantik kodlama, CSS, zarar vermeyen betikleme, kart dizme egzersizleri, HTML çalışmaları, kullanıcıları erişilebilirliğe dahil etmek ve pazarlama birimlerinin ilgi ve yetenek alanına girmeyen daha pek çok ince ayrıntı gelecektir.

devamını oku »

ilgili yazılar

bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. kaynak gösterilmeksizin kopyalanamaz.

etiketler: tasarım, kurumsal, web, web tasarım, web design, web tasarımı, marka, kurumsal kimlik, brand, web site, website, web sitesi, web site design, branding, kurum, brand value, website düzenleme, marka imajı, marka stratejisi, kurumsal tasarım, website management, website yönetimi, web sitesi düzenleme, web sitesi yönetimi, design management, web tasarımı yönetimi, kurumsal web sitesi, marka kimliği

Etiketler: Ama, Ancak, Ard, AT T Logosu, Ayr Bir Web B, Bir, birlikte, BT, Bu, Bulutlar, CSS, Dersi, Desen, Ge, Ger, Harika Olan Teknoloji, Hepimiz, HTML, Mavi G, pazarlama, Pek, Photoshop Web Site Tasar, sitesi, tasarm, Var, Web, Web Tasar, Zeldman, Zira Jeffrey Zeldman'

0

css link uygulamaları

Tarih: Salı, Nisan 14, 2009 Kategori: Teknoloji, İnternet Haberleri

her ne kadar fazla sitede rastlamasak da site içerisindeki bağlantıların çeşitli biçimlerde gösterilmesi mümkün. daha önce CSS ile linkleri simgeleştirmek yazısında işlenen konuda olduğu gibi… şuradaki kaynakta ise sitenizden verdiğiniz bağlantıların nasıl daha fazla açıklayıcı ve kullanılabilir olacağına dair bazı teknikler verilmiş.

dosya tipini ikon şeklinde göstermek

önizlemede de görüldüğü gibi ziyaretçi bir bağlantıya tıkladığı zaman ne türde bir sayfanın açılacağını önceden biliyor. dolayısıyla adres çubuğuna bakıp sayfa türünün ne olduğunu kestirmeye çalışmasına gerek kalmıyor.
sayfanın dilini göstermek

site yapımcıları tarafından kullanımı yaygın olsa okuyucuyu az da olsa zahmetten kurtaracak bir uygulama.

devamını oku »

ilgili yazılar

bu yazı bakiyyebemolu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. kaynak gösterilmeksizin kopyalanamaz.

etiketler: tasarım, css, bağlantı, link, css kod, simge link, ikon link

Etiketler: CSS, Farkl, iin, link, linkler, Web

0

CSS ile şekil çizmek çok kolay!

Tarih: Salı, Nisan 14, 2009 Kategori: Teknoloji, İnternet Haberleri

Tasarımlarımızı XHTML ve CSS’e geçirirken bazen çok basit şekilleri bile kimi zaman resim olarak kaydederek tasarımlarımıza ekliyoruz. Oysa bu davranış bize ekstra bir “http isteği” olarak dönmüş oluyor. Daha önce CSS Sprite’ların kullanım alanları yazımda bu istekleri azaltarak performansı nasıl yükselttiğimiz konusuna az da olsa değinmiştim. Bu yazıda ise minik ve basit resim dosyalarından kurtularak http isteklerini minimum düzeye çekecek ve sitelerimizin performansını arttıracak. Pingdom ile performansınızı ölçmeniz mümkün.

Dertlere derman css border
Başlıktan da anlayabileceğiniz gibi bu şekilleri çizmek için elimizdeki en önemli özellik border olacak. İstediğiniz şekli çizmek için border’ları solid yapmalı ve genişliklerini ayarlamalıyız.
Şimdi ufak bir örnekle border’ları nasıl ayarlamamız gerektiğini görelim.

.cisim{ width:0; height:0; line-height:0; border-top: 50px solid magenta; border-right: 100px solid green; border-bottom: 100px solid red; border-left: 50px solid yellow; }

<span class="cisim"></span>

farklı renkteki border’lar

Burada rahatlıkla görebilmeniz için border değerlerini çeşitli renklerde tanımladım. Boyutsuz olan span elemanının etrafında üçgensel olarak 4 farklı bölge oluşuyor. İşte bu bölgeleri kullanarak çeşitli dörtgenler, içbükey çokgenler ve üçgenler çizerek tasarımlarımızı tamamlayacağız.

devamını oku »

ilgili yazılar

bu yazı basarozcan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. kaynak gösterilmeksizin kopyalanamaz.

etiketler: tasarım, resim, imaj, istek, css, design, xhtml, image, performans, html, sprite, shape, şekil, http, pingdom, border, request, http request

Etiketler: Bedava Css Templateler, borderBa, Boyutsuz, Bu, Burada, CSS, CSS Sprite, CSS Sprite'lar, csse, Daha, Dertlere, http, iin, Online Blog Tema Olu, Oysa, Photoshop Custom Shape Kayna, Pingdom, Siz, solid, Tasar, Web Tasar, XHTML, XHTML Mutfa

0

25+ Web 2.0 Oluşturucusu

Tarih: Cuma, Nisan 10, 2009 Kategori: Teknoloji, İnternet Haberleri

Bazen müşterilerinizin bir gün içerisinde sonucunu görmek istediği projeler ile karşılaşabilirsiniz. Eğer siz de çabucak çizgili arkaplan, bir CSS menüsü ya da web 2.0 damgasına ihtiyaç duyuyorsanız, o zaman bu tip elementleri otomatik olarak oluşturabilen web tabanlı araçlar bazen zamanınızın dar olduğu anlarda hayat kurtarıcı olabilirler. Özellikle son dönemlerde bu tip otomatik oluşturucular, üzerinde çalıştığım bir fotoğraf galerisinde çok yardımcı oldular. Belki de siz her şeyi sıfırdan oluşturmayı seven bir tasarımcı olabilirsiniz. Ancak bu araçlar, ihtiyacınız olduğu zamanlarda kullanabileceğiniz, her zaman el altında bulunması gereken araçlar olarak yer imleriniz arasındaki yerini almalı.

1. Web 2.0 Oluşturucusu

Artık web 2.0 çağındayız. Bu web 2.0 geliştiricisi sayesinde yuvarlatılmış köşelere sahip XHTML/CSS anahatları oluşturabillirsiniz. Daha ne istersiniz ki? Sitenin oluşturduğu XHTML kodu ayrıca doğrulanabilir. Dilediğiniz renkleri seçebileceğiniz bu uygulama aracılığı ile sadece birkaç dakika içerisinde anahattınızı oluşturabilirsiniz.

devamını oku »

ilgili yazılar

Web2.0 Yazı Tipleri İster Misiniz? (8)
web 1.0′dan web 2.0′a geçiş için 12 yol (8)
Bir Web 2.0 Logosu Nasıl Çizilir? (22)
vectips (2)
web 2.0 a ölüm (16)
web 2.0 logo fontları (0)
Web 2.0 logonuz (17)
Popüler Online generatorlar (3)
Web 2.0 Stilinde Tab Menü (5)

bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. kaynak gösterilmeksizin kopyalanamaz.

etiketler: web 2 0 logo, web 2.0, web 2.0 style, web 2.0 logo, web 2.0 yazı tipi, web2.0 logo, web 2.0 tasarım ücretsiz araç, web 2.0 kaynak, web 2.0 font, web 2.0 demos, web2.0 tasarım, web 2.0 butonlar, web 2.0 ikonlar, web 2 0 background, web 2.0 araçları, web 2.0 en iyileri

Etiketler: Ancak, Art, bazen, Belki, Bir, Bir Web, Bu, CSS, Daha, Diledi, logo, Logosu Nas, Misiniz, Olu, Online, Pop, Sitenin, Stilinde Tab Men, Web, XHTML, XHTML CSS, Yaz Tipleri

0

Muhteşem sosyal ağ ikon setleri

Tarih: Cumartesi, Nisan 4, 2009 Kategori: Bilgisayar

Sosyal ağlar ve çeşitli internet sitelerine ait şaşırtıcı ve yaratıcı 30 icon seti. speckyboy.com blogunda arkadaşımız toplamış bunları. Ve eğer gözümden kaçan bir simge seti varsa bunlar bana mail yolu ile iletin demiş.