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

Posts Tagged ‘Pattern’

In order to get inspired on colors and color-oriented design resources, there are several popular websites that are focused totally on colors, like Kuler from Adobe.

Colrd is another one where you can find high quality color palettes, gradients or patterns and also share your creativity with others.

With a simplistic interface that highlights the resources, it is possible to filter items by colors, popularity and even hue, luminance, etc.

P.S. Colrd has also created and sharing several open source color pickers.

Colrd

Since ever, we create patterns as image files and use them in web pages by simply attaching them to the backgrounds of elements via CSS.

Patternizer, a web-based pattern design application, brings a different approach in how we create and use them.

Patternizer

The application enables us to design a pattern by simply inserting any number of stripes, rotating them and setting their properties like opacity, color, width or offset.

While we are designing the pattern, the application generates a code including the values of variables which can be used with a JS-library provided (patternizer.js) to build that pattern with HTML5 <canvas>. No images used, just a lightweight JavaScript file and few rules.

The method usually ends up in a smaller-sized solution and, best of all, the pattern can be manipulated by simply changing the values.

Also, with a free membership, it is possible to save and share patterns created.

Patternify is a free-to-use web application for designing stripe patterns without using any image editing application.

The pattern can be drawn pixel-by-pixel over a custom-sized canvas, where the design can be previewed live, with the colors and opacity wanted

Once it is complete, the output can be downloaded as a .PNG file or you can use the generated base64 CSS code instead.

Patternify also creates a unique link for each pattern design for easily sharing them with others.

Patternify

As the popularity of Android rises and more applications are being built for the platform every day, the number of development-related questions increase as well.

Android Patterns is a website which aims to bring a solution to the design-related questions by sharing widely-accepted answers (patterns) for them.

Android Patterns

The patterns are demonstrated in a wireframe and provided with descriptions of when and when not to use them, the pros/cons and screenshot examples.

There are main categories like "Dealing With Data" or "Navigation" and many sub-categories (questions under each).

P.S. If you have patterns that you want to share with others, it is possible to submit them as well.

Web & Patterns is a website that collects and displays screenshots of interface design patterns.

The patterns are very well categorized from forms to paginations or typography to breadcrumbs.

Every screenshot has a short definition that mentions "why it was added to the gallery" & anyone can share their thoughts about the screenshots.

Web & Patterns is a very nice resource for anyone who wants to quickly browse for an inspiration on a specific design element.

Web And Patterns

Repper is a free web-based application for creating patterns from any image.

It is possible to upload a custom image or use a random image that Repper provides to start using the application.

At this point, the only thing to do is to start dragging a resizable box where it displays the generated pattern instantly.

Image To Pattern Creator: Repper

The created patterns can be saved or downloaded. And, the saved ones can be browsed by other users.

While browsing the gallery, you can vote patterns & sort them according to their popularity, view numbers, etc.

  • Tags:
  • Filed under: CC License, Design, Texture
  • 1 Comment
  • Free Stock Textures is a fresh website presenting 680+ high quality textures that are ready to download.

    It presents totally new textures as all the photos used are taken by the website owners: Paul Wozniak and Eva Sajdak.

    Free Stock Textures

    Textures are very well-categorized like grunge, metal, stone & best of all, they can be browsed by color as well.

    They can be used on both free & commercial use (for any type of artwork).

    MephoBox is a website displaying quality website interfaces with a well-categorized presentation.

    Some of the categories are:

    • 404 errors
    • Sick calendars
    • Top headers
    • Site comments
    • Navigation menus & more

    Website Design Inspiration

    MephoBox is free to use but anyone can register & add new designs to the collection.

    It is definitely a nice & growing inspiration resource for any web designer.

    Bomomo is a Flash JavaScript drawing application which is not totally under your control.

    With some moving objects, you can choose between different object & animation types and it will draw figures due to your selections and mouse movements.

    Flash Drawing Application

    Bomomo works only in Firefox.

    It is a very different application that can create random graphics which can be used in patterns or textures or just to be inspired from them.

    On the other hand, if you would like to check some beautiful work built with Flash & randomness, you must definitely check the portfolio of Joshua Davis who uses random algorithms within Flash to create professional designs.

    Backgrounds, patterns can easily change the total look & feel of a website.

    Squidfingers is sharing 150+ patterns that can be used in our designs.

    Free Patterns

    Click to check them out.

    Uptime Robot
    feed-holder
    FeedBurner
    • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
    • PSD to HTML
    • ManageWP
      PSD to HTML