Aug 25

Creating buttons with bootstrap classes

As we know, Bootstrap is a front-end framework that helps web developers develop pages with mobile technology (responsive) without having to enter a CSS line. In addition, the Bootstrap has a variety of components (plugins) in JavaScript (jQuery) that help the designer to implement tootlip, menu-dropdown, modal, carousel, slideshow, among others, without difficulty; just adding some settings in the code, without the need to create scripts and more scripts.

So today we’ll talk about how to create and configure buttons using the bootstrap.

The buttons are created using the tag <button> </ button> , but the bootstrap always gives a more harmonious look for the front end. Thus, only by including classes of this library, we transform a common and unstyled button into a button with style. To create a button, you must use the code:


To add the bootstrap classes, we need to include the links of the bootstrap library. They are these three:

The bootstrap classes that define the color pattern are: btn-default, btn-primary, btn-success, btn-info, btn-warning, btn-danger, btn-link.


We can also set the size of the buttons by adding one more class to the button using btn-lg, btn-md, btn-sm, btn-xs:


In this way, we will have more presentable buttons using bootstrap. To use it within Scriptcase, you can create a field label receiving the button code or replacing the button class using jQuery.

For more information, visit:


Scriptcase Buttons

Recently we have separated, related to the themes of applications, the CSS settings of the buttons. Today they are two totally separated things from each other. To help our customers create advanced themes for their buttons, we have created an authoring tool of the themes that can be found in the Layout menu -> “CSS of the buttons.”


The tool allows you to upload images, icons and configure the main possible CSS elements of a button.


With the template created, we must enable it within the desired application in the Layout menu of the application -> Display -> Button.



That way you have the possibility to create your buttons’ themes within the Scriptcase even without an advanced knowledge on the subject.
Want to know more about the best web development tool on the market? Click here and get to know Scriptcase.

Jul 07

UX Design: data and statistics that prove its importance for companies

Companies are increasingly realizing that investing in the experience of users can bring benefit and excellent financial results. The most diverse digital channels (website, mobile site, application, etc.) are cash machines able to reach more customers, find new markets and facilitate consumer access to their goods and services. But if users have a bad experience when using these products or services, the business as a whole suffers. On the other hand, if users have a positive and enjoyable experience with the brand, they will bring friends and family to share this same experience.

Imagine a user of a shopping site, for example. If he is faced with difficulties or problems to find the desired product or even the steps required for the execution of a purchase, there are high chances that the simply closes the browser tab and goes to the competitor. If he cannot complete the purchase, not even the best promotion will make him buy the product. It is just one click and it will already be in another store.

But it is not only the users who benefit from the investment in UX, companies also improve productivity as well as gain more profit and return on investment.

UX, ROI and productivity

Dr. Susan Weinschenk, head of UX Strategy on Human Factors International (HFI), one of the largest companies in the world specialized in user-centered design, showed in a study that projects that have been designed with focus on user experience generated a significant return on investment (ROI).

To illustrate this importance, she cited some data found in the article Why Software Fails. For example, the estimated amount of time that programmers spend on avoidable rework is up to 50%. In addition, the cost to correct an error after the development is 100 times greater than correcting the same mistake before the project is completed. Thus, a project that contains the basics of UX since the establishment has less possibilities of errors and redesigns, which would only appear after the user contact with the platform.

Investing in User Experience also means cutting time and future costs with unnecessary maintenance, allowing that this saved amount is allocated to other needs and to business expansion. No wonder that UX Designer is one of the most popular positions in recent times according to Linkedin, justifying the running of companies by professionals who understand and master the subject.

Proving the importance of UX

Often we need more tangible evidence of real value in investing in UX within our companies. Here are some statistics gathered by the designer Jozef Toth on companies that saw favorable numerical results after implementing changes in the design of their products.

  • Infinite Scroll may decrease dropout rates in your homepage. The website reduced the drop by 15% after adopting infinite scroll on the homepage. (Source)
  • In 10 years, an investment of $ 10,000 in a company focused on design would have given a return of 228% higher than a conventional investment in the stock market. (Source)
  • Choosing a particular shade of blue resulted in additional income of $ 80 million dollars to Bing. (Source)
  • For every $ 1 invested in email marketing, the average return is $ 44.25. (Source)
  • 88% of online consumers claim that they are less likely to return to a site after a negative user experience. (Source)
  • Sites that are slow to load cost to companies $ 2.6 billion a year. (Source)
  • Users’ judgements about the credibility of a site is 75% based on their aesthetic quality. (Source)
  • 85% of adults believe that the mobile site of a company needs to be as good (or better) than the desktop site of the same company. (Source)
  • You are 64 times more likely to climb Mount Everest than clicking on a banner. (Source)

