Google chrome “New Tab” settings

Dashboards apps to customize new tab:

Plugins to customize new tab:

Chrome special urls

 

Microsoft azure – WordPress hosting tuning

How to configure rewrite rules:

It’s necessary to connect via FTP to azure VM and update ftp://host/site/wwwroot/web.config file.

<rewrite>
			<rules>
				<rule name="Rewrite tcS3_media">
					<match url="^tcS3_media/(.*)" />
					<action type="Redirect" url="http://downloads.vodnici.net/{R:1}" appendQueryString="false" redirectType="Permanent" />
				</rule>
			</rules>
		</rewrite>

How to migrate other blogs to WordPress on Azure

 Mass delete all images from media library

  • install SQL Executioner
  • run DELETE FROM `wp_posts` WHERE `post_type` = “attachment”

How to configure S3 domain alias on web with cloudflare

We’re using S3 as a storage for releases of Skipper (originally ORM Designer). It’s a good and fast solution, but links to downloads aren’t so pretty:

https://s3.amazonaws.com/downloads.skipper18.com/Skipper-3.0.0.1024-Windows-all-32bit.exe

but what we want is something like this :

https://downloads.skipper18.com/Skipper-3.0.0.1094-Windows-all-32bit.exe

The solution is pretty simply. The only necessary thing is to create bucket on S3 with the same name link domain where the downloads will be available:

S3 bucket

and then configure new CNAME in cloudflare:

S3 alias

type: CNAME
name: downloads.skipper18.com
alias: downloads.skipper18.com.s3.amazonaws.com

And that’s all. Domain should be ready within fews seconds.

External links:

 

42 interesting wireframing tools

These days we are working on new ORM Designer websites and with it comes a problem: find ideal wireframing tool which will help us with designing the structure of new web. Our requirements were an intuitive multiplatform system that is freeware or low cost. So we’ve done a researche and made a list of 42 wireframing tools.

What are actually the wireframes? Wireframes are basic illustrations of the structure and components of web site or application and they are also called blueprints or skeletons.  If you are creating some web project, you need to attract users not only by design, but also with intuitive functionality and user-friendly solution.

Facebook wall wireframe example from Flairbuilder
Facebook wall wireframe example from Flairbuilder

Wireframes also improve communication between developers and clients, because clients can be provided with a series of sketched screenshots or a mock interface they can try before they’re coded so it eliminates misunderstandings on both sides.

You can create wireframes by hand on real paper, but there are plenty of tools for creating them. Here is list of 42 interesting tools for wireframing:

Axure RP

www.axure.com
Axure RP gives you the wireframing, prototyping and specification tools needed to make informed design choices, persuade any skeptics, get your design built to spec… and maybe win a few fans along the way. Choose the Standard edition for prototyping or go Pro to add documentation and collaboration features.

Available for platforms: Windows, Mac OS X
Price: from $289
Free Version: 30 day free trial

Balsamiq

www.balsamiq.com
Balsamiq is a wireframing and mock up tool with a high focus on usability. You can quickly come up with mock ups and easily share them with your clients.

Available for platforms: Windows, Mac OS X, Linux, On-line, plugin for Google Drive
Price: Desktop $79, On-line $12/Month, Google Drive plugin $5/Month
Free Version: Desktop 7 day free trial, on-line 30 day free trial, Google Drive 30 day free trial

Cacoo

www.cacoo.com
Free and user friendly online drawing tool that allows you to create a variety of diagrams such as site map, flowchart, mind map, wire frame, UML diagram and network diagram

Available for platforms: On-line, Google Chrome extension
Price: from $4.95/Month, $49/Year
Free Version: Free limited version (only 3 PNG exports, only 25lists)

FlairBuilder

www.flairbuilder.com
FlairBuilder is a prototyping tool that lets you create interactive wireframes for websites and mobile applications. It’s easy to learn and use, and comes with lots of options.

