bildirgec.org - etiketler: css

Bedava css temalar, neden bedava ?

uzaybiti — Tue, 22 Mar 2011 09:34:00 GMT

Bedava xhtml-css tasarımları var bol miktarda. Ve de bu işin ehli kişiler tarafından yapılmış. Ayrıca bedava... Peki, neden bedava bunlar. Babasının hayrıca kimse bir şey yapmıyor!

Bu yazı uzaybiti tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

youtube ile web tasarım ve programlama öğrenmek

biodiscover — Mon, 14 Mar 2011 15:14:00 GMT

Youtube'da hemen hemen her konuya yönelik o kadar çok video var ki, say say bitmez desek yeridir. bu yazımızda sizlere youtube ile web tasarımı ve programlamayı öğrenebileceğiniz video kaynaklarını paylaşacağım.

1. thenewboston

Birçok web tasarımı ve programlama dilleriyle ilgili öğretici videoları bulunduran kullanıcımızın bu yönüyle Yotube'da çok etkin olduğunu görüyoruz. CSS, Java, PHP, 3Ds Max, Photoshop, Python ve dahasını Youtube'daki sayfasında bulabilirsiniz. (ve dahasını da.)

2. DreamWeaverTutorial

Bu kullanıcımız, ağırlıklı olarak HTML, CSS ve jQuery ile ilgili video paylaşımlara yer vermiş.

3. tomrogers123

Bu oldukça genç kullanıcımız, web tasarımı ile ilgili işe yarayabilecek paylaşımlarda bulunmuş. Ayrıca yeni çıkan donanımlarla ilgili görüşleri, izlenmeye değer.

4. onlivegamer

Oyun meraklısı bu kullanıcımızın Youtube sayfasında ise ağırlıklı olarak Visual C ve Java videoları mevcut.

5. teachmecomputer

VB.NET öğrenmek isteyenler bu kullanıcımızın paylaştığı videoları izleyerek işe başlayabilirler. Internet marketing ile ilgili videolar mevcut.

6. zoom1177

ASP.NET ve SQL Server ile ilgili videoları paylaşan kullanıcımızın "C# from A to Z" serisini kaçırmamanızı öneriyoruz.

7. createthenet

HTML, CSS ve JavaScript ile ilgili videoların yanında, örnek site ve menü uygulamaları da mevcut.

8. nettuts+

Nettuts+'da yer alan videolara buradan da ulaşabilirsiniz.

9. googledevelopers

Google'ın I/O toplantılarının ağırlıklı olarak yer aldığı bu sayfada web programlama ile ilgili yararlı içerikler mevcut.

şimdilik paylaşmaya uygun bulduklarım bunlardan ibaret. tabii youtube'daki bu eğitici videoların daha fazlasını youtube'un arama aotorunu kullanarak erişebilirsiniz.

ilgili yazılar

Aptana Studio 1.0 (12)
HTML5 Efektleri (11)

Bu yazı biodiscover tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

CSS wrapper'ın konumunu ayaralama

turkuas — Mon, 21 Feb 2011 15:05:00 GMT

merhaba,

küçük bir başlangıç sayfası hazırlıyorum; bölümdeki arkadaşlarımda kullanıyor bu sayfayı. sayfa tasarımını yeniledim birkaç gün önce. eski tasarımda üstte bir başlık yer alıyordu. sayfa boyundan kazanmak için css kullanarak bu başlığı bir wrapper ile düşey olarak sayfamın soluna yerleştirdim.

wrapper'i aşağıdaki gibi biçimlendirdim.

float: left; margin-left: 192 px;

PC'min 1280x1024 çözünürlükteki ekranında sayfayı sorunsuz olarak görüntüleyebiliyorum.

ancak ekran çözünürlüğü değiştikçe sayfa başlığı farklı yerlerde çıkıyor.

192 px'in çözünürlüğe göre değişken olması lazım. formülümü de hazırladım.

margin-left = ((ScreenWidth - 852)/2)-65

şeklinde olmalı.

CSS'de position:absolute ve expression özelliği ile bu marjini tanımlıyorum; ama başlık sola yapışık olarak görünüyor.

margin-left: expression(((document.body.clientWidth-852)/2)-65);

nasıl çözebilirim bu sorunu?

Bu yazı turkuas tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

