Mockingbot – FREE mobile application wireframe tool!
The Easiest Way To Design Mobile application wireframe
IT’s FREE! just a simple step from idea to clickable prototype in 10 minutes.
It’s very easy to create screen transition with MockingBot, the only thing you need to do is dragging the link handler beside widget to the target screen, and it’s done, see below image:
After you drop the handle on target screen, you’ll see screen transition panel like below:
The transition panel is consistent with 3 parts: gesture, transition effect and timer, let’s explain them separately.
Gesture: You can only set gesture for 4 widgets at now, they’re global gesture, link region, image and rectangle. MockingBot supports 6 gestures: tap, hold and left/right/top/bottom swipe.
Transition: We have 15 builtin transition effect for you using, and you can move mouse to the demo region to preview the transition effect before you apply it.
Timer: if you set timer for a screen transition, the transition will be triggered on the time you set without user’s interaction.
Screen Scrolling
If you have a very long screen and like to scrolling the content in preview mode, it’s very easy with MockingBot, you can simply click the “Expand screen” button on the bottom to adjust screen height, like below:
You can also drag the bottom bar to adjust screen height more precisely.
You can now block them easily with the free blocking service for Apache Web Server. Simply select the countries you want to block from your Website and press the “Download” button.
Instantly, the .htaccess information is generated for you. Copy and paste this generated code into your .htaccess file and it denies the visitors from the selected country to access your Website. You can efficiently block unwanted traffic from non-converting, fraud and spamming countries you do not want to give access.
If you want to block visitors in IIS Web Server, please consider the commercial edition of the IP2Location ISAPI Filter.
It is very easy to use our IP block country generator.
Sprite Cow is another one which is open source and works very effective by auto-recognizing the different elements inside a single image.
So, you design the sprite image in your favorite imaged editing application, upload it to Sprite Cow and simply click (or click + drag) on each element to get their width, height and background-position as a CSS rule.
Dimensions App is a free tool for web designers & developers to test their responsive website design. Using our Chrome App you can use it offline.
Features:
* Draggable handle to find breakpoints * Works with local or remote servers * Choose from a selection of popular devices * Ability to hide scrollbars * Works with JS auto-refreshers including LiveReload
The Tabifier is a tool to properly indent computer code. The style it produces is a mix of my personal preferences for indentation plus what I could manage to make a program produce from dirty source.
The Tabifier currently supports CSS, HTML, and C Style code; the latter being anything that uses curly braces to start and end blocks, and semicolons to terminate statements. JavaScript and PHP both fall into that latter category. (For JavaScript, only when you put the semicolons in, which you always should even though they’re technically optional.)
