background preloader

Wirify – The web as wireframes

Wirify – The web as wireframes

Related:  useful sites for web designUX ToolsPortfolio Site

Griddify, a Tiny Photoshop Panel for Guides and Grids Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Download and install ZXPInstaller. It helps you install Griddify and other Adobe extensions easily. Good design Back in the early 1980s, Dieter Rams was becoming increasingly concerned by the state of the world around him – “an impenetrable confusion of forms, colors and noises.” Aware that he was a significant contributor to that world, he asked himself an important question: is my design good design? As good design cannot be measured in a finite way he set about expressing the ten most important principles for what he considered was good design. (Sometimes they are referred as the ‘Ten commandments’.) Here they are.

Apps Without Code — Building Without Code (part 3 & 4) Building Without Code (part 3 & 4) Well…I guess this is becoming a series! See part 1 & part 2 here For over a year, I’ve been chronicling my experiences launching a tech startup, without writing any code. As Kollecto grows, I get more sophisticated in how I build. Thus far, my posts have unintentionally been helpful to lots of non-technical founders, so I wanted to share another update on how exactly I’m making this work. CSS Grid Builder - ZURB Playground - CSS Code Product Design Training from the Experts at ZURB This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS. This is just a simple modal with the default styles, but any type of content can live in here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis sem vel enim eleifend tristique.

A Closer Look At the Blueprint CSS Framework Blueprint is a CSS framework that can save you time and headaches when working on any project that involves HTML and CSS, whether it be with Rails, PHP, or just laying out an HTML page. In this tutorial you will get a look at the inner workings of Blueprint and we'll take a look at demo application that uses Blueprint to get a better idea of how to use actually use the framework. 1. 20 Best Photoshop Plugins For Designers Although there are many great and free alternatives, Photoshop is still the most popular and powerful graphics editor, and the default choice of many designers, illustrators and photographers. If there’s a feature you need, but can’t find in Photoshop, don’t worry – countless scripts and plugins are available to help you extend and improve Photoshop’s functionality. Here is a selection of 20 useful Photoshop plugins for designers. Photoshop Plugins For Mockups and Layouts

Crazy Egg - Visualize where your visitors click Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology A heatmap is an easy way to understand what users want, care about and do on your site by visually representing their clicks - which are the strongest indicators of visitor motivation and desire. A Crazy Egg heatmap lets you collect more than 88% of the data you would using a traditional eye-tracking process. At a fraction of the price. With no hardware. Website Building in 2016: The Maker Movement — CMS Critic In 2016, people who Google a service or a product are expecting to land on something specific. This is why small, beautiful websites are everywhere, with each one dedicated to a service, a product, or an event. The age of the landing page, inbound marketing campaign and SEO is well and truly here, with each of those building blocks making up the basics behind growth hacking. Website builders are arguably the best tools to design such small-to-medium sized sites. But what are these tools exactly? Wikipedia’s article about website builders states that:

Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out.

Prolonging the magic … A4 sketching paper – Henk Wijnholds Sunday December 27, 2009 Our daily sketching and prototyping work used to focus itself mainly on desktop applications. These days mobile is getting a larger and larger share of our design time. Not all sketching and prototyping tools for desktop applications work well for mobile apps. Therefore we need to broaden our arsenal of tools so we can more efficiently prototype mobile applications.

URL Decoder/Encoder URL Decoder/Encoder Input a string of text and encode or decode it as you like.Handy for turning encoded JavaScript URLs from complete gibberish into readable gibberish.If you'd like to have the URL Decoder/Encoder for offline use, just view source and save to your hard drive. The URL Decoder/Encoder is licensed under a Creative Commons Attribution-ShareAlike 2.0 License.

Related:  WireFramesWeb ServiceswebPrototypingdroundingUI/UXvarious stuffUsabilitySoftwareWeb design resourcesmindmapoutils pour le wire framing responsive3. Zoningweb course pagesUsability Stuff