8 css3 sitesi keşfedelim

silver530 — Thu, 17 Feb 2011 10:04:00 GMT

1 - css3.com

css3 'ün resmi sitesi. css3'ün referans rehberini bulabileceğiniz ve blog tarzında css3 örneklerinin yayınlandığı sade bir site.

css3.com

2 - css3please

css3 kodları tarayıcıdan tarayıcıya farklılık göstermektedir. bu site de css3 ile yapılabilecek bir görsellik için hangi tarayıcıda hangi kodun çalıştığını gösteren çok pratik bir site.

css3please

3 - css3generator

çok hızlı bir şekilde css3 kodu oluşturabileceğiniz son derece kullanışlı bir site. listeden eklemek istediğiniz css3 özelliğini seçdikden sonra piksel ve renkdeğerlerini girmeniz yeterli. her tarayıcı için gerekli kodları site bizim için oluşturuyor.

css3generator

4 - w3schools

web programcılığı konusunda en çok bilinen sitedir. tam bir referans kaynağıdır. adım adım css3 öğrettiği için tercih edilebilr.

w3schools

5 - css3.info

tasarımıyla dikkat çeken bu sitemizde blog tarzında yapılmış. css3 açısından çok zengin bir kaynak. css3 hakkında herşeyin kendilerinde bulunduğunu slogan olarak geçiyorlar.

css3.info

6 - css3watch

biraz karışık olmasına karşın incelenebilir.

css3watch

7 - w3.org

web konusunda standartları belirleyen kurumun resmi sitesi. css3 konusunda standartla bakılabilir.

w3.org

8 - westciv

kaydırma çubukları sayesinde çok hızlı bir şekilde css3 kodları oluşturabileceğiniz kullanıcı dostu arayüzüyle ve iyi tasarımıyla başarılı ve benim gibi keşfedenlerinin vazgeçemediği bir harika.

westciv

popüler yazılarım:

en popüler 15 facebook uygulaması

en popüler 20 forum sitesi

seo - temel kurallar

wordpress için gravatar

ilgili yazılar

Bu yazı silver530 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Programlama Dilleri

erdem07 — Mon, 24 Jan 2011 08:12:00 GMT

Üyelerin programlama dilleri ile ilgili bilgi alışverişinde bulunduğu programlama sitesi.

programlama

Programlama Dilleri

ilgili yazılar

Bu yazı erdem07 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Hızlı web uygulamaları oluşturmak için

mtkocak — Mon, 10 Jan 2011 11:08:00 GMT

İnternette çalışacak web uygulamaları yapmak, ya da portalınız için bir çerçeve oluşturmanın zorluğunu hepimiz biliyoruz. Şablonu oluşturursun, jquery bozulur, css'i eklersin, her browserda farklı görünür.

Radsis

Jquery, Blueprint 960 CSS framework, JqGrid, Fullcalendar gibi web ekletilerini bir arada yürütmek ve onları bir arada tasarım içerisine almak çok zordur. Bu yüzden artık bütün bu parçaların ahenkle çalıştığı ve rapdi prototyping yapmaya izin veren bir web uygulaması paketi var! Radsis Webapp Framework

Geleceğin Türk Facebook'ları için hazırlandığını iddia eden bu pakette:

Jquery (JavaScript Kütüphanesi)
Jquery UI (Jquery Kullanıcı Arabirimi)
JqGrid (Jquery için Excel tabloları)
FullCalendar (Web uygulaması için Javascript takvimi)
Blueprint 960 CSS sistemi

ve daha bir çok özellik çalışır şekilde kuruluma hazır bulunmakta.

Blueprint CSS

Tek yapmanız gereken indirip yüklemek. Açık kaynaklı olduğu için de tüm değişikliklere kaynak belirtilmesi halinde açık.

CakePHP

CakePHP kullanıcıları için özel not: Yüklemek için tüm yedeklerinizi aldıktan sonra app/webroot klasörüne kopyalamanız yeterli, default.ctp'nize js ve css'leri ekleyin.

Bu yazı mtkocak tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

JQuery tabanlı Zengin Metin Editörleri

KAghast — Fri, 24 Dec 2010 10:34:00 GMT

