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

Archive for the ‘Design’ Category

Both mobile and web interfaces can be enhanced through proper icon use. There are many varieties and styles of icons, so it’s important to figure out when and why you’d need them. But the absolute best resources come in the form of premium iconsets with hundreds of different choices.

Take a peek at the following selection and see if any icons could be of use in future project work.

Smashicons

smashicons icons design

Read the rest of this entry »

One of the most disputed issues in web design today is the seemingly-eternal question: To Code or Not to Code? You’ll hear opinions in every which way but the truth is at the end it comes down to efficiency and workload. If you’re designing for fun and love the developer’s point of view, do that; but if you’re trying to grow your design business the answer might be more complicated.

That’s exactly why many agencies are going for the no-code design options. Many tools out there are currently offering ways to create a site from scratch with only user-friendly, visually based tools and no coding. These vary in style and quality, obviously; some fit amateur needs and some are more professional-oriented.

Read the rest of this entry »

  • Tags:
  • Filed under: Web Based
  • 0 Comments
  • From agencies to blog magazines, fixed headers are all the rage. It’s more common that this effect is created with plugins rather than custom-coded effects. Because of this fact many developers have released free open source plugins for fixed navigation bars. Take a look at these examples and see how they can fit into your projects.

    Headroom.js

    fixed header headroom js

    Read the rest of this entry »

    Working freelance is always a challenge. Juggling work and client communication is never easy, but with the right tools your job can be a little easier. These resources have been hand-picked for designers working on their own or running a very small agency. Most of these tools are based online and target a niche that every freelancer is looking to fill.

    Mail’ette

    mailette design approvals webapp

    Read the rest of this entry »

    Whether you’re into photography or UI design, Photoshop is considered the premiere tool for both. Workflow tips and keyboard shortcuts are great ways to save time but Photoshop actions can be just as useful. These are automated tasks which run over any number of documents at the click of a button.

    Most designers create their own actions but some are happy to release actions online for free. This gallery includes 20 free actions that you can download and reuse in your own Photoshop design work.

    No More Banding

    photoshop free action no more banding

    Read the rest of this entry »

    CSS3 introduced the idea of self-hosted font families which paved the way for icon fonts. These icon fonts are like Wingdings but they’re actually useful. Icon webfonts are easily scaled because they’re rendered as text in the browser. As such they can only use a single color but still have a variety of benefits over traditional image-based icons. If you’re looking for an icon font for your next project consider one of these popular(and free) solutions.

    PaymentFont

    payment font icons free webfont

    Read the rest of this entry »

    Brushes can be some of the most useful resources if you know how to use them. Both Photoshop and Illustrator utilize brushes of different mediums, but they can be used for very similar purposes. Brushing may be used to add texture, background effects, or vector art into a design.

    If you’re looking for high-quality PS/AI brushes then look no further! This gallery includes 15 of the best websites that host free downloadable brush packs. All of the brushes are free and high-quality – plus these websites should be handy whether you use Photoshop, Illustrator, or both.

    Brusheezy

    brusheezy free brushes resources

    Read the rest of this entry »

    There are too many WWWs, too many work-in-progress websites, too many places to get lost. Building an eye-candy landing page is a must if you aim to keep your prospective users interested and start a meaningful dialogue.

    Achieve More with the Right Landing Page

    Starting from here, you need to make sure you go straight to the point and use the best tools for your business purposes. For example, one is Qards, a robust WordPress visual editor crafted by Designmodo. It is intuitive and easy to use, and you can create a landing page in minutes. Literally.


    Read the rest of this entry »

  • Tags:
  • Filed under: Web Based
  • 0 Comments
  • Our listing includes a number of excellent PSD to HTML conversion websites. Some provide a variety of different services, while others have core competencies in one or two areas of specialty.

    Any one of them is in a position to make your development project a bit easier for you; quite a bit easier in many cases. Most offer conversions to Responsive code, a service that is rapidly growing in importance, especially for those who own or maintain a commercial website that needs to cater more heavily to the mobile crowd.

    In any event, what you will find here generally covers the bases as far as converting design to code is concerned. It is our hope that you will find something of benefit to you, but in the off-chance you do not be sure to visit us again. We upgrade our list periodically in an effort to always bring the latest and greatest to your attention.

    PSD To Manythings

    The need for Responsive HTML code is becoming a must in the world of Ecommerce, as the search engines are beginning to divert more attention on the needs of mobile device users. One of PSD to Manythings core competencies is the ability to quickly and precisely convert your Photoshop design into Responsive HTML. This software development company is just a little over 3 years old, yet it has already established itself as one of the premier companies of its kind in the industry.
    Read the rest of this entry »

  • Tags:
  • Filed under: Xhtml & Css
  • 0 Comments
  • Once you understand the basics of CSS it’s natural to move onto more detailed subjects. Animation is one such area which has been quite complicated until recently. CSS3 allows frontend developers to animate subjects without any JavaScript whatsoever. SVG images can be used with CSS3 to create stretchy and vectorized animations. The following tutorials should get you on the right track towards mastering SVG animation with CSS.

    Christmas Lights

    animated svg christmas lights

    SVG Files in Illustrator

    exporting svg from adobe illustrator

    Read the rest of this entry »

    Uptime Robot
    feed-holder
    FeedBurner