CSS Hakkında Siteler Serisi – Seri 3

Css hakkında siteler serisine kaldığımız yerden devam ediyoruz. Bir önceki iki seride “Css diyagramları , bar (çubuk) grafikleri , yıldız biçimli oylama sistemlerini , css formlarını ve bir çok css sitesinin yayınlandığı galeri (showcase) sitelerini , CSS Resim haritaları , Fotograf galerileri ve bazı scriptler , CSS Yerleşim Temaları (Template’ler) , Lightbox’lar , CSS Listeleme , Navigasyon , Menuler“ hakkında bir çok site vermiştik. Bunların dışında bu son seride bazı kullanışlı script tarzında kodlamalar , css tabloların oluşumu ve bir çok css tüyoların bulunduğu siteleri yazının devamında vereceğim.

Css Tüyo ve Kısayollar

• All About CSS Drop Shadows
  Css ile gölgelendirme oluşturmak
• :BefTer Drop Shadows
  Css ile gölgelendirme oluşturmak 2
• Fun with Drop Shadows
  Css ile gölgelendirme oluşturmak 3
• CSS Browser Selector
  Css Hakkında Bazı Basit Tüyolar
• CSS filters (css hacks)
  Css ile ilgili tarayıcınız hakkında tüyolar.
• Image Preloader
  Resim açılışları , Açılırkenki efectler
• Link Thumbnail
  Linklerin kücük resimlerle gösterilişi
• Pure CSS Popups
• Smart Corners
  Yuvarlak Köşeler oluşturma
• Spanky Corners 1.1 beta
  Yuvarlak köşeli içerik kutusu oluşturma
• “Sliding Doors” Box– Rounded Corners for All
  Yuvarlak köşeli içerik kutusu oluşturma 2
• Liquid round corners
  Yuvarlak köşeli dinamik içerik kutusu oluşturma
• A More Accessible Map
• CSS-Schieberegler
• Playing Cards with CSS
• CSS3 – Intro, Guides, and Resources

Sunumlar (Slideshows)

• S5: An Introduction
  Basit ve Standard sunum hazırlama.
• HTML Slidy
  XHTML ile Sunum hazırlama
• S5Easy: Create S5 Slideshows Easy Online
  3 Adımda Sunum hazırlama.

CSS Tablolama

• CSS Table Gallery
• Better Zebra Tables
• Pure CSS Scrollable Table with Fixed Header

CSS (ve JS) İpucu Araçları

• Bubble Tooltips
  Baloncuk şeklinde linklerinize ipucu araçları ekleyebilir açıklamaları baloncuk biçiminde gösterebilirsiniz. Örnek
• qTip
  Herhangi bir linke alt açıklama ekliyorsunuz ama bu açıklamanın kendi istekleriniz ve şekillendirmeniz doğrultusunda görünmesini istiyorsunuz. qTip tam olarak bu işe yarıyor. Css , Js kodlarını ve Örneğini sitede bulabilirsiniz.
• Sweet Titles Finalized
  qTip benzeri bir açıklama kutusu oluşturur.
  

Css ile ilgili yabancı yazarların yazdığı ingilizce makaleler

• CSS Standards
  Christian Heilmann
• CSS Frames v2, full-height
  Roger Johansson
• CSS Hacks and IE7
• Creating Liquid Faux Columns
  Zoe Gillenwater
• Div Mania
  Div kodlaması ile ilgili makaleler
• Effective Style with em
  Jonathan Christopher
• Exploring Footers
  Bobby van der Sluis
• footerStickAlt: A more robust method of positioning a footer
  Cameron Adams
• In search of the One True Layout
• Is image replacement really worth it?
  Robert Nyman
• Make better Web pages by understanding the CSS box model
  Contributor Melonfire
• Ten more CSS tricks you may not know
  Trenton Moss
• The Most Common CSS Markup Errors
  Sean Fraser
• Vertical Centering in CSS
  Yuhu

Örnekler , Dersler ve Teknikler

• Advanced CSS Layouts: Step by Step
• CSS Basics.com
• CSS Beginner’s Guide
• CSS Intermediate Guide
• CSS Advanced Guide
• CSS Demonstrations and Tutorials
• CSS Layout Techniques: for Fun and Profit
• CSS Menu Tutorial
• CSS Tutorial
• CSS TUTORIAL
• Floatutorial: Step by step CSS float tutorial
• Learn CSS Positioning in Ten Steps
• Listutorial: Step by step CSS list tutorial
• Selectutorial – CSS selectors
• Site in an Hour
• Style master css tutorial
• Online tutorials
• Stylesheets

Karışık bazı siteler;

• Architecting CSS
• CSS Organization
• Beginner’s guide from a seasoned CSS designer
• CSS Advanced Guide
• CSS Panic Guide
• CSS & Design Galleries
• CSS Table Gallery
• Dynamic Drive CSS Library
• CSSplay
• CSS tests and experiments
• Stylish
• Professor X
• X-Ray
• CSSViewer