UX is investment with guaranteed return within any company – they have already realized that and are chasing it. Promoting a successful experience, clear, simple and easy for users increases considerably the chances of re-purchase of your product or service and also provides information to others.

This post was taken from our friends from Scriptcase.

Original post: UX Design: data and statistics that prove its importance for companies

Jun 14

Importing database image and using bootstrap classes

As many people already know, Bootstrap is a free front-end and open source library for creating websites and web applications. Among all codes stored in this library, there are classes for imaging such as: img-rounded, img-circle, and img-thumbnail and img-responsive. We will now address each of them:

  1. img-rounded: This class makes the images with slightly rounded corners.
  2. img-circle: This class makes the images in the circle format.
  3. img-thumbnail: This class makes the images in thumbnail format, and with a slightly rounded edge.
  4. img-responsive: This class makes the images in responsive mode.

Now we will see how to use these classes in the tag <img> </ img> and within scriptcase.

As an example, I created a control application with a label field and we will make the call from an image database.

1 – You need to add the bootstrap library, for that we can only use the site itself or import links as external library within the onload event.

2 – We will create a PHP method called “search_img” to bring the database image by removing from the encoded code any prefix or suffix that has been added to be saved in the bank. So let’s put this code:

3 – Now let’s turn the onload event, and add the code that will cause the image to appear in the field:

Note that in the above code, I created a variable receiving the value of the PHP method, and then I made the field label receiving the img tag with the class ‘img-circle’, and the src which is where we put the path of the image receiving the variable along with php code that defines the variable as image.


Now do the test yourself and see how it looks! :)

To learn more, visit:

This post was taken from our friends from Scriptcase.

Original post: Importing database image and using bootstrap classes

Jun 08

How A/B testing can improve the quality of your website design and generate more conversions

A/B tests allow you to compare two versions of the same product and monitor the effectiveness of small changes in design. If you own a website, an app, or any other digital product, this method can help you test the changes that convert more and find out how can they improve the user experience through the analysis of conversion statistics and usability of the different versions. If the new version works best, you define it as winner and it starts to be displayed for 100% of the audience.

Big companies like Facebook, Google and Microsoft often perform A / B testing to improve their products. You probably should have already participated in one of these tests while surfing the internet and did not even notice.

An A/B test conducted by Facebook in 2014 indicated that when users opened the social network application for iOS and were surprised with a personalized loading animation on Facebook (left), this meant that they blamed the application by the delay in loading . In a B version of the app, presented to only a few users, an iOS native circular spinner (right) was displayed instead of Facebook’s default. Experience has shown that with this, users were less likely to blame the Facebook app and put the blame of the slowness on the OS.


What to test?

Your choice of what to test will obviously depend on your goals. If you want to increase the number of entries in a form on your website for example, you can test the length of the registration form, field types, privacy policy view, etc. The purpose of the test in this case is to find out what stops visitors to sign up. Is the form very large and intimidating? Are Visitors concerned about privacy?

Or maybe the site is trying to convince other visitors to register? All these questions can be answered, one by one, testing the elements properly.

Some examples of what can be tested on a website:

  • Headline of the page
  • Call-to-action (buttons for conversion)
  • Images or videos
  • Product Overview
  • Size and form fields
  • Reliability indicators (testimonials, certificates, etc.)
  • Advanced Testing may include pricing structures, sales promotions, navigation, menus and much more.

Using Google Analytics to perform the tests

Since 2012, A/B testing can be done via Google Analytics. There is a tab within the tool to help you in the test creation process.

Google Analytics measures the effectiveness of each version of the page, and, with an advanced engine statistics, determines the most effective version.

The tool also provides a different model of tests, allowing to analyze two or more versions of the same page (multivariate tests A/B/N). They may be small changes, or you can test completely modified pages for specific groups of users from different URLs. See what you can do:

  • Compare two or more web pages or application screens
  • Define what percentage of your users will be included in the test
  • Choose what purpose to test
  • Receive updates by email about your experience running

