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

2015 kick-starts with a surging trend for websites that sport a large video or image background, and continues in the tradition of fancy typefaces and fonts for WordPress users. This year, we can expect WP themes to introduce some new techniques for extracting dominant colors from backgrounds, responsive image re-sizing, and quick loading.

As for type kits, you won’t find any shortage of options. Before Google Fonts started handing out beautiful fonts for free, only wealthy WP projects got their share of splendid typography. But now, the cost associated with beautiful type kits is no longer divorced from reality. Even further, they are often part of the deal with any well-designed WP theme.
Read the rest of this entry »

Not every designer loves prototyping but it is a huge part of the creative process. Learning how to prototype on paper can be a great start, but it’s not always the easiest method. Software and webapps have been created to make the process easier for wireframing interfaces and drafting prototypes or storyboards digitally.

Take a look at these tools and see if anything catches your attention. Getting started with prototyping is much easier than you would think! Just like any skill it requires patience and lots of practice. Some of these products are free while others offer a free demo/trial account. But even if you don’t like prototyping on a computer you can always go back to drafting on paper.

Frame Box

framebox lightweight wireframing tool

Read the rest of this entry »

Whether you’re a CSS rookie or frontend virtuoso, frameworks can be used effectively during the early stages of development. Crafting a website from scratch is sometimes useful and oftentimes necessary. But it’s not the only solution in this wacky open source wonderland.

I’ve put together a large handful of free open source CSS frameworks related to every topic including mobile design, grid design, UI kits, animations, and typography. A good framework can be truly beneficial when you need to finish a project real quick and don’t have a need to hand-code everything from scratch. Take a look over some of these CSS libraries and see if you could try anything in future design work.

Topcoat

topcoat open source css framework webapps

Read the rest of this entry »

Every so often it may benefit your argument to display large portions of visual data. This content might appear in any format from bar graphs, pie charts, scatter plots, venn diagrams, or even visualization webs. There are dozens of tools out there to help create graphics for data-based content. This gallery includes 16 examples of jQuery plugins which are perfect for any visual data exhibition.

Pizza Pie Charts

pizza pie charts playground open source

Read the rest of this entry »

Most web designers tend to work in Photoshop because pixel mockups can be easier for developers. However designing vector-based interfaces will allow resizing for any resolution and easily offers a method of exporting the image in pixels. Illustrator can be just as useful when designing custom website graphics or icons.

Take a look at these detailed and useful Illustrator tutorials explaining how to build unique website interfaces. These articles go over common webpage elements, icons, buttons, and other similar graphics. Even if you’ve never used Illustrator before, these tutorials are excellent learning materials for getting started with vector-based web design.

404 Error Page

illustrator tutorial 404 error webpage

Read the rest of this entry »

Mobile responsive design is one of the greatest achievements in recent web design history. A very popular responsive technique is the hidden drawer sliding navigation menu. This can be found in smartphone applications but has also grown into a popular choice for web development. In this post I’ve organized ten free plugins that you can use to create quick & easy sliding navigation menus.

Shifter

shifter jquery sliding menu plugin

Read the rest of this entry »

As web designers, we have always relished the creative aspect of our work, and tended to shun the more technical tasks. WordPress is the choicest website building platform in the world, but it requires some coding skills to setup, administer, and maintain your client websites, especially if you design a custom theme.

Things are really starting to look up for us. We are now free to adopt simpler solutions that focus on design.

Read the rest of this entry »

One luxury of modern web development is the access to many resources which simplify the process. HAML stands for HTML Abstraction Markup Language and is a great example of such a resource. It seems like a completely new language but the syntax is relatable to classic HTML.

These tutorials should help you get started with coding HAML for any web project. The code behaves very much like SASS for CSS so at first it will be a little confusing – but if you really want to learn just stick with it! After some time you’ll grow accustomed to the process and it’ll become like second nature.

HAML Intro

haml intro tutorial guide official website

Read the rest of this entry »

We all remember the classic JavaScript alert boxes and their alarming annoyance factor. Fortunately open source libraries like jQuery have come along to offer a better solution: free plugins. Alert boxes, confirmation dialogs, and modal windows are part of the same collection of interfaces which can be implemented using similar methods.

In this post you’ll find 20 free open source jQuery plugins for creating unique alert boxes and modal windows. Most of them are responsive and include parameters which you can customize based on the project. Take a peek at these great plugins to see if you can use anything in your next web project.

Remodal

remodal window popup modal ui

Read the rest of this entry »

2014 is coming to an end and the world is gearing up for 2015. So while people fill up their wardrobes for the next year, have you filled up your design box with the latest trendy resources? We bring you plenty of premium quality resources in collaboration with DealFuel to add to your Pandora box. You can find new patterns, icons, textures, badges, graphic designs, and templates.

Silverback Template

A new template can do wonders to any website. If your new web project can make use of a responsive template, how cool would it be? In addition, what if the template is based on Foundation5 framework? All the better, right?

We have the awesome new Silverback Template that is crafted with a responsive slider, mobile menu and modal pop-ups. It will be a worthy addition to your web resources as it will be useful for any kind of web design projects.

Grab this awesome deal right here!

Read the rest of this entry »

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com