Customer feedback quickly and easily -
Traffic Light Feedback

Archive for the ‘Design’ Category

365psd is a website which publishes one quality PSD file every day that can be used in our designs for free.

PSDs are created by different designers & they can be browsed simply with prev-next buttons.

Also, they are tagged (including the colors) which will make finding similar items easy once the number of files get bigger.

365psd

With the rise of the CSS3, we're seeing more & more tutorials + websites everyday that help us to use it.

After the CSS3, Please!, which was shared at WRD few days ago, Randy Jensen has created a very easy to use website for creating CSS3 rules named CSS3 Generator.

CSS3 Generator

It simply lets you to choose the rule from a list that includes:

  • border radius
  • box shadow
  • text shadow
  • RGBA
  • @font-face
  • multiple columns
  • box resize
  • box sizing
  • outline

and customize them while previewing the outputs instantly.

PC.DE, a website focused on new generation internet technologies, is sharing 4 different sets of free icons.

Every set contains the same items which are drawn differently and consists of 60 icons.

They come in 2 sizes: 16*16px & 32*32px, both in transparent .PNG.

PC.DE Icons

  • Tags:
  • Filed under: CC License, Design, Icons
  • 3 Comments
  • CSS3, Please! is a web-based & simple-yet-effective cross-browser CSS3 rules generator.

    As every browser may require different prefixes for the CSS3 properties, this tool makes it so easy by providing them all with an editable & well-commented way where the output can be seen instantly.

    Currently, it helps you write the rules for: border-radius, box-shadow, linear-gradients, rotation & @font-face. Some other transforms like skew & scale will be added soon.

    For some transforms, that Internet Explorer can support via IE filters, they are mentioned too.

    CSS3 Please

    Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3.

    There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes.

    The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require JavaScript to add this support (like IE7.js).

    CSS3 Speech Bubbles

    Gesturecons is a set of 50 vector gesture icons which is specially designed to be used with projects related to multi-touch interfaces.

    However, they can also be used inside any application to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it

    They come with .PDF, .AI, & .EPS file types which is great for editing or creating derivatives of the icons provided.

    Gesturecons

    Less Framework is a lightweight CSS framework for building flexible multi-column website layouts.

    It contains an eight-column grid optimized for a line-height of 24px & a set of typography presets based on the golden ratio which is parallel to the grid’s vertical rhythm.

    Less Framework

    Web pages created with the framework collapse smartly into a single column in modern browsers & on small screens.

    Less Framework uses the HTML5 enabling script by Remy Sharp & optionally there is a JavaScript function provided (requires jQuery) included which mimics the function of min-device-width for browsers that do not support it.

    Fuel Your Interface, a blog focused on UI design, is presenting a free web-design UI wireframe kit.

    The kit comes as a .PSD file which is completely built with shape objects (in some cases converted into SmartObjects).

    It includes the most frequently web design objects like buttons, forms, pagination, tabs, breadcrumbs & much more.

    Web UI Wireframe Kit

    SVG-edit is an open source & web-based vector graphics editor application that is built with JavaScript.

    Every image drawn generates a SVG output which makes integrating SVG-edit into any application & displaying the results easier.

    SVG-edit

    It comes with a lot of features like:

    • free-hand drawing
    • lines, polyline, rects/squares, ellipses/circle, polygons/curved paths
    • stylable text, align
    • raster images
    • select/move/resize/rotate
    • undo/redo
    • color/gradient picker
    • layers
    • draggable dialogs

    The application is very handy for anyone who is looking for a customizable solution to enable users draw online where the output can be saved.

    Visual or not, there are lots of factors that define a brand. And within the visual ones, logo is probably the most important element.

    It can be a logotype, a symbol or a combination where none is better than other & can define too many things like strength, sincerity, quality, speed, etc.

    If you're looking for inspiration to create an awesome logo, here is a collection of 20+ frequently updated websites that present beautiful logos around the world which will definitely help you:

    LogoPond

    LogoPond

    Logo Faves

    Logo Faves

    LogoHeroes>

    Logo Heroes

    Read the rest of this entry »

    Uptime Robot
    feed-holder
    FeedBurner
    • PSD to HTML
    • activeCollab | Project Management
    • PSD to HTML
      MailChimp
      PSD to HTML

    Vivvo CMS - Web Publishing at your Fingertips