Available for platforms: Windows, Mac OS X, Linux (requires Adobe AIR)
Price: $99
Free Version: 15 day free trial

ForeUI

www.foreui.com
ForeUI is an easy-to-use UI prototyping tool, designed to create mockup / wireframe / prototypes for any application or website you have in mind. With ForeUI, your prototype project will be skinnable, since you can easily change the style of your prototype by simply switching the UI theme. You can even design the behavior of prototypes by defining intuitive flow charts to handle specific events. Your prototype can then be exported to wireframe images, PDF documents or HTML5 simulation.

Available for platforms: Windows, Mac OS X, Linux, Solaris
Price: $150
Free Version: 15 day free trial, on-line demo

FrameBox

framebox.org
Lightweight online tool for creating and sharing mockups (wireframes). Easy, fast and free to use.

Available for platforms: On-line
Price: FREE

Gliffy

www.gliffy.com
Professional-quality flowcharts, org charts, UML diagrams, network diagrams, wireframes, technical drawings and more. Gliffy is an online application that makes it easy for you to create, share, and collaborate with diagrams. It looks and feels like a desktop application, but it works through your web browser, so there is nothing to install or maintain.

Available for platforms: On-line, Google Chrome extension
Price: from $4.95/Month or $47.88/Year
Free Version: Free limited version (5 diagrams, 2 MB storage space, no Visio Import, no Google Drive Integration, no private diagrams)

HotGloo

www.hotgloo.com
HotGloo is an online, interactive wireframing & prototyping tool. HotGloo makes it easy to wireframe web and mobile sites and to cooperate with team members. HotGloo is web-based and therefore platform and terminal independent. The program has a user-friendly style and a high standard of interactivity.

Available for platforms: On-line
Price: from $7/Month
Free Version: 15 day free trial

iMockups for iPad

www.endloop.ca/imockups
iMockups for iPad is the premiere mobile wireframing and mockup app for your web, iPhone and iPad projects. The ease and mobility of an iPad app with the power of a desktop app at your fingertips.

Available for platforms: iOS
Price: $6.99
Free Version: –

Indigo studio

www.infragistics.com/products/indigo-studio
Indigo Studio – the fastest UI prototyping and interaction design tool – helps you quickly and simply explore and create functional, animated UI prototypes while maintaining the focus on user experience at every step. With Indigo Studio you can create storyboards with over 100 different scenes, wireframes with built-in interactive controls, and prototypes for your desktop, web, and mobile apps – all with no coding necessary!

Available for platforms: Windows, Mac OS X
Price: from $495
Free Version: 30 day free trial

InVisionApp

www.invisionapp.com
InVision lets you transform your designs into beautiful, interactive web & mobile mockups and prototypes

Available for platforms: On-line
Price: from $15/Month
Free Version: Free limited version (1 project)

iPlotz

iplotz.com
iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications. Create a project, add wireframe pages with design components and discuss your creations with others.

Available for platforms: On-line, Desktop (requires flash)
Price: On-line from $15/Month, $99/Year; Desktop $75
Free Version: Free limited version (Online use of 1 project, limited to 5 wireframe pages)

JustInMind

www.justinmind.com
Justinmind Prototyper is an authoring tool for software prototypes and high-fidelity website wireframes.

Available for platforms: Windows, Mac OS X
Price: $29/Month
Free Version: Free limited version (Export to interactive HTML is not allowed), 30 day free trial

Lovely charts

lovelycharts.com
Online diagramming application that allows to create professional looking diagrams, such as flowcharts, sitemaps, organisation charts, …

Available for platforms: On-line, Windows, Linux, iOS, Google Chrome extension
Price: Desktop: 59€, On-line: 29€/Year, iOS: 4.99€
Free Version: Desktop demo (saving and opening options are disabled), On-line demo (save one editable diagram at the time within your account, create and export as many diagrams as you need)

Mockflow

www.mockflow.com
MockFlow WireframePro is a web-based tool to design and collaborate user interface blueprints for websites and software. Its helps to visualize the website’s interface, navigation and structure in short time.

