Questions tagged [mockups]

The most common use of Mockups in software development is to create user interfaces that shows the end user what the software will look like without having to build the software or the underlying functionality.

Mockups

The most common use of Mockups in software development is to create user interfaces that shows the end user what the software will look like without having to build the software or the underlying functionality. Software UI mockups can range from very simple hand drawn screen layouts, through realistic bitmaps, to semi functional user interfaces developed in a software development tool.

Mockups are often used to create Unit tests - there they are usually called Mock objects. The main reasons to create such mockups is to be able to test one part of a software system (a unit) without having to use dependent modules. The function of these dependencies is then "faked" using mock objects.

Mockup Software can also be used for micro level evaluation, for example to check a single function, and derive results from the tests to enhance the products power and usability on the whole.

Mockup Software

Stack Exchange

The User Experience Stack Exchange Network supports balsamiq Mockups for describing an UI in a question.

113 questions
1
vote
2 answers

How to generate html files from web application?

I have a existing java web application. Whenever there are changes to enhance the application. What we usually do is that we will take the screenshots of the page and use some image editor software to copy and paste the modified design e.g. add new…
dfdf
  • 11
  • 2
1
vote
0 answers

Android mockup to implementation obstacle

I am trying to achieve an implementation looking like this mockup: You can see that the fold in the "paper" (there would be up to 5 folds) requires that the edges at the top become more visible (elongated) when the fold is scrolled to the very…
manmal
  • 3,900
  • 2
  • 30
  • 42
1
vote
0 answers

How to create a mockup on the server

I am trying to create a mockup for a pillow on a server so that when user add image I can use this mockup to make his image take the shape of the pillow and send the new image to the client I have tried some packages like ( 'jimp' , 'image-clipper'…
mohamed nageh
  • 593
  • 4
  • 9
  • 26
1
vote
1 answer

CSS Sticky iPhone-Mockup with scrolling content

i need your help. I want to build a iPhone-Mockup with scrolling Content. The Mockup is implement in the middle of a page. When i scroll down and the iPhone is visible and i keep scrolling, the phone must be sticky and i scroll only the content in…
user14149048
1
vote
1 answer

Build a Mockup Application Framework

I am trying to build an application that will help build mockups. So to be clear I am not looking to build an application using mockups but an application that others can use to build mockups. Do you know of any frameworks out there that I can use…
1
vote
0 answers

Necklace Mockup Tool in JavaScript does not always work as expected

I am using Shopify and a script located at https://app.cjdropshipping.com/static/shopify/pod/pod.js to generate mockups for a necklace product. You basically need to upload a photo and then it takes it and sends it to the server to generate a front…
1
vote
2 answers

Generate auto increment id from JSON schema faker

I'm looking for way to generate data by JSON schema faker js with IDs incremented from 0. When I'm trying to use autoIncrement parameter in schema, I get valid values, but this auto increment is started from random number. Is that possible to do…
1
vote
2 answers

Best Way for Web Workflow for Wireframe, to HTML to SPA React/Angular

I am new to front end web development. I work with a designer who makes mockups (no html) wire frames and the finished product is a React/Angular single page application. I was thinking of this workflow. 1) Get the mockup wireframe 2) Recreate it in…
Mitch
  • 31
  • 3
1
vote
2 answers

anyone have any sample psd mockup files that i can practice converting to xhtml and css?

Basically, I'm looking for sample psd web page mockup files that i can convert to XHTML and css. I'm new to web development, so I'd appreciate it if anyone provided samples thankx.
dave
  • 14,991
  • 26
  • 76
  • 110
1
vote
0 answers

Laravel Mockup Cache Redis

I have problem with mockup Redis and tags cache I get error Error: Call to a member function get() on null $cache = Cache::shouldReceive('store->redis')->shouldReceive('tags') ->once()->with('tripUpdate') …
1
vote
2 answers

How to customize Plone-5's folder_contents

I want to customize Plone's folder_contents to add an 'edit'-link to each listed item, like show in the image below. How would one do that?
Andy
  • 213
  • 1
  • 9
1
vote
1 answer

jquery or alike code generator

I'm looking for code generator that will help me to create mockup for web based GUI. I need to support tabs, buttons lists etc .. I don't care which technology used. Something similar to MFC/QT or any another GUI libraries usually provided as…
Ilya
  • 3,104
  • 3
  • 23
  • 30
1
vote
0 answers

Balsamiq mockups is deleting my next line in site map

Whenever I add a site map in Balsamiq mockups and edit it by double clicking it, it starts deleting my next line in the options. For example if I have my site map as follows: INDEX -NAVIGATION BAR --LOGO --HOME --ABOUT…
1
vote
0 answers

Omnigraffle templates: Avoid scaling of some parts of grouped shapes

I would like to create my own templates to mockup my web applications. Now imagine I had a Panel shape. It consist of a title and a body devided by a line. When I scale the template in its height later on I would not like to see the title bar…
Knörpeltäng
  • 453
  • 1
  • 3
  • 15
1
vote
3 answers

How should I create a desktop mockup?

I want to create a desktop mockup on Elementary OS 0.2. By "mockup" I mean something that shows off the aesthetic of the mockup, mostly just showing what selecting/clicking/hovering over a button or widget does to that particular part of the UI. I'm…
Ru1138
  • 163
  • 1
  • 2
  • 12