Blog
Teknoloji
Tasarım
Güvenlik
İnfografikler
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 (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
1 Yorum