Available for platforms: On-line, Mac OS X, Windows (requires Adobe AIR)
Price: from $69/Year (for all apps)
Free Version: Free limited version (1 Designer License, 1 Project in each App, 2 Co-Editors per Project, 1 GB of Cloud Storage, Project Restrictions)

Mocking pal

play.google.com/store/apps/details?id=com.sharkear.penmockups
Mocking Pal is a mobile app that allows you to create mockups/wireframes of a website or an application. You can create wireframes on the run, share them with colleagues and get early feedback. It saves you a lot of time, so you can iterate even faster and try new concepts before committing to a design.

Available for platforms: Android
Price: FREE

Mockingbird

gomockingbird.com
Online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application

Available for platforms: On-line
Price: from $ 9/Month
Free Version: Free limited version (1 project with 10 pages; 2 users; no archived project)

Mockup Builder

mockupbuilder.com
Mockup Builder is a prototyping solution that helps design software or websites while reducing the time and cost spent on the negotiation stage. Identify your requirements and get the job done right!

Available for platforms: Windows, Google Chrome extension
Price: $7/Month
Free Version: On-line demo

Mockup Designer

fatiherikli.github.io/mockup-designer
The mockup tool that uses your local storage as backend.

Available for platforms: On-line
Price: FREE

Mockups for Android

play.google.com/store/apps/details?id=com.welant.mockups
Mockups for Android is a vector-based sketch wireframing tool for website prototyping and creating UI design concepts. With Mockups for Android editor you can experiment with concepts and sketch visual prototypes in minutes on your Android tablet or phone! Share mockups with your team, development community or clents.

Available for platforms: Android
Price: $4.99
Free Version: Free Lite version

Mockups.me

mockups.me
A collaborative, interactive UI wireframing application for any device and platform. Mockups.Me enables you to sketch, review, and iterate your application user interfaces – fast.

Available for platforms: On-line, Mac OS X, Windows, Linux, Android, iOS
Price: Desktop $49, On-line  from $99/Year, Android $19.99, iOS $19.99
Free Version: Desktop 30 day free trial; On-line live web demo (cannot create files but can view and edit files shared with you by others); Android free lite version (no save and export functionality)

MockupScreens

www.mockupscreens.com
Easy mockup tool. Create five screens in ten minutes without any programming knowledge or prior training!

Available for platforms: Windows, Mac OS X
Price: $99.95
Free Version: 30 day free trial

Moqups

moqups.com
On-line HTML5 App for creating high fidelity, resolution independent SVG mockups and wireframes. Realtime Collaboration, PDF/PNG Export, …

Available for platforms: On-line, Google Chrome extension
Price: from 9€/Month, 99€/Year
Free Version: Free on-line version (2 active projects and 5 MB of image storage)

MS Visio

visio.microsoft.com
Microsoft Visio is a diagramming and vector graphics application and is part of the Microsoft Office suite. The main focus aren’t wireframes, it is a universal tool.

Available for platforms: Windows
Price: from $599.95
Free Version: 30 day free trial

OmniGraffle

www.omnigroup.com/omnigraffle
OmniGraffle can help you make eye-popping graphic documents quickly by keeping lines connected to shapes even when they’re moved, providing powerful styling tools, importing and exporting Microsoft Visio files, and magically organizing diagrams with just one click. Whether you need a quick sketch or an epic technical figure, OmniGraffle keeps it gorgeously understandable.

Available for platforms: Mac OS X, iOS
Price: Mac OS X $99.99, iOS $49.99
Free Version: 

Pencil Project

pencil.evolus.vn
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.

Available for platforms: Linux, Windows, Mac OS X, Firefox extension
Price: FREE

Pidoco

pidoco.com
Web-based prototyping software for rapidly creating clickable wireframes and UI prototypes for web, mobile and enterprise applications. It’s easy to use with smart sharing and collaboration features, a convenient specification generator, exports and much more.