A/B tests and multivariate tests are excellent resources because they offer real feedback from the market, measured accurately. It is not a simple research in which someone can answer one thing and do another one; but they are consolidated facts. The different versions are distributed randomly in the same duration without risk of external factors influencing the conversion rate, making it a much more reliable result.

Do experiments like this in your company’s products. The results are very satisfactory for you and especially for users who, consequently, will receive an improved version of the product and obtain a better experience.

Read more

This post was taken from our friends from Scriptcase.

Original post: How A/B testing can improve the quality of your website design and generate more conversions

Jun 02

Web Apps vs Websites: Understand the difference

— Oh, so you are programmer. What do you do?

— I work making web applications.

— So you work with web? Can you make a website for my food truck?

How would you explain the difference between web apps and websites? Situations like this are normal in the lives of developers working on web.

The advancement of technologies for internet and browsers ended up enabling the creation of increasingly complex and elaborate sites. That’s how the web apps term appeared (or web applications).

Distinguishing the two terms is, in fact, something relevant. Taking into account that both involve different situations, costs and objectives, it is important that developers are familiar with the concepts of each one.

The css-tricks blog conducted a survey of 17,161 developers, asking the question: Is it useful to distinguish between “web apps” and “web sites“?

The vast majority think it is a valuable distinction to make. We will see in this post:

• The basic differences between web apps and websites

• The cost ratio for development of both

• In practice: How the concepts end up colliding

# The basic differences between web apps and websites



The debate on the topic is broad and usually arises several arguments. See a list with some of them:

“It is a matter of scope. 5 static pages. Web site. Dynamic data and input from users. Web app.”
“The distinction comes from a vision between back and front end. More front-end, website. More back-end, web app.”
“It is a matter of use. Does it performs tasks? Web app. Does it only delivery information? Website.”

Definitions abound …

But let’s get to what really matters.


Websites are static, ie they are not updated very often. Its goal is to provide information to the user, so there is no interaction in changing the content by him/her. A classic example is the company websites, where certainly you will see: description of products / services offered, company history and forms of contact (email, phone, etc).

They are built using HTMLCSS, and maybe a little JavaScript. No programming language is required, much less adatabase.

Websites are a huge part of the web and play important roles as letting you know of an event or new product to be released or showing you the services of a particular company.

Web Apps

Web apps function as desktop applications (Word, Photoshop, Skype), and they are dynamic and are constantly changing. They depend on user interaction to achieve their objective, either contributing with content (YouTube, Facebook, Twitter) or collecting data from other sources and presenting them to you (Mint, Google Analytics, Klout).

According to Christian Heilmann (Principal Developer Evangelist – HTML5 / Open Web – at Mozilla Corporation), in an interview to VisionMobile blog, “The use case of an application is always do something with it”.

Like everything on web, web apps are built with HTMLCSS and JavaScript, However they also use programming languages like PHPRuby or Python, and frameworks as RailsDjango and Scriptcase (that enter the category of RAD – Rapid Application Development). Web Apps often utilize databases, making it therefore dynamic.


Here’s what you should ask yourself if you have a web design to do: How often should it be updated? Monthly? Daily? Or every hour? Will users  be able to provide content? Or are the pages static?

Your answers to such questions will be used to help you determine if what you have on hand is a website or a web app.

# The cost ratio for development of both

As we have seen so far, because they are more complex and require a greater amount of programming and projection, of course the web apps require more time to complete.

Therefore, as time is literally money, there are resources that significantly reduce the development time of these projects.

In the case of websites, WordPress is almost unanimously for content management (CMS). It is a semantic platform focusing on aesthetics and web standards. It has templates that greatly facilitate the development of websites, blogs, etc.

For the sake of efficiency and reducing time and costs, Scriptcase is for web apps like WordPress is for websites, in the development process. Having connections with the databases most widely used in this market, it offers a range of applications that are common in the design of a web app. Such as: Consultations in grid format, registration formsand editing records, chartscalendarsmenusdashboards and a more extensive list of items.

# In practice: How the concepts end up colliding



Consider the following situation: A restaurant website has only one navigation menu and some pictures of the menu dishes. Following the concepts that we have seen, it is a website, right? Right. Let’s say it is attached, alongside the contact page, a Google Maps map. Now users can mark locations, zoom and receive directions. Would it now be aweb app? Or a website with a web app in?

In fact, nowadays it is very difficult to find websites that are totally static. A vast majority have at least a contact form where the user can interact by sending a message to the site administrators.

Platforms like DISQUS facilitated the generation of content by users, in the form of comments.

