CSS ေလ့လာသူမ်ားဖတ္ရွုသင့္ေသာ websites မ်ား

Web developer မ်ား အေနျဖင့္ CSS (Cascading Style Sheet) အေၾကာင္ သိထား ရန္ လိုအပ္ ပါသည္။ ေအာက္ေဖၚျပ ပါ websites မ်ားသည္ css ေလ့လာ သူမ်ား အတြက္ မ်ားစြာ အေထာက္ အကူ ျဖစ္ႏိုင္ ပါသည္။

Source : http://acomment.net/9-top-css-essential-skills-that-every-web-designer-should-learn

1- Making CSS Layouts

• Creating CSS Layouts: The Best Tutorials on Converting PSD to XHTML
  
• CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices
  

---

2- Styling & Using Lists

• ListTutorial by MaxDesign
• CSS Design: Taming Lists
• Style Your Ordered List
• CSS Lists 3-part series article [1] [2] [3]
• How to Create Beautiful and Elegant HTML Lists Using CSS
• Turning Lists into Trees
• CSS Tricks for Custom Bullets

---

3- Understanding Box Model & Positioning

• Learn CSS Positioning in Ten Steps
• Box Model & CSS Positioning
• CSS Positioning Properties At-A-Glance Guide
• Basic CSS Box Model Demo

---

4- Better CSS Typography

• Advanced Typography techniques using CSS
• 10 Examples of Beautiful CSS Typography and how they did it…
• CSS Fonts, CSS Typography

---

5- Styling Forms

• Prettier Accessible Forms
• Style Web Forms Using CSS
• Fancy Form Design Using CSS
• form Elements: 40+ CSS/JS Styling and Functionality Techniques

---

6- Using CSS Frameworks

• Top 12 CSS Frameworks and How to Understand Them
• Which CSS Grid Framework Should You Use for Web Design?
• CSS Frameworks + CSS Reset: Design From Scratch

---

7- Optimizing & Best Practices

• Optimize your CSS files to improve code readability
• Write a well structured CSS file without becoming crazy
• 7 Principles Of Clean And Optimized CSS Code
• Improving Code Readability With CSS Styleguides
• CSS Specificity: Things You Should Know
• 70 Expert Ideas For Better CSS Coding
• CSS: Getting Into Good Coding Habits
• CSS Best Practices

---

8- CSS Hacks & Tricks

• The 7 CSS Hacks that we should use
• 10 best CSS hacks
• Solving 5 Common CSS Headaches
• Using CSS to Fix Anything: 20+ Common Bugs and Fixes
• Most used CSS tricks
• One pixel notched corners as used by Google Analytics

---

9- CSS Buttons, Boxes & Round Corners

• CSS and Round Corners: Build Boxes with Curves
• 25 Rounded Corners Techniques with CSS
• How to make a list with rounded corners, auto width and hover effect
• Rediscovering the button element
• How to make sexy buttons with CSS
• CSS Message Box collection
• Scalable CSS Buttons Using PNG and Background Color
• Sexy CSS Hover Button
• Beautiful CSS buttons with icon set

Web Developer တစ္ဦး အတြက္ လက္နက္မ်ား

သင္သည္ Web Developer တစ္ဦး ျဖစ္ ပါက၊ လိုလ်ွင္ လိုသလို အသံုးျပဳ ႏိုင္မည္၊ ကရိယာ တံဆာပလာ မ်ားႏွင့္ အလား တူေသာ၊ software မ်ိဳးစံု ကို စုေဆာင္း ထားရန္ လိုအပ္ ပါမည္။ အသံုး ဝင္မည္ ထင္သည့္ software မ်ားကို စုေဆာင္း ၿပီး ေအာက္တြင္ ေဖၚျပ အပ္ ပါသည္။

Source - http://mashable.com

256Pixels.com - Presents a daily favicon contest. Create a new favicon with their built in palette, and put it up for others to vote on.

---

Ajaxload.info - Create an animated icon to display during AJAX load times.

---

AntiFavicon.com - Allows you to create colored favicons with up to two lines of text.

---

Buddy Icon From Pics - Upload a picture and prep them to work with messengers like AIM, Yahoo, MSN and more.

---

ConvertIcon.com - Online service that allows you to convert ICOs to PNGs and vice-versa.

---

Dynamic Drive Favicon Generator - Upload your GIF, JPG, PNG or BMP and create favicons or desktop icons.

---

EliteNick.com’s Custom AIM Icon Maker - Use pre-made backgrounds and then add the text and colors you want for a unique AIM Buddy Icon.

---

Email Icon Generator - Generate an email address icon to display on your site. A safe way to show off your email address that spambots can’t read.

---

Favicon Generator - Upload a JPG, GIF, PNG or BMP and convert it in to a 16 X 16 favicon for your site.

---

Favicon Generator and Gallery - Upload your image and make a favicon in one of four different sizes, then add it to their gallery as well as using it on your site.

---

Favicon.cc - Create your own icon by importing a picture or start from scratch, browse the latest creations of others.

---

FavIcon From Pics - Upload your photos and make a favicon, including animated ones.

---

Favicon Icon Drawing Program Online Free - Draw your own icons and even make clear ones where necessary.

---

IconBuffet.com - A large selection of licensable Web 2.0 style icons you can use for your site.

---

Iconfinder.net - A search engine specifically for locating icons on just about any subject.

---

IconizeMe.com - A website of artists turning your pictures into icons you can use around the web.

---

MyCoolButton.com - Create buttons and icons with a Web 2.0 flavor to them.

---

StockIcons.com - Licensable, royalty-free icons with a professional look that you can use for your projects.

---

TerraIMS Map Icons - Generate icons for use with online mapping services.

---

Tiny Icon Factory - Lets you generate simple 13X13 black & white icons for your use.

---

See also:

40+ Free One-Column Website Templates
40+ Ways To Access Your Computer Remotely
50 Great Widgets For Your Blog
40+ Tools For Google Calendar
15 Ways To Create Website Screenshots
50+ Google Reader Extensions and Scripts For Firefox
WEB OS RUNDOWN: 45+ Web Operating Systems
AMAZON TOOLBOX: 40+ Amazon Tools
30+ Language Tools For Firefox
SKYPE TOOLBOX: 50+ Enhancements for Skype
MOBILE PRODUCTIVITY TOOLBOX: 45+ Mobile Productivity Resources
MORE THAN A BROWSER: 19 Alternative Ways to Use Firefox
FORUMS GUIDE: 70+ Resources for Creating a Forum
VOIP TOOLBOX: 30+ VoIP Services
P2P TOOLBOX: 30+ Peer to Peer Services
DIGG TOOLBOX: 50+ Digg Tools and Resources
WORDPRESS GOD:300+ Tools for Running Your WordPress Blog
GREEN LIVING TOOLBOX: 80+ Green Sites
Travel Toolbox: 75+ Online Travel Resources
ITUNES TOOLBOX: 30+ Tools For iTunes
COLLEGE TOOLBOX: 60+ Tools For Back To School
ONLINE PRESENTATIONS: 30+ Presentation & Slideshow Services
GMAIL TOOLBOX: 60+ Tools For Gmail
30+ WordPress 2-Column Themes
ONLINE BUSINESS TOOLBOX: 230+ Tools for Running a Business Online
30+ Tools to Turn Wordpress into a Personal Hub
SHOPPING SPREE: 18 Sites for Social Shopping & Deals
SOCIAL BOOKMARKING: 50+ Social Bookmarking Sites

Posted as - [web developement] [graphic]
0 comment            submit comments

End of Article No. 14 - 20 Icon and Graphics Generators
http://phpmyanmar.com/content/article/14/20-icon-and-graphics-generators.html