Available for platforms: On-line
Price: from $4.49/Month
Free Version: 31 day free trial

POP (Prototyping on paper)

popapp.in
Hand-drawn wireframes to tappable app prototypes! POP helps you make interactive prototype with ease. If you can draw, you can design apps.

Available for platforms: Android, iOS
Price: FREE

Power Mockup

www.powermockup.com
PowerMockup provides templates and tools for building wireframes right in PowerPoint.

Available for platforms: Powerpoint extension
Price: from $59.95
Free Version: Free trial version

PowerWIREFRAME

power-story.com/create-wireframes-in-powerpoint-with-powerwireframe
PowerWIREFRAME is a plugin for PowerPoint that makes it easy to create UI Wireframes in PowerPoint, by dragging and dropping UI Controls from a robust searchable library onto your slides.

Available for platforms: Powerpoint extension
Price: $59.99
Free Version: Free trial version

Proto.io

Proto.io
Proto.io is a UI prototyping tool specifically tailored for mobile and tablet applications. The web based environment allows you to start off by creating a project for iPhone, iPad, Android phones or tablets.

Available for platforms: On-line
Price: from $24/Month
Free Version: 15 day free trial

ProtoShare

www.protoshare.com
ProtoShare is an easy-to-use, collaborative prototyping tool that helps teams visualize requirements with website wireframes and interactive prototypes while working together in real-time.

Available for platforms: On-line
Price: from $29/Month
Free Version: 30 day free trial (without export functionality)

QuirkTools – Wires

quirktools.com/wires
Wires lets you build interactive wireframes right in your web browser

Available for platforms: On-line
Price: $10/Month, $84/Year
Free Version: Free limited version (3 total projects across all Quirk apps)

Realizer

realizerapp.com
The Realizer lets you easily create interactive presentation prototypes of iPhone and iPad apps. By transforming the traditional app presentation into an interactive one, you can better communicate your vision with a rewarding user experience.

Available for platforms: iOS
Price: FREE

RWD Wireframes

www.lifeishao.com/rwdwire
This tool is made so designers can more easily design for responsive web pages. You can save and share your wireframe, or export it to html and css. It’s completely free and open source.

Available for platforms: On-line
Price: FREE

SketchyPad

sketchyapp.com
App for website sketching and apps interface making, including iPhone and iPad apps. This app will make designers, programmers and interface designers life much easier. Easy-to-use interface and a lot of various stencils will help you to mockup any web sites and soft interfaces.

Available for platforms: iOS
Price: $4.99
Free Version: 

Solidify

www.solidifyapp.com
Solidify lets you create clickable prototypes from sketches, wireframe, or mockup. Validate user flows on any device by performing user tests in person, remotely or on your testers own time to get the feedback you need.

Available for platforms: On-line
Price: from $19/Month
Free Version: 30 day free trial

UXpin

uxpin.com
Complex tools for UX designers – Notepads full of sticky notes for rapid paper prototyping. Wireframing App able to auto-convert paper prototypes into digital wireframes.

Available for platforms: On-line
Price: $14.99/Month
Free Version: 30 day free trial

UXToolbox

www.softandgui.co.uk
The all-in-one rapid Wireframing and Application Prototyping solution. Designed for beginners and experts alike, UXToolbox has all the tools and features you need to create great looking and fully functional Wireframes and Mock-ups all within one easy-to-use solution.

Available for platforms: Windows
Price: L159
Free Version: 14 day free trial

Wireframe.cc

wireframe.cc
Smart, swift and minimal app, extremely easy to use. All created wireframes get a unique URL, that you can easily bookmark, share and edit later.

Available for platforms: On-line, Google Chrome extension
Price: from $12/Month or $120/Year
Free Version: Free limited version (can save, but can’t export; without multi-page wireframes and some other features); 7 day trial of full version

WireframeSketcher

