31 online CSS Cheatsheets that help

Believe it or not ,most of modifications in default Blogger templates that I did were CSS only . And the result are custom templates you see in SimplexDesign blog .Understanding CSS ,even a little can help you in changing elements in website/blog as you want .Changing in Font size,colors ,size of elements ,positions of elements... all of them are CSS ^^
But how can we remember all of them ,we are not developer and we have no time to do this . So here are 30 CSS cheatsheets ,that you can use for reference ,anytime you want to know about an attribute ,what they mean ,and the role of them ...
I hope this helpful to you
This information was found on this site ,and you can go there to get the original post and more interesting posts
This article is divided in 2 major Sections:

1. CSS Cheatsheets
2. CSS3 Cheatsheets

1,Most Practical CSS Cheat Sheet Yet

More Information on Most Practical CSS Cheat Sheet Yet

CSS Cheatsheets

2,CSS2 Help Sheet

More Information on CSS2 Help Sheet

3,Core CSS

More Information on Core CSS

4,CSS Cheat Sheet

More Information on CSS Cheat Sheet

5,Basic CSS Cheat Sheet

More Information on Basic CSS Cheat Sheet

6,CSS CHEAT SHEET

More Information on CSS CHEAT SHEET

7,CSS Layout Cheat Sheet

More Information on CSS Layout Cheat Sheet

8,CSS Font Shorthand Property Cheat Sheet

More Information on CSS Font Shorthand Property Cheat Sheet

9,CHEAT SHEET CSS SHORTHAND CODES

More Information on CHEAT SHEET CSS SHORTHAND CODES

10,Blueprint CSS Cheat Sheet

More Information on Blueprint CSS Cheat Sheet

11,CSS Shorthand Cheat Sheet

More Information on CSS Shorthand Cheat Sheet

12,CSS Cheat Sheets

More Information on CSS Cheat Sheets

13,CSS Shorthand

More Information on CSS Shorthand

14,CSS Specificity – Cheat Sheet

More Information on CSS Specificity – Cheat Sheet

15,CSS Shorthand Cheat Sheet

More Information on CSS Shorthand Cheat Sheet

16,CSS Cheatsheet

More Information on CSS Cheatsheet

17,CSS Properties and Values

More Information on CSS Properties and Values

18,CSS Cheat Sheet

More Information on CSS Cheat Sheet

19,Cascading Style Sheets Quick Reference

More Information on Cascading Style Sheets Quick Reference

20,CSS3 Cheatsheets

CSS3 Click Chart

More Information on CSS3 Click Chart

21,CSS3 Help Sheet.

More Information on CSS3 Help Sheet.

22,CSS 3 selector syntax

More Information on CSS 3 selector syntax

23,CSS3 Quick Reference Guide

More Information on CSS3 Quick Reference Guide

24,CSS 3 Cheat Sheet

More Information on CSS 3 Cheat Sheet

25,WebKit CSS3 Cheat Sheet

More Information on WebKit CSS3 Cheat Sheet

26,CSS3 Color Names

More Information on CSS3 Color Names

27,HTML5 and CSS 3 Cheat Sheets

More Information on HTML5 and CSS 3 Cheat Sheets

28,HTML5 & CSS3 Support

More Information on HTML5 & CSS3 Support

29,CSS 3 cheat sheet

More Information on CSS 3 cheat sheet

30,Compatibility tables for support of CSS3

More Information on Compatibility tables for support of CSS3

31,CSS3 – Information and samples

More Information on CSS3 – Information and samples

