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.

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

SimpLESS - Your LESS CSS Compiler Writing LESS is cool and lightning fast if you compare it to good old CSS and besides, it trains your thinking in solving functional problems. So far so good, but in the end the web needs a CSS file to show your website as it is. Either you embed a javascript file to live-transform your LESS-Code into CSS in your browser or you find out how to precompile your files into standard CSS. The most powerful thing SimpLESS does: Save your *.less file and, BOOOM, SimpLESS generates a 100% valid standard CSS document out of it. Free textures for your next web project. Nothing like a field of beautiful flowers. Download Download

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

HTML, HTML5, CSS, CSS3, JQuery, Flash, Photoshop, mobile, iphone & ipad web application For designers, the most difficult and interesting aspect of responsive web design has been the flexible nature of it. We’ve constantly in the process of trading in our tenacity for pixel perfection and embracing the web for what it really is; fluid. Today we’ll cover some steps to help you transition towards flexible web design, or as I like to call it, ‘Getting’ Flexy’. 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

CSS3 Responsive menu CSS3 Responsive menu Today I’m going to tell how to create a responsive navigation menu using only CSS3. Why responsive? I think it is important and essential. As you know, today, many people browse the Internet via mobile devices (such as ipad, iphone or android). And it is important that mobile members could navigate through your website. Some solutions which you can find in internet offer you to use jquery or javascript to achieve a necessary behavior.

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! The 30 CSS Selectors you Must Memorize Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id, class, and descendant selectors - and then called it a day? If so, you're missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory. Let's knock the obvious ones out, for the beginners, before we move onto the more advanced selectors.

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. CSS3 Pong: Insane things to do with CSS #17 Pop Quiz: What is this? Before we kick things off, let’s try a quick ‘What am I?’. Is this picture

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