wireframesketcher.com
WireframeSketcher is a wireframing tool that helps designers, developers and product managers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. It’s a desktop app and a plug-in for any Eclipse IDE.

Available for platforms: Windows, Mac OS X, Linux, Plugin for Eclipse IDE
Price: $99
Free Version: 14 day free trial

Wirify

www.wirify.com
Wirify is a bookmarklet that lets you turn any web page into a wireframe in one click.

Available for platforms: On-line
Price: $7/1 credit
Free Version: Free limited version (Export and edit wireframes not allowed)

The end result

Every tool is useful for something and someone else. For cooperation with global project manager you will choose different tool than for individual work of UX specialist freelancer. Also each of us have different personal preferences as operating system, price, appearance and more. So the best choice is yours.

None of the above listed tools fit our requirements. Only Mockups.me is multiplatfom tool, but costs a lot (especially if you want to use it for Android, Windows and OS X at the same time). So, we decided to lower our requirements and now we are testing some free online tools.

Do you use wireframes or think that work is easier without them? Which tools do you recommend? Do you know another interesting tool that missing?

List of online (live) chat services for your web

Service Free plan Basic paid plan Features/Notes
www.clickdesk.com
pricing
$0/month

  • 1 Agent
  • 30 chats/month
  • 1 department
  • 1 domain
  • 25 help desk/month
  • GTalk integration
  • 1 concurent chat
$9.99-14.99/month/agent

  • price per agents
  • 3 departures
  • 3 domains
  • Skype, webchat
  • visitor info
  • 5 concurent chat
  • IM integration support
mylivechat.com
pricing
$0/month

  • 1 Agent
  • 1 departure
  • unlimited domains
  • unlimited chats
  • basic visitor monitoring
$25/month

  • 2 agents
  • unlimited departures
  • advanced monitoring
  • $12 for additional agent
  • Doesn’t support IM clients
flexytalk.com
pricing
$0/month

  • 1 Agent
  • 1 domains
  • 1 channel
$4-9/month

  • 1 agent
  • 2 channels/agent
  • $8 for additional agent
  • Gtalk/Jabber support
  • 2months for free on annual payment
zopim.com
pricing
$0/month

  • 1 Agent
  • 1 concurrent chat
  • 14-day chat history
$9.80/month/agent

  • Unlimited chats
  • 2 triggers
  • 2 departments
  • Gtalk/Skype support
  • HTML5 dashboard
  • See visitor webpath
www.livechatinc.com
pricing
No free plan $39/month/agent

  • Unlimited chats
  • Groups
  • Reports
  • Browser/Win/MacOSX/iPhone/Android support
  • Integration to several other products
www.userlike.com
pricing
No free plan $29/month

  • 3 operators
  • 3 widgets
  • Chat panel
  • Automatic Invites
  • CRM integration
  • 20% discount on yearly subscriptions
  • 6 months for free for startups
  • Integration to several other products
  • IM integration (jabber, pandion)
www.purechat.com Completely free

  • 100% free
  • no ads
  • unlimited chats/operators
  • Missing IM support
  • “Failed to connect to PureChat!” error when I tried it
www.velaro.com
pricing
No free plan $29.95/month/operator

  • basic plan (business plan for $99/month)
  • Click-to-Chat
  • 3-rd party integration only for business plan
  • for $29.95 very limited
  • Integration to several other products
  • Missing IM integration
www.boldchat.com
pricing
free license
$0/month

  • Multi-domain deployment
  • 1 simultaneous license allowed
  • 750 monthly chats
  • 3 concurrent chats
  • no visitors tracking
  • no UI customization
$99.95/month/operator

  • basic plan (business plan for $499 and $999/month)
  • super-expensive 😉
  • 3-rd party integration only for business plan
  • for $29.95 very limited
  • Integration to several other products
  • Missing IM integration
www.olark.com
pricing
free license
$0/month

  • 1 operator
  • 20 monthly chats
$17.00/month

  • 1 operator
  • Gold plan for $49/month for 4 operators
  • CRM integration
  • IM integration
  • 10% discount on 1 year subscription
