Metrize is a slick set of 300+ vector icons that have a Metro UI-like style.
The set comes in multiple vector formats (PSD, SVG, EPS, AI, PDF) and as a web font.
All major items required for web apps are included in the set (like arrows, actions, social networks, etc.).
And, it can be used freely in both personal + commercial projects (no attribution required).
In the past, "few resources for sketching websites on paper with ease" was shared at WRD.
Here is a new one -Responsive Sketchsheets- that fulfills the need of sketching responsive website layouts by ZURB.
The download pack includes a single PDF file with multiple scenarios: "only mobile", "mobile and desktop", "tablet (with orientation)".
Also, another package is provided which includes the standard sketchsheets by the same company.
When designing websites and/or apps, sketching ideas can help thinking on ideas visually and ease discussing on them.
Interface Sketch is a pack of free browser sketch sheets for web, mobile and tablet.
They are available as PDF files, provided in 2 sizes: A4 + US letter and includes the most popular devices like iPad, iPhone 4-5, Nexus Tablet, Android Phone or Windows 8.
Smashing Magazine has released a very handy freebie for designers/developers that are working on mobile project.
It is a set of UX sketching and wireframing templates which consists of 2 parts:
This is a pack of 28 printable sketching and wireframing papers (in PDF) for the most popular mobile platforms.
There are various combinations in the set like actual size, 10 devices fit to a page, and landscape layout.
Also, an Illustrator file which displays the mobile devices is provided.
These are papers for easily analyzing the optimal tap areas without playing with a real mobile device.
It has 9 PDF files that come in different sizes.
PDF files that are created online usually make use of the server-side languages (and their extensions/libraries for PDF).
jsPDF, a free JavaScript library, doesn't need any server-side script and can create PDF files on the client-side.
It has support for text (styling is possible), drawing shapes and images. Also, the document can be set as landscape and metadata like subject an title can be added as well.
The library works with no requirements in modern browsers and has a Flash-fallback for the others.
Creating wireframes in the beginning of any design process can help creating an output without any surprises.
Sneakpeekit is a website providing high-quality PDF sketch sheets for web designers.
The sheets are compatible with the most popular grid systems like Less Framework 4, 978 grid system, 1140 css grid, The Semantic grid system, Bootstrap from Twitter, etc.
And, they are not only for the desktop browsers but there are versions for tablets and mobile as well.
E-books have a regularly increasing popularity and they are a great way of distributing any type of content.
Easybook is an open source, PHP-powered project for creating good-looking PDF books, websites and e-books.
Books are designed with modern and standards-based technologies; HTML5, CSS3 and Twig.
The books can be customized completely from chapter labels to table of contents, margins, custom themes and even highlighting syntax.
Easybook works very fast, very easy to learn and configure (also, it has a detailed documentation).
Picons.me, an icon design company offering various icon sets, is sharing a set of 60 social icons for free.
The set has items for all the popular social networks and comes in multiple vector formats: .AI, .EPS, .PDF.
There are also .PSD + .CSH versions and .PNG in 8 different sizes (from 16*16px to 512*512px).
P.S. In order to prevent any confusions, the resource's website mentions that the Picons.me license doesn't apply to this social set.
Touch screen devices, specially with the popularity of iPhone and iPad, are on the rise.
Just like standard websites, icons help so much in guiding users "about the the usage" of the websites/applications built for them.
GestureWorks is sharing a set of 20 free gesture icons that covers most of the scenarios like:
The icons come as transparent .PNG files and also in vector formats (.EPS, .AI, .PDF) for improving further.
Every web designer can follow a different route when sketching the output. It can be an image in the mind, created with a software, drawn with hand on a paper, etc.
Whatever your choice is and even if paper sketching is not your best option, it can still be needed for anyone (while discussing with a client, sketching offline and instantly..).
Paper Browser is a set of PDF files that look like a browser which can be used for sketching easily once they are printed.
They both come with landscape and portrait versions.