Summarizing the issue and opining

Therefore, in practice, the distinction between the concepts ends up not being so clear.In my opinion, we should use common sense when it comes to differentiating projects. A classic example of how I see this marked difference is when we compare Trello (website for management tasks) with the BuzzFeed website.

Trello is a classic web app, where in order to fulfill the purpose of the site, you need users to create and manage tasks. In the BuzzFeed case , even with the possibility to interact commenting materials and sharing them, it is better categorized as website because it does not necessarily require user interaction to meet its goal.

# In conclusion: The difference between Web Apps vs Websites

Conceptually websites are static, exist to provide information and do not require user interaction to accomplish their goal. Web apps are dynamic, exist to solve a particular need and need user interaction to meet their goal.

Sites tend to be cheaper and less time-consuming to make, since they do not use programming languages or databases. Web apps generally cost more and take longer in their development.

As seen in practice, the distinction between the concepts is more complicated to apply. But if we judge the purpose of each project, we differentiate types.

I hope I have clarified your main doubts. If you liked the post, leave your comment below giving your opinion!

This post was taken from our friends from Scriptcase.

Original post: Web Apps vs Websites: Understand the difference


May 05

SQL Server Advantages

Structured Query Language (SQL) was started in the year 1973. The main aim was to help in the facilitation of access to databases. As we all know, databases help in the storage of huge amounts of data. Companies use databases for storing inventory, employee information, customer information, pricing/item information etc. individuals use databases to store personal contact information, financial records, and home inventory. Search engines use databases to find web pages. Clearly, databases are used by almost everyone to do a huge array of tasks. There is a host of SQL Server Advantages, which you can enjoy while using this program.

Top on the list of SQL Server Advantages has to do with streamlined installation. Users can install SQL server using ‘setup wizards’. The installer is great at detecting, downloading, and installing any required prerequisite updates. These features are great at reducing the complex nature of installing the software. The program is excellent at automatically updating security patches thus reducing maintenance costs.

The other major advantage of the program is the fact that it is good at better performance. It has transparent data encryption and compression built in. what this means is that there is no need of changing or modifying programs for encryption purposes. It brings with it efficient access permission and control management tools.

One of the other SQL Server Advantages is that the program is highly affordable. It includes data management tools, advanced compression, disk partition, data mining tools etc at no additional costs. This program is more than affordable.

May 04

How a site can become a business tool

The introduction of the worldwide web in the early 90’s has forever changed the way business is done all over the world.  Over the years, the internet has shaped the way consumers interact with the suppliers of their goods and how they make decisions. It has also influenced the growth of other businesses such as advertising and marketing. Despite its continued popularity many website developers have over the years failed to fully explain how a site can become a business tool. Corporate websites has over time proved to be quite necessary as a base to make contact with the necessary players in the business world. Websites are fundamental if any business is to maintaining constant communication regardless of the size of the market served. This has led to the shift from analogue devices such as telephone and fax machines which were quite cumbersome to use to digital ones. If used well, a website has the potential to leverage an enterprise and raise it over and beyond the scope imagined by the proprietors. It has the potential to raise a local business enterprise and make it a contender to reckon-with in the global market competing for multinational market shares. In light of this, it has to be understood that a website is the primary tool that can be used effectively to develop a point of contact for consumers, suppliers, authorities and auxiliary industries which in retrospect are essential for your expansion as a business enterprise

In our bid to demystify how a site can become a business tool, it is important to note that even with the introduction of cell phone technology; the internet plays an important role especially for those enterprises that have little time to spare on the phone. In a situation where you have employees fielding sales calls, there are those times that you may feel overwhelmed given the amount of energy your employees have to expend trying to explain the same type of information over and over again. It is a time like this that posting such information on the internet via your website comes in handy. This way you can move to improve your approach to the incessant sales inquiries and as result you can work to provide better responses especially now that you can include graphical explanations. This will also serve as a platform for you to provide pertinent information after which interest parties can field questions separately.  This will not only consolidate your hold in local market share, but it also serves to connect your business to your customers around the world thereby simplifying global exchanges by a significant margin.  Critical to this being a success are internet marketing tools. One of the most notable of those is the search engine optimization. This tool allows you to be easily seen by web browsers by ensuring that your website shows on most search engine results in especially in your area of business. This way, you will be able to convert those browsers into potential clients.

May 03

What is RAD? (Rapid Application Development).