www.websitealive.com
pricing
No free license $29.95/month

  • 2 operator
  • Additional operators for $9.95/month
  • Visitors tracking
  • Mobile chat
  • Customization
  • Missing IM integration

Another web-chats:

Service for translating IP to geolocation (country)

Today I need for our statistic server translate IP of our users to country codes. After short searching I found following services:

Winner 😉

Free

Paid

List of services

HTML5 + Javascript chart libraries

For our side-project used for customer analytic we need simple way how to generate HTML pages with tables and charts. As HTML5 UI framework we’re using Foundation and for tables jQuery Tablesorter. Now the question is which chart library use for charts.

Chart libraries

Tested and usefull

Not tested, hard to use, not attractive …

Services for Heatmaps and Mouse move heatmaps

This is list of heatmap services I found and some of them also test:

Name Features Free plan Paid plan/1 Paid plan/2
ClickTale
(top secret pricing)
  • Heatmaps
  • record mouse
  • Scroll stats
  • funnels
  • Attention heatmaps
  • Keystrokes
  • 400 pageviews/month
  • heatmap only on most popular pages
  • only 2 pages to playback
  • $99/month base plan
  • still limited number of heatmaps
  • $200-300/month
  • full plan
MouseStats
(pricing)
  • Heatmaps
  • Record mouse
  • Scroll stats
  • Area stats
  • Attention heatmaps
  • 100+100 pageviews/month
  • 2 heatmap projects
  • 1 playback project
  • $10($16)/month
  • 10.000 pageviews/month
  • 15 heatmap projects
  • 1 website.
  • $20($30)/month
  • 25.000 pageviews/month
  • 30 projects
  • 1 website
Inspectlet
(pricing)
  • Heatmaps
  • Record mouse
  • Scroll stats
  • Funnels
  • 2500 pageviews/month
  • 500 sessions
  • no https
  • no funnels
  • $10/month
  • 10.000 pageviews
  • 5.000 sessions
  • Https support
  • no funnels
  • $20/month
  • 100.000 pageviews/month
  • 50.000 sessions
  • Https support
  • Funnels
luckyorange
(pricing)
  • Heatmaps
  • Record mouse
  • Scroll stats
  • on-site chat
  • realtime statistics
  • visitor pools
no free, trial only
  • $10/month
  • 50.000 pageviews
  • 10.000 move heatmaps, 5.000 click heatmaps
  • 3 sites
  • $20/month
  • 100.000 pageviews
  • 20.000 move heatmaps, 10.000 click heatmaps
  • 6 sites
mouseflow
(pricing)
  • Heatmaps
  • Record mouse
  • Scroll stats
  • In-page analytics
  • Keystrokes
  • 100 sessions/month
  • no https
  • €10/month
  • 1.000 sessions/month
  • Https support
  • €50/month
  • 10.000 sessions/month
  • Https support
  • 3 websites
SeeMyVisits
(pricing)
  • Heatmaps
  • Record mouse
  • Scroll stats
  • In-page analytics
  • Keystrokes
no free plan
  • $20/month
  • 2.000 pages/month
  • $35/month
  • 4.000 pages/month
sessioncam
(pricing)
  • Heatmaps
  • Record mouse
  • Funnels
  • 500 pages/month
  • $30/month
  • 10.000 pages/month

http://alternativeto.net/software/clicktale/

CRM system for our startup

We reached the point where we need some kind of CRM system. We have a lot of customers, oportunies and tasks we need to track and keep records. I tried several of them and read about much more. Here are summary of CRMs with short info about each.

Long term tested

Tested for few minutes

Found & Reviewed

Other

Other CRM lists

Screenshots

Insightly

Insightly

ZOHO CRM

ZOHO CRM

Streak crm

Streak CRM

HIGHRISE CRM

Highrise CRM

BASE CRM

BASE CRM

CapsuleCRM

CapsuleCRM