background preloader

Sprite Cow - Generate CSS for sprite sheets

Sprite Cow - Generate CSS for sprite sheets
Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. Load the example image, and have a click around. It becomes pretty obvious. Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually. However, copying all the positions & sizes from graphics apps wasted a ton of my time, so I made this!

http://www.spritecow.com/

High quality patterns for your next web project Nothing like a field of beautiful flowers. Download Download 17 Useful & Fresh Tools for Web Designers Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. Despite the fact that there is a huge plethora of web tools that are available for the web developers and designers to help them with their work, designers and developers always need some fresh tool that can expedite their work flow. A useful tool is just like a blessing for the designer and for the web developer as well. Having good tools and useful resources make web development easier and save time as well. Below, we have listed down some useful and fresh tools for the web developers and designers. 29 Free CSS Frameworks and Tools for Web Developers A CSS framework is a pre-prepared library that is meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language. Some developers are tired of writing the same CSS code so thinking of this some CSS frameworks are written to get the job done in a short way.Well,some developers always prefer to write the codes as unique but the below CSS frameworks may help you. 1.YAML Yet Another Multicolumn Layout

Just some other awesome CSS3 buttons – Red Team Design Whether you're designing a website or a web application, you'll need buttons for it. Now, with CSS3's help, it was never easier to create nice looking buttons. In this article you'll learn how to create some cool CSS3 buttons in just a few steps.

Learn MVC (Model view controller) Step by Step in 7 days – Day 1 Contents About the Authors Just a quick word on both the author’s. Both Shivprasad Koirala and Sukesh Marla are professional MVC trainers you catch them every Saturday and Sunday in Andheri Mumbai where they teach MVC on a weekly basis You can visit their video learning site for MVC i.e. www.questpond.com and for offline training contact them at here .

The Perfect Fanpage Profile Picture (+ FREE PSD) - WP4FB [message_box type="note" icon="yes" close="Hide"]When this post was post was published, WP4FB was only a simple WordPress theme that is not comparable to the current WP4FB WordPress plugin. The current plugin is a completely new product with many new features. Therefore, this post may be outdated.[/message_box]I don’t have to tell you how extremely powerful Facebook Fan Pages can be. It’s massive, and many people have generated thousands of dollars using them. Infographics Resources: Tools, Tutorials and Free Infographic Elements Toolkits Infographics have become a popular means of displaying information. It is a well known fact that the attention of viewers is attracted and held better through images than text, and people are more likely to digest the information in images. Road signs were probably among the first infographics; they needed to impart necessary information at a glance, and they have achieved that by using graphics and very large text, and that is the basis of modern infographics, which are becoming available for all trades, services, products and niches. Today we are bringing you a collection of online infographic tools, some tutorials, guides and articles on infographic creation and some beautiful free infographic elements and kits. All in all, you should be able to gather your data and create your masterpiece with the help of these resources.

6 Methods For Vertical Centering With CSS Centering elements vertically with css is something that often gives designers trouble. There are however a variety of methods for vertical centering and each is fairly easy to use. Today I want to present 6 of those methods. Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 25th January, 2010 Tom Kenny Tutorials HTML5 is the future of web development but believe it or not you can start using it today. HTML5 is much more considerate to semantics and accessibility as we don’t have to throw meaningless div’s everywhere. It introduces meaningful tags for common elements such as navigations and footers which makes much more sense and are more natural. This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers.

Safely deploying changes to production servers When you deploy incremental changes on a production server, which is running and live all the time, you sometimes see error messages like “Compiler Error Message: The Type ‘XXX’ exists in both…”. Sometimes you find Application_Start event not firing although you shipped a new class, DLL or web.config. Sometimes, you find static variables not getting initialized and so on. There are so many weird things happening on web servers when you incrementally deploy changes to the server and the server has been up and running for several weeks. So, I came up with fool proof house keeping steps that we always do whenever we deploy some incremental change to our websites. These steps ensure that the web sites are properly recycled, caches are cleared, all the data stored at Application level is initialized.

Related:  CSSCSS+HTML5