background preloader

SpritePad - Create and edit css sprites

SpritePad - Create and edit css sprites
SpritePad is your free and easy-to-use web app for creating CSS spritemaps. It only needs seconds: Drag & drop your images onto the grid and have it immediately available as one PNG + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles, no long-winded setups, SpritePad makes creating spritemaps as easy as writing your next e-mail. What SpritePad can do for you We are Kiss We’re an independent company from Germany, a team of experienced media and web specialists.

http://spritepad.wearekiss.com/

Related:  it

Elliot Condon { Using the Advanced Custom Fields Plugin to create a custom home page in WordPress Here’s a simple tutorial showing how you can create a professional quality custom home page for your WordPress website using the free “Advanced Custom Fields” plugin. In this tutorial we will look at how the Advanced Custom Fields plugin can be used to create a professional home page fit for your client. What will I need? General knowledge of making a WordPress theme General knowledge of PHP

Stop Printing Ugly WordPress Pages With This Easy Fix As a WordPress designer, you fret and worry about how your pages and your posts look – on the screen. That’s what it’s all about, right? You look at that new travel-story website you just finished, and it looks great in all the current web browsers. It’s fabulous. The client loves you. Stitches - An HTML5 sprite sheet generator Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser.

Improve your Wordpress Navigation Menu Output WordPress 3 has gone gold and ships with an amazing new menu manager that can be used to control the navigation menus of your website. This tutorial will teach you how to change the default output of this manager, since getting a custom output can heavily improve the style of your themes. So first of all here is an example of the wordpress menu we want to build. How to display the content of the wordpress menu description field

How alignment and hyphenation improve your text's impact Using alignment and hyphenation properly can make your text look better, especially on a small screen. Justified text (when your text goes all the way to the right margin on each line) will result in empty spaces in the middle of lines. Changing to left alignment gets rid of the spaces, but leaves a ragged right margin. Hyphenation can fix that. Hyphenation isn't supported in all browsers (not Chrome, Opera or Android), but that's OK. Hyphenation is an example of progressive enhancement. Stitches - An HTML5 sprite sheet generator Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser.

Quick Tip: The Simplest Way To Center Elements Vertically And Horizontally Danny Markov Flexbox is a relatively new addition to the CSS world and we keep finding more and more excellent applications for it. We can even solve the age-old problem with centering an element both vertically and horizontally with CSS. It is easier than you can imagine – it is only three lines of code, doesn’t require you to specify the size of the centered element and is responsive-friendly! How to Zoom and Pan with SVG (Preliminary) This topic shows you how to use Scalable Vector Graphics (SVG) to zoom and pan, and ends with an example of a complex organizational chart that can be zoomed and panned. Basic HTML and JavaScript knowledge are assumed, as well as access to a browser that can render inline SVG in HTML5, such as Windows Internet Explorer 9 and later. Introduction

31 Free Clean Icon Sets For Minimal Web Design All clever things are usually very simple. Sometimes you just want to stay with the old valuables and keep it subtle. These icons will look great with clean and minimal web designs and also notice since almost all of them are monochromatic you can put different colors, create your own letterpress and different effects without spending time to create your own actual icon. I think minimal and letterpress effects currently are very popular in webdesigns and many designers will find this collection useful and worth bookmarking! Making and Breaking the Web With CSS Gradients What is CSS prefixing and why do I care? Straight from the source: “Browser vendors sometimes add prefixes to experimental or nonstandard CSS properties, so developers can experiment but changes in browser behavior don’t break the code during the standards process. Developers should wait to include the unprefixed property until browser behavior is standardized.” As a Web developer, users of your web sites will be affected if you use prefixed CSS properties which later have their prefixes removed—especially if syntax has changed between prefixed and unprefixed variants. There are steps you can take in stewardship of an unbroken Web.

Lean Project Management Software Tour – Improve Find ways to improve AgileZen's project management software can grow and adapt with you as you find more efficient ways to work. By tracking some simple performance metrics, AgileZen helps you understand how well you're doing. Track performance metrics AgileZen helps you understand how efficient your team is by tracking some lean performance metrics, like cycle time and lead time.

Инструмент для работы с CSS спрайтами. Тоже drag'n'drop интерфейс, но мне он кажется по-симпатичнее. by viktory12345 Feb 9

Related: