CSS,Javascript ve birazda Web Programlama :)
CSS’de Position:Relative ve Position:Absolute Hakkında
Web Deneyimleri blogunda CSS’de Position özelliği ve Position:Absolute, Position:Relative değerleri hakkında çok anlaşılır ve temiz bir makale buldum. Okumak için böyle buyrun.
Henüz yorum yok.
Geri Bildirim yok
Google Api ve Araçları & Google Apis & Tools
03 Temmuz 2009 - 13:58
Kategori Genel, Javascript, Tasarım | Yorum yok
Google‘ın geliştiriciler için hazılamış olduğu onlarca API ve aracı bulunmakta. Bu API ve araçlar sayesinde özellikle web uygulamalarınıza bir kaç satırlık kod ile Google’ın oldukça kullanışlı servislerini ekleyebilirsiniz. Üstelik ücretsiz.
Google’ın bundan kazancı ise şu: bu api ve araçlar geliştiriciler tarafından ne kadar çok kullanılırsa, google’ın interneti etkileme gücü de o derece artıyor.
Makalenin devamı ve tüm [...]
Transparan Png Desteği (CSS Png Fix)
komodomedia blogundaki CSS PNG Image Fix for IE başlıklı makalede Internet Explorer için transparan png resim desteği konusunda kullanılışı ve uygulanışı gayet bir CSS tekniği anlatışmış.
var addthis_pub = ’sdtkmc’;
var addthis_language = ‘en’;var addthis_options = ‘email, favorites, google, facebook, live, digg, delicious, myspace, reddit, more’;
CSS ile Resim Kullanmadan Oval Kenarlık Yapmak
Sayfalarımızda CSS ile oval kenarlıklı kutucuklar yapmak için genelde resim destekli metodlar kullanırdık. Fakat CSS’im Benim blogundaki CSS ile Resimsiz Yuvarlak Köşeler başlıklı yazıyı okuyunca sevindim. Burada hiç bir grafik kullanmadan salt css ile yuvarlak köşeli kutular yapabilmekteyiz.
var addthis_pub = ’sdtkmc’;
var addthis_language = ‘en’;var addthis_options = ‘email, favorites, google, facebook, live, digg, delicious, myspace, reddit, more’;
CSS ile Hızlı ve Etkileyici Tablolar Hazırlamak
Web tasarımcılar ve web geliştiriciler div‘lerle çalışmaya başladıktan sonra table kullanımı önemli ölçüde azaldı. Fakat yinede eski emektar tablolar olmadanda olmuyor.
Smashing Magazine blogundaki Top #10 Express CSS Table Designs makalesinde CSS ile hızlı ve etkileyici tablolar hazırlama konusunda 10 örnek verilmiş. Konuyu bilsek bile bilgilerimizi tazeleme ve görüş açımızı genişletmek için bile okumakta fayda var.
Özellikle jQuery ve [...]
CSS için Başlangıç Stilleri
CSS üstadlarından Fatih Hayrioğlu’nun Not Defteri’nde okuduğum güzel bir makale.
CSS için Başlangıç Stilleri başlıklı makalede CSS ile site omurgasını oluştururken size faydalı olacak notlar mevcut.
var addthis_pub = ’sdtkmc’;
var addthis_language = ‘en’;var addthis_options = ‘email, favorites, google, facebook, live, digg, delicious, myspace, reddit, more’;
Getting Fieldset Backgrounds and Legends to Behave in IE
mattheerema adresinde gördüğüm faydalı bir makale ekliyorum. Sayfalarınızda Fieldset ve Legend takılarını kullanırken eğer fieldset takısına zemin rengi atarsanız IE tarayıcılarda legend takısına bu zemin renginin taşdığını görüyoruz. Aşağıdaki küçük CSS eklemeleri ile bu sorundan kurtulabiliyoruz.
I’m sure someone has posted on this issue before I just haven’t found an answer I’m looking for. Jeff Croft [...]
Best of Ajax, Dhtml and Javascript
Noupe sitesinde Best of Ajax, Dhtml and Javascript başlıklı CSS teknikleri ve AJAX örnekleri hakkında çok güzel bir derleme yapılmış.
Adres: http://www.noupe.com/javascript/best-of-ajax-dhtml-and-javascript-part1.html
var addthis_pub = ’sdtkmc’;
var addthis_language = ‘en’;var addthis_options = ‘email, favorites, google, facebook, live, digg, delicious, myspace, reddit, more’;
CSS ile 25 Oval Kenarlık Örneği
CSSJuice sitesindeki güzel bir derleme
ThrashBox
Single Large PNG Image
DomCorners
virtuelvis.com Rounded corners in CSS
Transparent custom corners and borders version 2
CSS Teaser Box with rounded corners – by Roger Johansson
News List – was designed to display links to recent news.
CSS Liquid Round Corners
Anti-aliased Nifty Corners
Simple Box by tedd
CSS and round corners making accessible menu tabs
CSS and round [...]
CSS ile 1 piksellik Oval Kenarlıklar Yapmak
AskTheCSSGuy adresinde gördüğüm bir makale.
I use Google Analytics, and I noticed that their left nav has an interesting characteristic: instead of each option being boxed in a clickable rectangle, there is a one pixel notch in each corner. It’s not necessarily a curved corner, but it is a little softer than a normal box.
I would’ve [...]
Tüm CSS Özellikleri
HTMLDog sitesinden alınmıştır.
Text and Fonts
font
font-family
font-size
font-weight
font-style
font-variant
line-height
letter-spacing
word-spacing
text-align
text-decoration
text-indent
text-transform
vertical-align
white-space
Colours and Backgrounds
color
background-color
background
background-image
background-repeat
background-position
background-attachment
The Box Model – dimensions, padding, margin and borders
padding, padding-top, padding-right, padding-bottom, padding-left
border, border-top, border-right, border-bottom, border-left
border-style, border-top-style, border-right-style, border-bottom-style, border-left-style
border-color, border-top-color, border-right-color, border-bottom-color, border-left-color
border-width, border-top-width, border-right-width, border-bottom-width, border-left-width
outline
outline-style
outline-color
outline-width
margin, margin-top, margin-right, margin-bottom, margin-left
width
height
min-width
max-width
min-height
max-height
Positioning and Display
position
top
right
bottom
left
clip
overflow
z-index
float
clear
display
visibility
Lists
list-style
list-style-type
list-style-image
list-style-position
Tables
table-layout
border-collapse
border-spacing
empty-cells
caption-side
Generated Content
content
counter-increment
counter-reset
quotes
Paged Media
page-break-before
page-break-after
page-break-inside
orphans
widows
Misc.
cursor
direction
unicode-bidi
The Whole Shebang
background
background-attachment
background-color
background-image
background-position
background-repeat
border
border-collapse
border-color
border-spacing
border-style
border-width
bottom
caption-side
clear
clip
color
content
counter-increment
counter-reset
cursor
direction
display
empty-cells
float
font
font-family
font-size
font-style
font-variant
font-weight
height
left
letter-spacing
line-height
list-style
list-style-image
list-style-position
list-style-type
margin
max-height
max-width
min-height
min-width
orphans
outline
outline-color
outline-style
outline-width
overflow
padding
page-break-after
page-break-before
page-break-inside
position
quotes
right
table-layout
text-align
text-decoration
text-indent
text-transform
top
unicode-bidi
vertical-align
visibility
white-space
widows
width
word-spacing
z-index
var addthis_pub = ’sdtkmc’;
var addthis_language = ‘en’;var addthis_options = ‘email, favorites, [...]