background preloader - minimal wireframing tool

Click and drag to draw Creating elements of your wireframe couldn't be easier. All you have to do is draw a rectangle on the canvas and select the stencil type that will be inserted there. You can do that by dragging your mouse across canvas and selecting an option from a pop-up menu. If you need to edit anything just double-click it. Super-minimal interface

s Favorite Drupal 7 Contrib Modules We've been using Drupal 7 for all new sites for the past few months now, so we’ve put together a base site that we mirror to begin development on each new site. These are the contrib modules that we use on our base site. The modules in the Foundational and Everysite lists are always enabled by default. Foundational Modules The modules in this list are ones that we consider foundational. That means that they are either helper modules that are dependencies for other modules or we consider them indispensable for any good Drupal site to run well. Free Flat Icons This is a free flat icon set that embodies the recently popular Flat Design aesthetic. This freebie containing 10 icons is provided to you in PNG and PSD formats. These free icons were designed exclusively for Six Revisions by the design team at Preview Download Flat Icons Free (ZIP, 404 KB)

20+ Best Collections Of Adobe Illustrator Tutorials  Home » Graphics • Tutorials » 20+ Best Collections Of Adobe Illustrator Tutorials Adobe Illustrator is generally the primary option to consider. However, the software package itself is a pretty hard to study but thanks to graphic designers who created set-by-step tutorials for us. Adobe Illustrator can be a little tricky to get your head around, particularly after getting used to the workflow of applications such as Photoshop. In this roundup we’ve showcased “20+ Best Collections Of Adobe Illustrator Tutorials” for your inspiration, so let’s have a look and enjoy! Pair of Luscious Lips

Font style matcher If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that. Download from Google Fonts, or: Why It’s Important to Sketch Before You Wireframe Have you ever had an idea for a website or application? It’s easy to come up with the idea, but the hard part is understanding how that idea will take shape in user interface form. This is where sketching is useful. Sketching happens in many professions that involve creativity and construction. Even Leonardo Da Vinci had to sketch out his inventions before he started to build them.

A Beginners Guide to HTML & CSS - Terminology, Syntax, & Introduction Before beginning our journey to learn HTML and CSS it is important to understand the differences between the two languages, their syntax, and some common terminology. As an overview, HTML is a hyper text markup language created to give content structure and meaning. CSS, also known as cascading style sheets, is a presentation language created to give content style and appearance. 20 Resources for Beginner Designers & Developers Getting started in the world of design can be both thrilling and intimidating. Sometimes, you feel like you just don’t have the tools or skills you need to complete even the most basic projects. At other times, your mind is just buzzing with a multitude of ideas, but you may not have the best way to organize them. Yet, throughout the process of becoming a designer you will grow and expand both as a person, artist and designer. Design is the method of putting form and content together.

Studio The professional, open source development tool for the open web It's ready. It's time. About The Author Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs and is the author of The Smashing … More about Cameron ↬ While this information is important, I’m sure a lot of people were wondering when we were going to get into the nitty-gritty of actually creating some color schemes. That’s where Part 3 comes in.

Interface Origami In a previous post, I mentioned a way of thinking about interactions and interface within a framework of depth and space. The ideas were centered around the digital space, but as a designer I find it’s important to remove myself from that space and explore solutions that can originate in physical space. One of the easiest ways to do this is to break out scissors and paper.

Related:  PROTOTYPAGEOutils designMaquettageWIREFRAMES