Web projelerinde kullanıcı tabanlı içerik üretebilmek için gerekli en önemli araçlardan biri yazı alanlarıdır. (textarea)
Kullanıcının kendini daha iyi ifade edebilmesi için de bu yazı alanlarını özelleştirmeniz ve zenginleştirmeniz gerekmektedir. Çünkü kullanıcı bu alanları verimli kullanabilmek için gerekli temel bilgiden yoksun olarak kabul edilir. Zaten hedef kitlenin de böyle bir ön bilgiye sahip olması beklenemez.

İşte bu noktada WYSIWYG prensibine göre geliştirilmiş zengin metin editörleri (RTE - rich text editor) yardımınıza koşar.
Bu zengin metin editörleri; yani RTE'ler, temel olarak HTML etiketi textarea'yı özelleştirir. Javascript destekli olarak bu alan için bir iframe yaratır ve çeşitli ön tanımlı araçlarla size bir metin editörü hazırlar. Böylece kullanıcı gerçek bir metin editörü kullanıyormuş gibi biçimlendirilmiş yazı girebilir.
Artık geliştirilen projelerde JQuery'nin vazgeçilmezliği ortada olunca ben de sizler için güncel popüler JQuery tabanlı metin editörlerini bir araya toplamak istedim. Böylece JQuery destekli projelerinizde başınızı ağrıtmadan kolay ve hızlı bir şekilde metin editörü ekleyebileceksiniz.

MarkitUp

Resmi Web Sitesi | Demo

Kendini gelişmiş bir editör olarak lanse etmeyen MarkitUp; hafif, hızlı adapte edilebilir bir editör olarak yorumlamakta.

Editör'ün özellikleri:
hızlı ve kolay adapte entegrasyon
klavyeden kısayol ile kullanabilme desteği
Ajax ile dinamik ön izlenim
Desteklediği Browser'lar: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.
Lisans: MIT/GPL

jWYSIWYG

Resmi Web Sitesi | Demo

WYSIWYG editöründen fazla bir beklentiniz yoksa jWYSIWYG tam size göre o zaman. En temel metin editörü özelliklerini barındırmakta. Fakat önemli bir nokta, bu metin editörünün geliştirilmesi durdurulmuş. O nedenle ileriye dönük çok fazla bir beklentiniz olmaması gerekmekte.

Editör'ün özellikleri:
Lisans: GNU General Public License v2
Kompakt ve hafif
Ajax ile dinamik ön izlenim
Browser dostu yapı

Lightweight RTE

Resmi Web Sitesi | Demo

Hızlı, pratik ve adı gibi çok hafif bir metin editörünü. Projenize çok kolay bir şekilde adapte edebilir ve kullanmaya başlayabilirsiniz.

Editör'ün özellikleri:
Süper ötesi hafif (sıkıştırılmamış hali bile 7kb)
Güncel browser'lar ile uyumlu
Lisans: GNU General Public License

HTMLBox

Resmi Web Sitesi | Demo

Şu ana kadar bahsettiğim en gelişmiş editör. Tamamen JQuery kütüphanesine dayalı bir yapı ile güncel browserların hemen hemen hepsini destekliyor. Büyük kapsamlı projelerinize bile entegre edebilirsiniz.

Editör'ün özellikleri:
Kolay entegrasyon.
Güncel browser'lar ile uyumlu
Ufak boyutlu (15kb civarı)
XHTML çıktı alabilme
Ajax ile entegrasyonu desteklemekte
Kapsamlı bir kullanım kılavuzu

D Small Rich Text Editor

Resmi Web Sitesi | Demo

Bir çok RTE göre farklı bir mantıkla çalışan ve bir metin editörünün sahip olması gereken tüm fonksiyonları yerine getirebilen başarılı bir editör.

Editör'ün özellikleri:
Ufak boyut (yaklaşık 18kb)
Güncel browser'lar ile uyumlu
temel tüm RTE özelliklerine sahip
Plug destekli
AjaxFileUpload plugin'ini kullanıldığı takdirde resim yükleyebilme
Metin kutusunu tekrardan ölçeklendirebilme
editör içersinde düzenlediğiniz metinler XHTML kurallarına uygun

WYMEditor

Resmi Web Sitesi | Demo