(Source : http://slodive.com/freebies/css-cheat-sheets/ )

Nature business card template for free

I took an eye surgery two weeks ago and now I think my eyes are good enough to use computer again . Now is the time for me to answering comments and post something new after a long delay ^^
Thanks for still coming in my blog and keep supporting me in this time .

In this post ,I want to show you a freebie,a beautiful nature business card template in psd (Photoshop file format ) , just need some changes in name ,address... and it's ready to use

Designed by iBrandstudio ,this free business card is have very beautiful nature background with the atmosphere in the afternoon when the sun goes down. Come with double sided template with 3.5″x2″ in business card size, ready for print and highly customizable. The business card design that perfect for anyone.

You can use this business card template for free, both your personal and commercial project but do not redistribute or resell.

Features

• Beautiful nature design
• Highly customizable – Layered PSD and well organized
• Ready for print with bleed lines and trim guidelines

Details

• Date created : July 3, 2011
• Font used : Arial and Lobster 1.4
• Size : 3.5”x2”
• Color : CMYK

Preview

Download

Have fun with it !

11 web based editors with IDEs to code directly from your browser

There are many web based code editors out there, but getting by free and good ones is not that easy. After searching ,I found this list on SmashingApps website ,they are some editors that also recognize as IDEs .If your work get involved with coding ,but in sometimes ,you have to use another computer or need to work when you are far away from your home or office ,they are good replicas for you.

Kodingen

Kodingen is an Online Development Environment including Code Editor, Cloud Hosting, Database Administration, Collaboration, Web based access to file-system, Web based ftp & svn integration.

PHPanywhere

PHPanywhere is a web based free Integrated Development Environment or IDE for the PHP language, in other words it is an application that gives developers all the code editing capabilities they need to develop PHP applications online.

CodeRun Online IDE

CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy web applications using your browser. CodeRun Studio can be used instead or alongside your existing desktop IDE. You can upload existing code in order to test it in the cloud or for sharing with your peers.

Codeita

Codeita is a powerful, easy to use, cloud-based, web development environment.  It’s a powerful code editor, an advanced svg image editor, and an out of this world project management and collaboration tool. It allows users to code, develop, brainstorm, communicate and then publish projects and files to your web server.

Drawter

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. It runs on every single web-browser which makes it really useful and helpful.

ecoder

ecoder is a simple, web-based code editor, which includes a file browser, file uploader, and tabbed system to allow multiple files to be edited at the same time. using this web-application developers can edit code directly online, real-time syntax highlighting is handled by textarea and keyboard short-cuts lend it the feel of a locally installed application.

ShiftEdit

ShiftEdit is an online IDE for developing PHP, Ruby, HTML, CSS and JavaScript with built-in (S)FTP.

jsFiddle

JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc.
Using this approach, JavaScript developers can very easily isolate bugs.

ideone

Ideone is something more than a pastebin; it’s an online compiler and debugging tool which allows to compile and run code online in more than 40 programming languages.

Amy Editor

Amy Editor is the online source code and text editor. It is implemented using the text-editing control of the Fry Framework in a pure JavaScript fashion, running inside your browser.

jsdo.it

jsdo.it is a website where you can write JavaScript, HTML5, CSS in your browser, and share it with you co-authors.

Free fonts for logos and website's title

In this post ,I want to show you some free fonts that can be used in logos designing or making website's banners .They are all nice ,simple and clean :D good start for making a logo or banner in web 2.0 style .
Check them out ^^

Telegraphico


Old Sans Black


HeadLine


SF Movie Poster


Dinova


Media Gothic


Florencesans SC


Sans Thirteen Black


X Scale


Space Marine


Xcelsion


7th Services


Old Republic


Guardian


Bitsumishi


He’s Dead Jim

 (look like text in Die Hard movie's poster ^^ )
Hagane


Fireye


Ash font


Breakaway


AutoBahn font


Carbon Block


Dorado Headline


Corporate HQ


Good Times


ChokToff


Kimberly


Pirulen font


SF Old Republic


Final Frontier


Flip Flop font


Fortune City


Harabara


Mamma Gamma


Mentone


MicroMieps


Moltors


Oceania


Olijo


Ptarmigan


SF speedwaystar


Shadow Tag


Venus Rising


Virtue


Whoop-Ass


Zag


Red Circle


Jumbo