Kris van der Ven

Interaction Designer & Front End Developer

at 72dpi

Help, my client wants a responsive website!

Ok, responsive, I can do that. I just have to make 3 different wireframes, it's more work, but it will do. Oh wait, mobile has landscape and portrait, better make 4 different wireframes.

Effective responsive wireframing

I wonder if Axure, Visio, Omnigraffle or Fireworks are the best tools for this job. It's possible to make multiple designs of the same screen, but can it be done quicker?

I hear some IxD are using Twitter Bootstrap to create responsive prototypes, but maybe there is a better alternative. A library made for wireframing?

Meet Wirefy!

bq. Wirefy is a responsive wireframe framework for rapidly experimenting with layouts to create the best user experience and test functional features.

Nice, but can I use it?

That is where this post comes in, I'm writing this as I try to figure it out.

I started by cloning the git repository form github, but you can also download it. When the files are on your computer, you can open the index.html in your browser. Now, try to resize your browser, and see it change.

Before I use Wirefy on an actual project, I tried to create a wireframe for a simple site I've made in the past, a main image with 4 columns beneath. I expected it to take seconds, but it took a little longer.

Verdict

Here are some pros and cons I noticed while using Wirefy.

Pros

  1. You only have to define your content once, it's responsive out of the box.
  2. It's designed for use on multiple devices.
  3. Using HTML elements are retina proof, except for images, it will look great on the iPad3.
  4. It uses some nice opensource solutions.

Cons

  1. Opening the "index.html" file can be frightning, it really needs to go on a diet.
  2. The Documentation is not satisfactory, you need to know your HTML and CSS. Also be prepared to dig for answers.
  3. The slider in the example breaks when adding more elements, not all elements work out-of-the-box.
  4. It has no option for adding notes, maybe in a future version.

Conclusion

Wirefy is a great idea, but I think it's not finished. It's too complicated, the documentation isn't finished and the basic elements don't work out-of-the-box.

I hope the people behind keep improving the framework. The field is changing, so must our tools.

written by kris+

Comments

Gravatar used by Clarkson coleman On Oct 18, 2020 at 05:44, Clarkson coleman wrote:

HAVE YOU LOST YOUR HARD EARNED FUNDS TO THE WRONG HANDS? MEET THE PROFESSIONAL HACKERS FOR HIRE TODAY. ⏱️ 2min Read 📁 Hiring a professional hacker has been one of the world's most technical valued navigating information. Regarding: •Recovery Of Lost Funds, •Mobile Phone Hack.(Catching A Cheating Spouse). •Credit Score Upgrade, VARIOUS HACKTIVITIES via [email protected] High prolific information and Priviledges comes rare as it has been understood that what people do not see, they will never know. The affirmative ability to convey a profitable information Systematically is the majoy factor to success. Welcome to the Global KOS hacking agency where every request on hacking related issues are fixed within a short period of time. When you wonder “which hacking company should I hire, the first aspect that should concern you is Sincerity. Secondly, Rapid response. Clearly, you want to embark for services that povides swift response. With our astonishing Hackers, you will be glad to find out that our services Implies precision and action. This post is definitely for those who are willing to turn their lives around for the better, either financial-wise, relationship-wise or businesses. The manual Operation of this hackers is to potentially deploy a distinguished hacking techniques to penetrating computers. If your shoe fits in any of the services below, you will be assigned to a designated professional hacker who is systematically known for operating on a dark web V-link protocol. Providing value added services to clients as a hacker has been our sustaining goal. Are you faced with cyber challenges like 💰Recovery of lost funds:✅(BITCOIN INVESTMENTS, BINARY OPTIONS, LOAN AND TRADING FOREX WITH FORGERY BROKERS.) 🖥️I would try my possible best to shortly explain this in particular. This shocking study points to one harsh reality we all face today. It saddens our mind when client expresses annoyance or dissatisfaction of unethical behaviours of scammers. We have striven to make tenacious efforts to help those who are victims of this flees get off their traumatic feeling of loss. The cyber security technique used to retrieving back the victims stolen funds is the application of a diverse intercall XX breacher software enables you track the data location of a scammer. Extracting every informations on the con database. Every information required by the Global KOS would be used to tracking every transaction, time and location of the scammer. This is acheived using the systematic courier tracking base method• However, there are secret cyber infiltrators called brokers and doom. The particular system used by this scammers permeates them to manupulate targets digital trading system or monetary fund based accounts. Strictly using a dark web rob to diverting successful trades into a negative outcome. This process bends to thier advantage while investors results to losing massive amount of money. An act of gaining access to an organization or databased system to cause damages. We have worked so hard to ensure our services gives you a 100% trading success to recover all your losses• 📲 HACKING A MOBILE PHONE:.✅ Do you think you are being cheated on? Curious to know what your lover is up to online? This type of hack helps you track every movement of your cheater as we are bent on helping you gain full remote access into the cheater's mobile phone using a Trojan breach cracking system to penetrate their social media platforms like Facebook, whatsapp, snapchat etc. The company is large enough to provide comprehensive range of services such as• • Email hacks📲 • Hacking of websites.📲 • Uber free payment hacks.📲 Our strength is based on the ability to help fix cyber problems by bringing together active cyber hacking professionals in the GlobalkOS to work with. Contact: ✉️Email: [email protected] [email protected] ®Global KOS™. 2020.

leave a comment