Note Book

CSS ေလ႔က်င့္ခန္းမ်ား

CSS အေၾကာင္းကို အေျခခံက စၿပီးေလ႔လာမယ္ ဆိုရင္ေတာ႔ ဒီဆိုက္ေလးေတြကေန စတင္ၿပီး ေလ႔လာသင့္တဲ႔ အေၾကာင္း အႀကံျပဳပါရေစ ။

• CSS Basics.com အေျခခံ CSS ကိုေလ႔လာရန္

• CSS Beginner’s Guide စတင္ေလ႔လာသူမ်ားအတြက္ CSS သင္ခန္းစာမ်ား  – www.htmldog.com

• CSS Intermediate Guide
• CSS Advanced Guide
• Advanced CSS Layouts: Step by Step webreference.com တြင္ Table မ်ားကိုမသံုးပဲ CSS ျဖင့္ layout တည္ေဆာက္ျခင္းအပိုင္းကို တဆင့္ျခင္း ရွင္းျပထားသည္။
• CSS Demonstrations and Tutorials CSS အေၾကာင္း ေရးပံုေရးနည္းမ်ားအား ပံုမ်ားျဖင့္ ရွင္းလင္းထားသည္။
• CSS Layout Techniques: for Fun and Profit CSS ႏွင့္ပတ္သက္၍ ပိုမိုသိရွိေစပါသည္။
• CSS Menu Tutorial CSS ျဖင့္ Menu လုပ္ပံုအား ဥပမာျဖင့္ ရွင္းလင္းထားသည္။
• CSS Tutorial W3school ၏ CSS အေၾကာင္း သင္ခန္းစာမ်ား ျဖစ္ပါသည္။ စတင္ေလ႔လာသူမ်ားအတြက္ ေကာင္းပါသည္။
• Floatutorial: Step by step CSS float tutorial CSS float ႏွင့္ပတ္သက္ၿပီး ေလ႔လာသင့္ေသာ ဆိုက္တစ္ခုျဖစ္ပါသည္။ ေသခ်ာစြာ ေလ႔လာသင့္ပါသည္။
• Learn CSS Positioning in Ten Steps CSS Position ေတြအေၾကာင္း အလြယ္တကူနားလည္ သေဘာေပါက္ေစႏိုင္ပါသည္။
• Listutorial: Step by step CSS list tutorial
• Selectutorial – CSS selectors
• Site in an Hour CSS ျဖင့္ Web Site တစ္ခုကို တစ္နာရီအတြင္း တည္ေဆာက္ျခင္း
• Style master css tutorial ဒီသင္ခန္းစာေတြကေတာ႔ CSS မာစတာတစ္ေယာက္ျဖစ္လာဖို႔အတြက္ အေထာက္အကူေပးႏိုင္ပါလိမ္႔မယ္။
• Online tutorials (Stylesheets) Yourhtmlsource.com ရဲ႕ Stylesheet အေၾကာင္းသင္ခန္းစာျဖစ္ပါတယ္။ အေျခခံကေန စတင္ေလ႔လာဖို႔ရာ လြယ္ကူေကာင္းမြန္တဲ႔ ဆိုက္တစ္ခုပါ။

ယခု Site ေလးေတြကိုသာ ေသခ်ာစြာေလ႔လာသြားမယ္ဆိုရင္ CSS နဲ႔ ပက္သက္ၿပီး အေျခခံအဆင့္အေနျဖင့္ နားလည္တတ္ေျမာက္သြားလိမ္႔မယ္လို႔ ယူဆမိပါတယ္။

ေဆာင္းခ်မ္းမိုး

CSS Layouts Templates

• CSS Layouts Three columns, CSS frame, “Fixed”, Cross browser….
• CSS TEMPLATES
• css Zen Garden
• Flexi-Floats – 3 Column CSS Layout – Fluid, Multi-Column Stretch – Header, Footer, Fluid Center – Fixed or Fluid widths
• Layout Gala – a collection of 40 CSS layouts based on the same markup and ready for download!
• Look Ma, No Tables.
• ThreeColumnLayouts
• Open Source Web Design
• Open Web Design
• Sample CSS Page Layouts
• Yet Another Multicolumn Layout

CSS Lists, Navigation, Menus, Rollovers

• Turning a list into a navigation bar
• Turning Lists into Trees
• CSS menus gallery
• Flexible navigation example
• Free CSS Navigation Menu Designs
• Free Menu Designs
• FreeStyle Menus v1.0 RC9
• More Free CSS Navigation Menu Designs
• 14 Free Vertical CSS Menus
• CSS Menu Generator
• CSS Tab Designer
• Tabs
• Mini Slide Navigation
• Nested lists used to create a simple folder metaphore
• Accessible Image-Tab Rollovers
• Suckerfish Dropdowns
• Fast Rollovers Without Preload
• Variations on a drop-down theme

CSS Diagrams, Bar Graphs, Star Rater

• CSS FOR BAR GRAPHS
• Super simple CSS bars
• Creating a graph
• Dynamic Pie Chart with CSS
• CSS Diagrams
• Star Rater
• CSS Star Rating

CSS Forms

• Form layout
• Prettier Accessible Forms
• Styling form controls
• Styling even more form controls
• Table-less Forms
• The Form Garden - A CSS Stylesheet Collection for Web Forms

CSS Galleries

• CSS Reboot
• CSS Table Gallery
• Data Tables and Cascading Style Sheets Gallery
• Design Melt Down
• Layout Gala
• Liquid Designs
• netzfruehling – CSS Showcase Blog
• oswd – Open Source Web Design
• tom.ma | screenblog
• Unmatched Style
• Web Creme

CSS Image Maps, Image Switcher, Sliding Photograph Galleries

• CSS Image Maps
• Map Pop
• Simple CSS Image Switcher
• A Two Step Photograph Gallery
• Hoverbox Image Gallery
• Sliding Photograph Galleries

Lightboxes

• ThickBox 2.0
• Lightbox Gone Wild!
• Suckerfish HoverLightbox
• Lightbox JS v2.0
• Leightbox

Miscellaneous

• 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
• CSSViewer

CSS Tips & Tricks

• All About CSS Drop Shadows
• Fun with Drop Shadows
• CSS Browser Selector
• CSS filters (css hacks)
• Image Preloader
• Link Thumbnail
• Pure CSS Popups
• Smart Corners
• Spanky Corners 1.1 beta
• “Sliding Doors” Box– Rounded Corners for All
• Liquid round corners
• A More Accessible Map
• CSS-Schieberegler
• Playing Cards with CSS

Slideshows

• S5: An Introduction
• HTML Slidy
• S5Easy: Create S5 Slideshows Easy Online

CSS Tables

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

CSS (and JS)Tooltips

• Bubble Tooltips
• qTip
• Sweet Titles Finalized

CSS Articles

• CSS Standards
• CSS Frames v2, full-height
• CSS Hacks and IE7
• Creating Liquid Faux Columns
• Div Mania
• Effective Style with em
• Exploring Footers
• footerStickAlt: A more robust method of positioning a footer
• In search of the One True Layout
• Is image replacement really worth it?
• Make better Web pages by understanding the CSS box model
• The Most Common CSS Markup Errors
• Vertical Centering in CSS