background preloader

Cheat Sheets for Front-end Web Developers

Cheat Sheets for Front-end Web Developers
Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they’re nice decorative pieces for your office and can prepare you for client questions regarding web development. In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery). So go ahead – print out your favorites and pepper your workspace with these wonderful references. 1. HTML Help Sheet 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. JavaScript 12. 13. 14. 15. 16. 17. mootools 1.2 cheat sheet 18. jQuery Cheatsheet 19. jQuery 1.2 Cheat Sheet 20. jQuery Visual Map – PNG Miscellaneous 21. 22. 23. These are great resources regardless of the size of your clients.

17 Wonderful Free Tools To Make Designers Lives Easier! - Opensource, Free and Useful Online Resources for Designers and Developers Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. This is the wonderful list of 17 free and online web based tools for designers and developers which may be very helpful for you as well when you are at work. Designers and Developers will must like this list but you can also use them and will love whether you are office worker, manager, supervisor, student, home user, etc. Most of them are not very well-known but, they are really amazing in respect to their features. Just take a look at them and share your thought’s here.

30 CSS Best Practices for Beginners CSS is a language that is used by nearly every developer at some point. While it's a language that we sometimes take for granted, it is powerful and has many nuances that can help (or hurt) our designs. Here are thirty of the best CSS practices that will keep you writing solid CSS and avoiding some costly mistakes. The readability of your CSS is incredibly important, though most people overlook why it's important. 70+ Cheat Sheet Resources for Web Designers Posted By Thomson Chemmanoor Cheat sheats, or reference sheets, are a helpful and quick way to remember things. Web designers, by nature of their work, are forced to cram their heads with TONS of information ranging in many different areas.

20 Useful Tools to Make Web Development More Efficient There are many available tools to help make web development projects quicker and more productive. Aside from a handy text editor or WYSIWYG editor like Dreamweaver, you can find plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently. 1. 7 Quick CSS Enhancements for Better User Experience The beauty in CSS is that a tiny directive can make a huge difference in how the page displays. Here are seven quick CSS snippets that will give your website more "pop" and make your user's experience more functional and enjoyable. Change Text Highlight Color The default text selection color is usually a boring navy color (at least on Windows PCs). Firefox, Opera, and Safari allow you to change the color to whatever you'd like!

shiftzoom.js (zoom and pan functionality) <form name="lst" id="lst" method="post" action=".. shiftzoom.js 3.9 allows you to add zoom and pan functionality to oversized images on your webpages. It also allows you to build interactive applications through the various user commands. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome, Safari and IE 6+. 25+ Web 2.0 Generators to rescue ( Be Lazy) Sometime there are projects or clients that need to be done in one days or so. When you need a quick striped background, a CSS menu, web 2.0 badges these tools are lifesavers. Recently, these generators helped me on one of the photo gallery I was working on. Maybe your are designer who wants to create and do all your design from scratch. But these tools are just a help dose on the side when you need them. So,use these tools when you need and share them.

Tools For Web Developers and Designers – 60 Useful Cheat Sheets For developers and web designers can be very difficult to memorize the syntax for various programming languages, especially considering that they are always constant evolution and growth, so it is normal that you forget things. Cheat sheets are reference guides with useful information, features and functions of a particular language. In this article you’ll find 60 most useful cheat sheets about HTML5, XHTML, CSS, JavaScript / Programming Languages, Databases, Subversion, Mod_rewrite, MySQL and some other useful cheat sheets. This is something that a web developer/designer can get to use every day, I’m sure that will make easy the tasks involved in web design and web development.

CSS from the Ground Up Introduction If you are frightened by the prospects of using Cascading Style Sheets, there's no need to be. Using a computer can be daunting for someone coming to it afresh but after a while, you think nothing of it. It all comes down to taking small steps to begin with and that's what I'm going to do in this series of tutorials. 10+ Web Resources to Make Web Designer’s Life Easy First of all, I added a news section, so feel free to submit any interesting links, articles. Now, this article is another edition of my earlier post, about tools/resources web designer’s can/should use. I hope these sites helps you in your everyday work and project. Patterrific