CSS ile yazılarınızı büyültün veya küçültün
Normalde php veya javascript ile yapabileceğiniz yazıların hepsini büyültme veya küçültme işlemini CSS ilede yapabilmeniz mümkündür bunun için yapmanız gereken;
Yazıları Büyütmek için:
p {
text-transform:uppercase;
}
Yazıları Küçültmek için:
p {
text-transform:lowercase;
}

Henüz yorum yapılmamış
Henüz geribildirim yok
20 adet bedava CSS3 kod üreteci
yaklaşık 1 ay önce - Yorum yok
Okunma Sayısı : 424
CSS3′ün en büyük sorunlarından biri birden fazla tarayıcıda çalışmasını sağlayabilmektir. bu şu anlama geliyor: en basitinden bir gölge efekti verebilmek için çapraz tarayıcı uyumlu bir şekilde kod yazmanız gerekiyor.
bu yazıda ise basit kullanıcı arabirimleri ile tamamen özelleştirilebilir kodlar üretebileceğiniz CSS3 araçları yer almaktadır.
CSS3 Generator
Efektlerin hepsini tamamen özelleştirebileceğiniz ve popüler CSS3 özellikleriden istediğinizi More >
Harikulade CSS3 Tekniklerinden Bir Demet!
yaklaşık 3 ay önce - Yorum yok
Okunma Sayısı : 739
Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.
Devamı ve kaynak için : algoz – bildirgec.org
jQuery ve CSS kullanarak otomatik tamamlama yapımı
yaklaşık 3 ay önce - 1 yorum
Okunma Sayısı : 737
HTML
<h3>Enter Name : </h3>
<div id="auto_box">
<input type="text" />
<div class="list_name none">
<p>Prashant</p>
<p>Arun</p>
<p>Sunny</p>
<p>Girish</p>
<p>Vikas</p>
<p>Raghubir</p>
<p>Sameer</p>
<p>John</p>
<p>Steve</p>
<p>Ember</p>
<p>Nichole</p>
<p>Tom</p>
</div>
</div>
jQuery
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
$( function() {
$(‘#auto_box input’).bind(‘keyup’,function( e ){
if( e.keyCode == 40 ) {
if( $( ‘.highlight’ ).length < 1 ) {
$(‘.list_name p:first’ ).addClass( ‘highlight’ );
} else {
if( $( ‘.highlight’ ).next().length < 1 ) {
$( ‘.highlight’ ).removeClass( ‘highlight’ );
$(‘.list_name p:first’ ).addClass( ‘highlight’ );
} More >
Çevirimiçi kod düzenleyicileri
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 141
Bir programcı olarak çoğu zaman dışarıda olduğum zamanlar kod düzenlemek durumda kaldığım çok oluyor. Bu tür durumlarda en büyük yardımcım notepad olmaktadır. ama komutların yazım şekilleri ve parametleri açısından gelişmiş düzenleyiciler kullanmak herzaman kolaylık sağlamaktadır. işte olmadık yerde düzenlemeler yapabilmeniz için çevirimiçi düzenleciler…
Amy Editor
amy, 2007 yılında Petr More >
CSS3 ile buton yapımı
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 228
Pretty CSS3 Buttons
A Sexy Button Using CSS
Radioactive Buttons with CSS Animations and RGBa
Sexy Buttons
Cool Overlapped Menu using Sprites
Super Awesome Buttons
Fancy Buttons
Kaynak(Source)
CSS kılavuzları
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 191
CSS Cheat Sheet (V2)
CSS Shorthand Cheat Sheet
Colorful CSS Shorthand Cheat Sheet
CSS Cheat Sheet
CSS2 Reference Guide
52Framework
yaklaşık 7 ay önce - Yorum yok
Okunma Sayısı : 109
Bir çok modern tarayıcının desteklediği CSS3 ve HTML5 kullanmaya başlayanlar için kolaylık sağlayan bir framework.
HTML5
52Framework, çok hızlı bir HTML5 desteği sağlamaktadır. HTML5 daha temiz kodlama imkanıyla büyük avantajlar sunmaktadır. Başlıca desteklediği header, nav, section, article ve footer HTML5 taglarının yanı sıra daha bir çok tag desteklemektedir.
CSS3
Dünyadaki bir çok web tasarımcısı CSS3′ü uzun More >
CSS ve kısa yazım teknikleri
yaklaşık 7 ay önce - 1 yorum
Okunma Sayısı : 139
CSS kodları bazen gereğinden fazla uzayabiliyor. En azından birkaçını kısa yazabilmemiz mümkün. Aşağıdaki bu kodları örnekleri ile görebilirsiniz.
Background
Normal yazım:
Kısa yazım:
Padding
Normal yazım:
Kısa yazım:
top, right, bottom, left şeklinde yazılır. Saat yönünden aklınıza gelebilir.
Border
Normal yazım:
Kısa yazım:
Font
Normal yazım:
Kısa yazım:
Margin
Normal yazım:
Kısa yazım:
top, right, bottom, left şeklinde yazılır. Saat yönünden aklınıza gelebilir.
Outline
Normal yazım:
Kısa yazım:
Color
Normal yazım:
Kısa yazım:
renk rgb veya More >
jQuery ve CSS animasyonlu navigasyon menüleri
yaklaşık 7 ay önce - Yorum yok
Okunma Sayısı : 385
CSS & jQuery ile animasyonlu menü
Demo Yapılışı
jQuery ile yumuşak animasyonlu menü nasıl yapılır?
Demo | Yapılışı
jQuery ve CSS ile güzel bir navigasyon menü
Demo | Yapılışı
jQuery ile resim animasyonlu menü
Demo | Yapılışı
Kaynak(Source)
jQuery Sexy DropDown Menu
yaklaşık 8 ay önce - Yorum yok
Okunma Sayısı : 137
Çoğu çalışmalarımızda gerekli olan DropDown menü jQuery ile dahada basit hale gelmiştir. 3 adımda aşağıdaki örnekteki gibi yapabilirsiniz. İşinize yarayacağını düşünüyorum.
Adım 1 : HTML
HTML tagları ile menümüzün başlıklarını oluşturuyoruz.
<ul class="topnav">
<li><a href="#">Home</a></li>
<li> <a href="#">Tutorials</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li> <a href="#">Resources</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<li><a More >


















