The Design Inspiration is created by a group of designers who are seeking various design inspiration every day. To make every designer’s life easier, they have decided to feature some of the best logo designs, illustration art, websites, photos and patterns from the most talented designers around the world. The site updates every day, so that you can get the fresh and top quality design inspiration daily.
CSS-Tricks, inspired from the succesful invoicing application Freshbooks, is sharing an editable/printable HTML invoice template.
The template uses textarea elements for the parts that display data which would make further improvements easier (like posting the form).
This invoice template can be useful for freelancers who send their own invoices or applications that send an invoice after a purchase.
There are also few other free HTML invoice templates you may want to check:
jBreadCrumb is a jQuery plugin for displaying breadcrumb navigations in a more flexible & smarter way.
As the length of a breadcrumb menu may be very long & the common method used for this problem is limiting th eamount of menus used, jBreadCrumb follows another route.
It creates a collapsible interface that smartly decides the display method according to the amount and length of the elements.
This is a better navigation in means of usability & SEO.
Usage is not complicated & it only requires the jQuery Easing plugin.
Divine is a fresh & free Photoshop plug-in for converting Photoshop files into Wordpress themes.
It works by selecting spots in design files & marking them as Wordpress variables like:
- post title
- post text
- author link
- etc..
It produces valid XHTML-CSS code & themes are automatically widget-ready.
Divine has an integrated FTP-client & it is a very ideal plug-in for anyone who is not that into coding and/or Wordpress theming.
punypng is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality.
punypng uses several web optimization techniques to reduce the file sizes of your images. It first analyzes the content of your image and figures out the best image format to use.
Depending on the file, punypng will automatically convert your GIF into a PNG format and then further compress that. For JPEGs, sometimes it’s better to make it a PNG, and other times it’s better to keep it as JPEG and use jpeg-tran to optimize it. punypng makes all those decisions for you and ensures the best possible results.
Easy is a front-end (CSS/JS/HTML) framework, by Alen Grakalic of CSS Globe, for converting design into HTML faster & providing a solid base for future development.
The CSS part includes definitions to style common elements, clearing/hiding/erasing margins & controlling the layout.
The JavaScript part is based on jQuery & offers ready-to-use functions for:
- tooltips
- dropdown navigation
- applying show/hide
- modal box (Lightbox-like)
- form validation
- & more..
Easy includes a library of precoded content blocks that you can simply copy/paste into your document & save time.
Besides a demo that presents most of the features, there is a detailed documentation provided.
A unique font can help your document stand out and attract attention. A perfectly suited font can help to make a design attractive and successful. Finding these high quality fonts is a task made easier with SearchFreeFonts.com. New SearchFreeFonts.com collection contains over 13,000 free fonts.
Freeware fonts can be used commercially or non-commercially without acquiring copyright permission as long as you will not profit from the use of the font. Detailed copyright information is available for individual fonts in the readme.txt file, or copyright.txt which are included as a part of the zip font file.
Bumpbox is another lightbox clone with a few advantages over other lightboxes – it supports not only all common media types but also PDF’s.
Yet, the integration and implementation on your own site is pretty simple. Just add the scripts to your head section, add classes to your links that should use bumpbox, define a rel tag with the size that the bumpbox should have and you’re ready to roll.
Bumpbox automatically detects what kind of filetype you wish to show in the box, so you do not need to specify the type, easing the process of integration.
IconsPedia is presenting a beautiful & free icons named Weby Icon Set.
The set consists of 100 icons from social bookmarking to credit card processors like Visa, Mastercard, PayPal & shopping basket icons.
Icons are in 64*64px size & in PNG, ICO, ICNS formats.
They are free to use both in personal & commercial projects.
RegExr is an online tool for editing and testing Regular Expressions (RegExp / RegEx). It provides a simple interface to enter RegEx expressions, and visualize matches in real-time editable source text. It also provides a handy RegExp snippet sidebar with descriptions and usage examples to make it easier to learn Regular Expressions through trial and error.
RegExr is built with Flex 3, and uses ActionScript 3’s built in RegExp engine. It isn’t as powerful as a product like RegExBuddy, but it has the advantage of being online and free. You are able to save your patterns locally, and to share patterns on a searchable community database of regular expressions as well.
