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

Archive for the ‘Web Based’ Category

CSS galleries are beautiful resources for getting inspired & promoting the websites we created.

In order to submit websites to these galleries, you need to:

  • have a list of the galleries
  • know which ones are more popular
  • browse all of them one-by-one

MeeCSS

MeeCSS is a free web-based application which eases this process. It is not an automated submission system which would not be ethical.

It simply asks you to fill the information that will be required (name, e-mail, website address, etc.) & with the help of an iframe, you can submit to the galleries one-by-one by copy-pasting the fields you had filled.

It also displays to CSS galleries sorted by pageranks & enables you to select which galleries to submit.

P.S. it would be much easier if the selected fields were auto-selected (or better: auto-copied).

  • Tags:
  • Filed under: Design, No License, Web Based
  • 0 Comments
  • Pictaculous is a free web-based service which generates the color palette of an image you upload.

    And, it provides color palette suggestions from Adobe Kuler & Colourlovers which can be used with the image.

    Pictaculous

    Once the color palette is created, it can be downloaded as an Adobe Swatch file.

    Pictaculous also enables you to send the image & get results via e-mail (which is nice for using the service in phones).

    There are various web-based image editors that help a lot specially when you do not have the right image editing software with you.

    AIE, an open source Ajax image editor, is one of them but with a difference: it can be installed under your websites.

    So, besides using it as a standard image editor, it can be integrated with other applications you use (like image galleries, blogging apps., etc) by simply setting the "images folder" of these applications.

    Ajax Image Editor

    AIE has great features like:

    • resizing images
    • cropping images
    • rotate/flip images
    • apply filters
    • add text with a text tool
    • apply watermarks & more..

    It is built with Ext JS & uses PHP+ImageMagick on the server-side. For a demo, click here.

    PXtoEM.com is a website that makes converting PX values to EM values easier.

    PX To EM Conversion

    Conversions are based on 16px browser default size & you simply:

    • Select your body font size
    • And get the conversion
    • Or, manually enter PX or EM values to get custom conversions.

    The CSS file of the values you’ve choosen can be get based on the typography.css portion of Blueprint CSS to setup a default typography.

    Favicons are one of the must-haves of websites.

    They help making:

    • a website unique
    • easier to differenciate between tabs
    • easier to find in bookmarks..

    Create Favicons

    favikon is an easy to use online favicon creator.

    You upload an image, if the image uploaded is bigger than a standard favikon size, you can crop it & that’s it.

  • Tags:
  • Filed under: Design, No License, Web Based
  • 4 Comments
  • HTML-Ipsum is a website presenting "Lorem Ipsum" text in HTML format.

    It can also provide Mac-friendly outputs with:

    • Coda clips
    • Textmate bundles
    • Menu bar app.

    HTML Lorem Ipsum

    Several types of content is provided like:

    • Long-medium paragraph, one sentence
    • Unordered list – short/long items
    • Ordered list – short/long items
    • And a combination (with extras).

    One feature that would be great is the possibility to switching to the "design-view" (although presenting the HTML is the main aim).

  • Tags:
  • Filed under: Design, No License, Web Based
  • 2 Comments
  • Lorem2 is a very simple website with an useful content.

    Lorem Ipsum Text

    It presents lorem ipsum content in various formats:

    • short paragraphs
    • long paragraphs
    • short lists
    • long lists

    You may also like a previous post at WebResourcesDepot: Lorem Ipsum Generators.

  • Tags:
  • Filed under: Design, No License, Web Based
  • 0 Comments
  • Feng-GUI is a free web based service that enables you to view: "which areas of an UI is getting the most attention when an user looks at it in 5 seconds".

    With an artificial intelligence behind, the service generates a heatmap over an image uploaded.

    User Interface Heatpmaps

    Generated heatmap’s opacity can be changed for a better view & can be viewed in a bigger modal window or downloaded.

    Feng-GUI is very handy to get another thought -about a user interface designed- other than the collagues, customers..

  • Tags:
  • Filed under: Design, Other License, Web Based
  • 1 Comment
  • CSS Grid Builder is a web tool which can create standards-compliant grid layouts with a few clicks.

    Outputs are generated with the powerful Yahoo! UI Library: Grids CSS which offers pre-built templates & page layout combinations.

    Auto CSS Grid Builder

    YUI Grids CSS:

    • Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
    • Supports easy customization of the width for fixed-width layouts.
    • Flexible in response to user initiated font-size adjustments.
    • Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
    • Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
    • Layouts less than 100% are automatically centered.
    • Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
    • Offers full A-grade browser support.

    CSS Grid Builder is a quick solution specially for Yahoo! UI Library users or web developers who are better in coding rather than design.

    Tag Clouds, which has a positive seo effect for websites + increases the usability of websites in many cases are normally generated dynamically.

    You may want to create a static tag cloud or see the keyword density of a website – file – text input as a tag cloud.

    TagCrowd

    TagCrowd is a web-based service which visualizes the keyword density of an input as a tag cloud (text cloud – including the css & html).

    Here is the tag cloud of WebResourcesDepot homepage:

    Static Tag Cloud

    Supported Inputs:

    • website url address
    • text file
    • text itself

     

    Tag Cloud Generator

    Tag Cloud Generator can call tags from an URL address or tags can be mentioned manually to create the static tag cloud

    Tag Cloud Generator

    Supported Inputs:

    • website url address
    • text itself

    Tag Cloud Generator has an easy to use interface with font size, color & other customization options.

     

    tagCloud.de

    tagCloud.de is aslo a simple to use tag cloud generator offering less customaziton options. On the other hand the standard tag cloud generated has a nice look.

    Supported Inputs:

    • website url address
    • text itself

     

    Rainmaker

    This tag cloud generator has a handy option which lets you exclude the words you want. Besides this you can define font settings per keyword frequency too.

    Supported Inputs:

    • website url address
    • text itself
    Uptime Robot
    Loading...
    Get WebResourcesDepot Weekly
    A Weekly Newsletter For Web Designers And Developers
    feed-holder
    FeedBurner
    • file uploading, video/audio/image encoding, s3 storage and much more
    • PSD to HTML
    • PSD to HTML
      aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter