Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘GIF’

Sometimes we find an icon, love its design but the colors don’t fit to the project.

With Icons DB, a free and growing set of flat icons, that is not possible as we can get all the items in any color we prefer.

The set includes 1800+ items in multiple formats (ICO, PNG, JPG, GIF) and 8 sizes from 16*16px to 512*512px.

Icons DB

There are many icons which can fit very well to web apps and almost each item has multiple variations that can satisfy each taste.

Only drawback is the inability to download the whole set as they are only offered one-by-one.

There are many web-based apps for designing + editing images and, day-by-day, they are becoming a serious alternative to any desktop image editing softwares.

On the other hand, it is hard to find "animated GIF support" in any of them and creating animated GIFs without a desktop app can be a pain.

Online Animated GIF Creator

MotherEffingAnimatedGIF is a very simple-yet-functional and open source web application for quickly creating such images online.

You just drag 'n' drop any number of images to the app, re-order or rotate them, set the image size + quality and the delay between each frame.

After that, it is possible to preview the animated GIF and download the output.

Using transparent images in websites make so much sense in many cases as they fit perfectly to any background.

However, there is sometimes a big empty space around images which can create confusion when clicking on them as users may not easily realize that the clicked part of the website is actually an image.

alphaPun.ch changes that by tracing the opaque part of PNG or GIF images and then punch through the alpha channel so the stuff behind it can be clicked.

alphaPun.ch

Behind the scenes, it creates a mask for the opaque part of images along with masks for the clickable content behind them. The masks are positioned above the real image and users will actually be clicking to these masks.

It works by drag 'n' dropping an image to the loader and an HTML-CSS-JS (with jQuery) code is created automatically.

The project is definitely not a good fit for every image on websites but there will certainly be good cases of use.

P.S. alphaPun.ch is open source.

The increasing variety and usage of device/screen types (cell phone, smart phone, tablet, desktop..) urge the need for serving web content accordingly.

Adaptive Images is a solution for delivering browser-size-specific images for any device.. automatically.

It is JavaScript-PHP-powered where a lightweight JS file detects the browser size and the PHP file resizes the images on the web page. And, all this happens with the help of a .htaccess rule which redirects any requests for .JPG, .GIF or .PNG files to the PHP image processor file.

Adaptive Images

Adaptive Images is a plug 'n' play resource which can be easily integrated into any PHP website.

There is a built-in caching system for minimizing each image only once for each size.

Also, several options for customization exist including "array of browser-image sizes", .JPG quality and more.

Subtle Patterns is a fresh website sharing simplistic yet high-quality patterns that are created by Atle Mo.

As the name says; the patterns are difficult to recognize and analyze. But, they help creating a soft contrast with the rest of the design.

Every pattern tile perfectly and, besides .GIF files for each item, they are available as a single .PAT (Photoshop pattern) file.

Subtle Patterns

  • Tags:
  • Filed under: CC License, Design, Texture
  • 2 Comments
  • Default Icon is a set of frequently improved and free vector icons in their simplest form possible.

    Besides websites, they can be used in any portable devices as well considering the resolution is only 1bit.

    The items are 16px*16px by default (any size can be created with the vector files) and comes in .EPS, .PNG and .GIF formats.

    Default Icon

  • Tags:
  • Filed under: CC License, Design, Icons
  • 2 Comments
  • Iconizer is one of the latest online generators that you may find useful.

    It is a free & web-based application, from the makers of popular Preloaders.net, that enables you to customize various popular icon sets online.

    Iconizer

    Iconizer allows you to select an icon from a list of well-categorized icon sets and:

    • select the foreground/background color
    • size of it
    • file type to be created
    • add an animation
    • resize it & more..

    Although the application is very useful, what would be even better is "selecting the whole icon set" & ability to customizing it in bulk.

  • Tags:
  • Filed under: Design, Icons, License Free
  • 2 Comments
  • Axialis Software, the developers of IconWorkshop, have created multiple good-looking icon sets.

    Most of the sets are built from a 200+ pieces of flat icons & have different backgrounds or colors.

    Free Icon Sets

    Besides these icons, there is also Web Mini icons which consists 237 colorful icons in 16*16px sizes.

    All sets come in .PNG, .GIF & .ICO formats.

  • Tags:
  • Filed under: CC License, Design, Icons
  • 3 Comments
  • punypng is a free web-based application which can seriously compress JPG, GIF & PNG images without any loss of quality.

    The application first analyzes the content of your image and figures out the best image format to use. If necessary, converts the format automatically.

    punypng Image Compression

    It also has built-in support for dirty transparency* which can save an average of extra 10% for transparent GIF & PNG files.

    What would be more amazing is the service to offer a desktop tool with context menu support.

    *: an innovative technique that offers additional compression to any PNG or GIF as long as it has either 8-bit or 1-bit transparency

  • Tags:
  • Filed under: Extras, No License, Tools
  • 7 Comments
  • Stripemania is a free web application for creating stripe patterns with ease.

    It enables you to add up to 5 colors with different gradients & define the background, orientation and stripe/spacing widths.

    The generated images can be downloaded as PNG or transparent GIF files.

    Also, stripes generated by other users can be viewed & downloaded.

    Online Sprite Generator

  • Tags:
  • Filed under: Design, No License, Web Based
  • 11 Comments
  • Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com
    HotScripts Marketplace