Rapid Application Development is a method that uses rapid or abrupt development which is done concurrently with the writing of the program, this aspects makes it to be developed fast and gives room for development and altering whenever the requirements change.  A lot of explanation have been done on What is RAD and the reason why it is designed so but the probable reason would be that it provides the customer with quick software which are termed as prototypes, they are developed while they are still being written which gives room to identify the technological risks involved and correct them in the early stages of the undertaking.

RAD has four phases which include: requirements planning phase, user design phase, construction phase and cutover phase. The requirement phase is primarily consisted of combination of the system planning and analysis stage, the stage is more or less the planning stage of which the planning is done with the development underway and the team agrees on the parts that are going to be put in the software. After the authorization then the project can now take full course to it being actualized and developed efficiently and fast.

In the user design phase the developer basically views and chooses between the prototypes that are made by the analysts in order to analyze the effectiveness of each and may be select the appropriate model. The interaction with the prototypes helps the developer to understand the model and the design deeply to correct and analyze any risks. The construction phase involves the actual development of the real RAD, coding, unit integration, application development and the system testing is handled in this stage. The users similarly suggest the desired improvements and alterations in this stage as the reports are being written to help the program function better.

The final phase, the cutover phase, is basically entails the training and system testing as well as the implementation process of the system. The whole process is very compressed when compared with the traditional method thus cutting back the time that is required to produce a good program.

The shift from session based developments to session less developments ahs sparked the need to development of faster programs like the RAD, the shift has seen many programs filling the market. The RAD programs have the potential to provide the needed framework to develop good programs in the least time possible; the programs are of the best quality with customization benefits.

The development of this program requires feedback from the customers to avoid questions like What is RAD and how different is it from the traditional models, the users are filled in the development from the start to ensure that they ideologies are put in to play. The program is favored by many because it provides real time solutions to the situations that the user is paying, the time frame by which the programs are developed is also quite commendable. The development is focused on returning on the investment by providing valuable information of the company.

Apr 12

What Are Some Of The Benefits Of Using Informix – Informix Advantages

Without a doubt, developers are always looking for a data management system that is efficient and fast with zero downtime for analytic and OLTP workloads. In Informix, you will not find all these qualities, but also a system that is simple and yet powerful. This tool continues to be a force to reckon with in the market today. It comes in helping deliver smart solutions as a engine, which powers decision support applications and OLTP. The good thing is that Informix is awesome for partners and businesses of all sizes. So what are Informix advantages?

First and foremost, Informix offers users a huge array of options for achieving continuous availability. When using this tool, you are guaranteed of high availability options that are very much affordable. Enjoy schedule maintenance or upgrades anytime you want without any downtime and without having to use any temporary hardware. This is one of the most brilliant Informix advantages.

The other advantage is the fact that Informix is highly efficient and fast. Higher and efficient performance means that you will use few servers, less power/space and cooling resources. Individuals can gain even higher throughput by using low cost commodity hardware. Performance is increased by deep compression of data, blobs, and indexes. All these also play a huge role in reducing storage needs.

One of the other Informix advantages is that it enhances security speeds. What this means is that organizations can rest assured knowing that what they are using is giving them maximum security. It goes miles in minimizing performance impact of auditing.

Apr 06

How to View Your Skype History

When you consistently use Skype to make calls, you are bound to have plenty of call history in your Skype account. If you want to call a number that you had used before but you can’t remember the number, you don’t have to worry. This is because you can see your Skype history from your Skype account. To get the history, this is how you go about it.

  1. Click on ‘start’ on your computer
  2. If using a windows computer, click on ‘all programs’. If you are using a Mac computer, click on ‘applications’.
  3. When programs open, if you are using a windows computer, click on ‘Skype’. If using a Mac computer, click on ‘run Skype’.
  4. Upon opening of Skype, click on the ‘history’ tab. A menu will come up. Click on ‘view’ then select ‘view address bar’.
  5. All the calls that you have made will show. To view Skype history of all outgoing calls, click on the magnifying glass located at the bottom of the Skype window.
  6. To view Skype history of incoming calls, click on the icon that is located next to ‘search history’, and then select the green arrow that is located next to ‘incoming calls’.
  7. If you have any missed calls, you can view them by clicking on the red menu icon that appears next to ‘missed call’.
  8. When viewing the calls made, take note of the date, time and duration of all calls. All these are located directly below either below the telephone number or below the contact name.
  9. When you find the number that you have been looking for, call the number.