Benim de çok sevdiğim ve başarılı bulduğum bir RTE editör. JQuery kütüphanesini en verimli kullanan editörlerden bir tanesi. Ayrıca tanımladığınız CSS class ve style'larını görebilmekte. O nedenle kullanıcı içerik girerken kontrol altına alabilmeniz için gerekli tüm araçları sunmakta.

Editör'ün özellikleri:
XHTML ve CSS ile uyumlu çıktı üretebilmekte
Yazı tipi, boyutu ve rengi müdahalelerine kapalı - (WYMeditor CSS tabanlı bir editördür.)
Hızlı ve kolay entegrasyon ayrıca kolay özelleştirebilme (CSS tabanlı arayüz özelleştirebilme)
Resim, link, tablo desteği
APIs ve plugin desteği mevcut
Açık kaynak
Güncel browser'lar ile uyumlu

Kaynak

ilgili yazılar

Bu yazı KAghast tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

JQuery Online Test Et

self respect — Fri, 26 Nov 2010 16:15:00 GMT

Bir editöre ihtiyaç duymadan hem CSS,HTML ve JavaScript bir yerde yazıp test edebilir. İstediğiniz gibi çalışıp çalışmadığını kontrol edebilirsiniz.

piotr zalewa tarafından kodu ve oskar krawczyk tarafından tasarlanan JSfiddle
Hızlı kod yazmak isterseniz denemenizi tavsiye edebilirim. Yan tarafta önceden yüklü olması gereken kütüphaneleri seçip işlem yapabiliyorsunuz.

Dört bölümden oluşuyor. CSS kısmı, Html kısmı, Javascript kısmı ve bunların gösterildiği browser gibi bir yer orada yaptığınız tüm değişiklikleri hemen görebilir sonra istediğiniz yere aktarabilirsiniz.

Örnek uygulama için buradan

ilgili yazılar

Online HTML,CSS ve JS Editorü JsBin (0)

Bu yazı self respect tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

30 adet ilham verici menü tasarımı

dextarus — Thu, 25 Nov 2010 12:17:00 GMT

Menü bir web sitesi için vazgeçilmezdir. Yatay olsun, dikey olsun, minimalist veya sadece düğmelerden oluşsun bir menüde aranan her zaman anlaşılabilir ve ulaşımının kolay olmasıdır.
Bu yazımda ilham veren menüleriyle sitenizi tasarlarken sizlere fikir verebilecek siteleri tanıtacağım.
Cognition

Justdot

AppTank

Desina

Teixido

rule.fm

Hello. What do you want?

Pline Studios

the horizontal way

Old Pulteney Row to the Pole

Suie Paparude

jasonlove.com

Flipboard

ilgili yazılar

Bu yazı dextarus tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Kasım 2010'un En Popüler CSS3 Dersleri

angelsdemos — Sat, 20 Nov 2010 08:55:00 GMT

CSS3'ün ürün yelpazesinin gelişmesi web tasarımcılara önemli bir katkı sağlamakta. Farkı görsel ögeleri ve göze hitap eden farklı tasarımlar oluşturlan CSS3 gelişmeye devam etmekte. Kasım ayını geride bırakırken sizin için bu ayın en iyi CSS3 Dersleri derledik. Birçok farklı uygulamanın detaylı olarak nasıl yapılabildiğini öğrenebilir ve tüm bu uygulamaları kullanabilirsiniz.Kasım 2010'un En Popüler CSS3 Dersleri:

Making Better Select Elements with jQuery and CSS3
(CSS3 ve jQuery ile Daha İyi Bir Seçim Elemanı Yapın)

CSS3 Animated Bubble Buttons
(Kabarcık Butonlar)

Build a simple portfolio image gallery with CSS3
(CSS3 ile Basit Portföy Resim Galerisi Yapımı)

Create a fancy web form with field hints using only CSS3
(CSS3 Kullanarak Web Formları için Süslü İpuçları Oluşturma)

Twitter-style login with jQuery & CSS3
(CSS3 ve jQuery ile Twitter Tarzı Giriş)

CSS3 Transitions?
(CSS Geçişleri)

Create a Flip Effect by Using CSS3
(CSS3 ile Çevirme Efekti)

CSS3 Slideup Boxes
(CSS3 Slideup Kutuları)

CSS gradients - quick tutorial
(CSS Gradyanlar - Hızlı Ders)

BonBon Buttons
(BonBon Butonlar)

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage