Friday, 22 June 2018

Basic concept of Flexbox


New layout concept in CSS3 that is Flexible boxes, or flexbox.Use of flexbox for elements behave as our requirement when the page layout must integrate with different display devices and different screen sizes.The flexible box model gives an best options over the block model and in that flexbox it does not use floats CSS property, or do not container's margins of its contents for many applications.

CSS3 Flexbox Concepts:
Flexbox contains flex containers and flex items.
Flex container is define by setting the display property of an element to flex or inline-flex (display as inline).Inside the flex container there is one or more flex items. Everything inside a flex-item and outside a flex-container is display as usual. It defines how flex-items are shows inside a flex-container. Inside flex-container, flex-items are positioned along with a flex line. By default in flex-container there is only one flex-line. We can also possible change the direction of the flex-line. If we have to set the text direction property to right-to-left, then it drawn text right to left, and with that flex-line change the direction, so with that change the page layout also

Flex Direction:
Flex-direction property set the direction of the flex-items inside the flex-container. And the default value of flex-direction property is left-to-right and in small device top-to-bottom.

The flex-direction property values:
  • Row-reverse:- The flex-items was displayed right to left, then our writing direction is left to right.
  • Column:- The flex-items was displayed vertically on page, then our writing system is horizontal.
  • Column-Reverse:- The flex-items was displayed horizontal on page, then our writing system is vertically.

Whenever the items don’t use all space on flex-items, then Justify-content property horizontally aligns the items.
The Justify-content values:
  • Flex-start:- it’s a default value. Flex-items are placed at beginning of the container.
  • Flex-end:- flex-items are placed at end of the container.
  • Center:- flex-items are placed at center of the container.
  • Space-between:- flex-items are placed with space between the lines.
  • Space-around:- flex-items are placed with space between, before, and after the lines.

Align-items property vertically aligns the flex-items when the items do not use all available space on the cross-axis.
The align-items values:

  • Stretch:- this is the Default value. Flex-items are stretched to fit in flex-container.
  • Flex-start:- flex-items are placed at the top of flex-container.
  • Flex-end:- flex-items are placed at the bottom of flex-container.
  • Center:- flex-items are placed at the center of flex-container.
  • Baseline:- flex-items are placed at the baseline of flex-container.

Tuesday, 15 May 2018

How To Develop Business

More than 100 entrepreneurs and business advisers have already signed up to the site during its testing phase. Mr. Murray Wells said all the entrepreneurs he encountered had more ideas than they could handle and the site would allow them to realize their potential. "There’s a lot of people with good ideas and lots of people that are looking for good ideas," he said. "That’s what we are hoping to do with Idea Volcano, putting these people together.
So, the question is: how do you come up with a new business idea from scratch? How do you prepare yourself to generate great business ideas? Let’s hear what top entrepreneurs can teach you.
The reality is there are many challenges from starting to grow, and different factors that can make an opportunity more or less likely to succeed.
Widen your perspective
The first thing here is the way you look at things in your daily life and around you. If you want to find new business ideas that are worth pursuing, you should change your perspective, your point of view on things: let emerge hidden features, unknown details and see what others don’t usually look at
Cont. Consumers:
Entrepreneurs should continually pay close attention to customers, this attention can take the form of informally monitoring potential ideas & needs or formally arranging for consumers to have an opportunity to express their opinions. • New product or service idea may come from customer reaction to the present product and from expected product idea. • Care needs to be taken to ensure that the idea or need represents a large enough market to support a new venture.
Areas you should avoid
You can save a lot of time by quickly eliminating any business ideas that are highly unlikely to succeed. There's no point in repeating the mistakes made by previous startups.
While there are always exceptions to the rules, Rod's experience in the technology sector has shown that there are some obvious ideas to avoid. These include:
Think you've got what it takes to compete with eBay or Amazon? The probability is that you haven't. The first company in a new market often becomes dominant. They already have all the customers. How will you get to critical mass in your market?
Take note of things that annoy you
What annoys you? Is it city traffic or the stress of finding an apartment? When you think about the list of things you wish were different, the chances are those things also annoy other people. Keep a list of those things and find solutions that will make them better.

Friday, 9 March 2018

Top 5 Reasons how Digital Marketing helps a business

Ditial Marketing

1) By Offering Equal Opportunities to All Kinds of Businesses
Gone are the days when business people believe that Digital Marketing for business is only for any similarity of multinationals and generous organizations that have the sufficient resources required to mount a web promoting exertion.
Advanced Marketing truly levels the chances, giving medium and independent ventures the chance to go up against the enormous and rumored organizations and draw in their offer of groups of onlookers in the all-around focused way.
With advantages of advanced promoting for independent ventures, little associations now have the resources for performing bargains and related showcasing methods that were in advance available to considerable organizations.
Without the utilization of call focuses, autonomous little organizations can attract effectively with various customers, living anyplace on the planet paying little mind to the likelihood that they don't have physical branches or online stores in the specific areas.

2) Advanced Marketing is Affordable and Gives Real-Time Results
For the most part, little associations have no benefits and even capitalization. Computerized Marketing gives them a predominant and fundamentally more adroit showcasing channel that passes on more viable, changes over groups of onlookers and does this at the sensible cost, and some of the time Free of cost.
According to Gartner's Digital Marketing Spend Report-"Up to 40% of respondents guaranteed getting extensive reserve funds by utilizing computerized showcasing techniques for advancement for their items and administrations". With DM, you don't have to sit tight for quite a long time for a lift to your business that could be a case for a fax or shape to be returned in conventional promoting channels.
Advanced showcasing for business gives you a chance to see the amounts of visitors going to your site, the increment in the quantity of endorsers, change rates, top exchanging times and this is the way computerized advertising enables a business to get constant outcomes and channelize in an outcome situated form.
This is the reason Gartner audit recommends, 28% of business people diagramed will move promoting/showcasing spending designs from customary advertising channels and place them into online promoting strategies. HubSpot insists this as showed up in the chart underneath that insists how advanced publicists improved CPL contrasted with other advertising mediums-

3) By obliging the Mobile Consumers and Social Media Followers for convincing Brand Building
With no uncertainty, portable advertising is the most capable medium of information dispersal and correspondence, acknowledged by the brisk development of PDAs, advanced mobile phones, devices, tablets and other web benevolent gadgets. These cell phones have transformed into a central bit of worldwide life that 80% of adults in India dependably keep in contact with their advanced mobile phones.
This is the best time to have DM endeavors expected towards portable clients, making prepared for them towards achieving better advancement and speedier augmentation. Convenient gadgets have developed from being the options for tablets, PCs and PCs, into something that is affecting their buying decisions.
The energy of Digital promoting for organizations development lies in its ability for attracting engaged and well-targets activity developments through portable advertising. Cell phone groups of onlookers are authoritatively arranged to get some answers concerning your picture, things or benefits and may be sufficiently interested to purchase what you convey to the table.

4) By Facilitating Interaction with Targeted Audiences and guaranteeing Conversions
One reason why DM is accepting control over regular promoting channels is the limit of computerized gadgets to associate with groups of onlookers logically progressively. Engagement in various structures is the thing that your customers plan to get while interfacing with your business. How your business handles such engagements and interchanges will spell the difference between business accomplishment and dissatisfaction.
Cooperating and giving your customers honest to goodness engagement give you information of what your prospects require. This essential information will control you towards making the right course of action of next moves to viably utilize advanced promoting for business, outfit your customers with a stunningly better inclination, and develop an extraordinary relationship with them. This is the manner by which computerized promoting helps a business when it business begins to create.

5) By helping associations create more wages and measure viability of DM crusades
In the wake of knowing aforestated reasons how Digital Marketing enables a business, to give us a chance to dive into the ways DM offers stacks of profitable points of interest for your business by means of better and higher livelihoods. Google insists this in a survey with IPSOS Hong Kong, ensuring roughly 3 times better salary improvement expectation for associations using Digital showcasing for business philosophies to the people who don't.
With better salary advancement reckoning, pretty much nothing and medium undertakings using computerized promoting frameworks will have 3.3 times better chances of developing their workforce and business – opening their approaches to better, greater and more far off accomplishing markets both locally and abroad.

visit us at :

Monday, 29 January 2018

5 Essential JavaScript Functions for website development

JavaScript is a programming language that helps you to implement complex things

on web pages.

JavaScript provides basic features, like addEventListener and attachEvent And the Followings are 5 important JavaScript Functions

 1) Debounce:- The debounce function can be a think of changer when it comes to event-fueled performance.  If you are not using a debouncing function with a scroll, resize, key-event, Here is a debounce function to keep your code efficient-
 function debounce(func, wait, immediate)
var timeout;
return function()
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
var callNow = immediate && !timeout;
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
// Usage
var myEfficientFn = debounce(function()
// All the taxing stuff you do
}, 250);
window.addEventListener('resize', myEfficientFn);

2) Poll:-  As we mentioned with the debounce function, sometimes you do not get to plug into an event to signify the desired stat. if the event doesn't exist so you need to check for your desired state at intervals-

// The polling function
function poll(fn, timeout, interval) {
var endTime = Number(new Date()) + (timeout || 2000);
interval = interval || 100;
var checkCondition = function(resolve, reject) {
// If the condition is met, we're done!
var result = fn();
if(result) {
// If the condition isn't met but the timeout hasn't elapsed, go again
else if (Number(new Date()) < endTime) {
setTimeout(checkCondition, interval, resolve, reject);
// Didn't match and too much time, reject!
else {
reject(new Error('timed out for ' + fn + ': ' + arguments));
return new Promise(checkCondition);
// Usage:  ensure element is visible
return document.getElementById('lightbox').offsetWidth > 0;
}, 2000, 150).then(function() 
// Polling done, now do something else!
// Polling timed out, handle the error!

3) Once:- There are times when you prefer a given functionality only happen once similar to the way you did use an onload event.  This code provides you said functionality-

function once(fn, context) {
var result;
return function() {
if(fn) {
result = fn.apply(context || this, arguments);
fn = null;
return result;
// Usage
var canOnlyFireOnce = once(function() {
canOnlyFireOnce(); // "Fired!"
canOnlyFireOnce(); // nada

4) getAbsoluteUrl:- Getting an absolute URL from a variable string is not as easy.  There is the URLconstructor but it can act up if you do not provide the required arguments (which sometimes). Here is code that helps you-

var getAbsoluteUrl = (function() {
var a;
return function(url) {
if(!a) a = document.createElement('a');
a.href = url;
return a.href;
// Usage

5) isNative:- Knowing if a given function is native or not can signal if your willing to override it.


;(function() {
// Used to resolve the internal `[[Class]]` of values
var toString = Object.prototype.toString;
// Used to resolve the decompiled source of functions
var fnToString = Function.prototype.toString;
// Used to detect host constructors (Safari > 4; really typed array specific)
var reHostCtor = /^\[object .+?Constructor\]$/;
// Compile a regexp using a common native method as a template.
// We chose `Object#toString` because there's a good chance it is not being mucked with.
var reNative = RegExp('^' +
// Coerce `Object#toString` to a string
// Escape any special regexp characters
.replace(/[.*+?^${}()|[\]\/\\]/g, '\\$&')
// Replace mentions of `toString` with `.*?` to keep the template generic.
 // Replace thing like `for ...` to support environments like Rhino which add extra info
// such as method arity.
.replace(/toString|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
function isNative(value) {
var type = typeof value;
return type == 'function'
// Use `Function#toString` to bypass the value's own `toString` method
// and avoid being faked out.
? reNative.test(
// Fallback to a host object check because some environments will represent
// things like typed arrays as DOM methods which may not conform to the
// normal native pattern.
: (value && type == 'object' && reHostCtor.test( || false;
// export however you want
module.exports = isNative;
// Usage
isNative(alert); // true
isNative(myCustomFunction); // false

Thursday, 5 October 2017

Difference between Photoshop and illustrator


Photoshop and Illustrator are two of Adobe's popular graphics tools. If you're working on a new project, you might have a hard time figuring out which of the two programs will work best for you, since on the surface they seem so similar. We've jot down some of the main differences between Photoshop and Illustrator.

Photoshop :-
Adobe Photoshop is a great program for modifying already created images or graphics, like photos, and is Adobe's most popular program. Raster or bitmap graphics are created in Photoshop. These graphics can sometimes look a little rough since raster images are made up of individual colored squares, known as pixels. Everything in Photoshop is just a series of pixels, so if you're scaling something up or down, it can lose its quality very quickly. Photoshop is a best option for web graphics, photo editing and designs since those projects will stay at a fixed size. Editing photos is awesome in Photoshop, because it includes a lot of unique filters, special effects and tools. Another advantage of Photoshop is that you can have complete control of your projects, since you can edit your graphic pixel-by-pixel.

Illustrator :-
Adobe Illustrator is advanced vector-based software. So, unlike Photoshop's pixel-based format, it uses mathematical constructs to create vector graphics. In Illustrator, a line is composed of two points connected by a computer algorithm, instead of just a line of pixels. Because of this, Illustrator is used often to create logos or anything that may need to be printed or displayed at different sizes. Illustrator will also give you a better print output since it's not relying on resolution. A drawback of Illustrator is that it can't be used easily to modify images that are already created, since there are limited filters and image editing tools available to you.


You'll come to find that some people just prefer to use one software over another, but sometimes it's best to use Photoshop and Illustrator parallelly. For example, you may need to add some text to an image you need to edit. Maybe you need to add a watermark to a photo for your blog or over an image for your portfolio. It's best not to add any text to an image in Photoshop since it can distort, so transferring the edited photo to Illustrator and then adding the text there will give you the best result. One is definitely not better than the other, they're just different. Analyzing the basic differences between Photoshop and Illustrator will help you make the closure about which software is best for your next project.

Tuesday, 12 September 2017

Digital Marketing can Boost your Business


The digital marketing is the best way to share our ideas
 using the Digital marketing  we can easily reach to the people.
Social media is the online communications channels dedicated to community-based input, interaction, content-sharing and collaboration.

Social media marketing (SMM) taken advantage of social networking to help the company to increase  brand The goal is create content  that users will share it on  social network
 social media makes it easy to tell a company and everyone else about their experiences with that company whether those experiences is good or bad.  Internally social media apps can help more to employees for accessing and easy to get information and resources witch they want they need to work together effectively and solve business problems according to the client requirement .

 Brand Recognition:-
Your social media networks are just new channels for your brand’s and content. this is the important because it is makes you easier to use and comfortable for any new customers, and makes you more familiar for  the  customers. For example, a frequent Twitter user could hear about your company for the first time only after stumbling upon it in a newsfeed.

brand loyalty:-
As per the report which is  published by  Texas Tech University, brands who is on social media channels enjoy loyalty from their customers. The report conclusion   “Companies should have to take more advantage from  the tools social media gives them when it comes to connecting with their audience. The most of the  Americans who follow brands in social are more loyal to those brands.

 Opportunities :- Every post you make on a social media it is good  platform or an  opportunity for customers to convert. When you build a following, you will simultaneously have to  access all type of customers new customers, recent customers, and old customers, and you will be able to interact similarly with all of the customer Every blog post, images, videos, or comments you share is a chance for someone to react, and every reaction could lead to a site visit, and eventually a conversion.  

 Marketing Costs:-
According to  the Hub spot, 84% of marketers required at least six hours of effort per week was enough to generate and  increased traffic . If you can spend just one hour a day to developing your content and syndication strategy, you could start seeing the results of your efforts. Even advertising through the Facebook and Twitter is relatively cheap (depending on your goals, of course). Start small and you will never have to worry about going over budget once you get a better feel for what to expect, you can increase your budget and increase your conversions as per your need.
Social media is an opportunity to publicly demonstrate your customer service level and  relationship with your customers on social media.
Social media is all about relationship building, and it going  to grow  as your followers tell their friends, and their friends tell their friends, and so on. The as possible as soon you start, it will be able to start growing that audience.

Tuesday, 8 August 2017

Effective ways to Communicate with Business Prospects


One of the most critical parts of closing a sales deal is how you communicate with your prospect. We’ve seen situations where we (Ziuby) have competed against some of the top companies and won the project simply through the power of effective communication. What’s our little secret to effective communication? Well, read on as we spill the beans and help you explore some ways to communicate effectively that every company should keep in mind while dealing with a client.

Introduce: We’ve heard many amateur sales people start off a telephonic conversation with ‘‘Hi! My name is Mr. X and I work at Blah Blah Company. My colleague told me you need help with so and so services, so tell me how can I help you?” We Ziuby hate it when someone talks to a prospect like this. So letting go of one of our well kept secrets, let us help you, the star salesmen of tomorrow, learn the art of introducing yourself. When you get on to a call with a prospect, take some time to introduce yourself and your company before you proceed to the next stage. Let them know that they are talking to a sane human and not some brainless zombie who is only concerned about sealing the deal and achieve his sales target.

Understand what they do and what they want: You have talked enough about yourself. Now is the time to understand who your clients are, what they do and what they want? It’s really important to understand your customers’ needs at the beginning of the project so that you both are on the same page. Besides, understanding their business from them would help you understand their needs better and deliver as per their expectations.

Listen: And we don’t just mean listening from the ears but also from your mind. Give your prospects the room to talk and express themselves and do not interrupt. Listening to your prospect’s needs would:

-  Give you a clear picture of his needs

- Help you decide whether his requirements compliment your business’ strategic goals

- Allow you to promise only what you can deliver

Make him comfortable: It is very important for your prospect to feel comfortable while speaking with you. One of the most important traits of a great sales person is to have the ability to easily break the ice with a prospect. Master this and you will substantially increase the probability of earning a project.
Think of this like starting a relationship. When you approach a girl and want to ask her out, you just don’t go to her and tell her so. You start by breaking the ice and take your time to make her comfortable so that she can trust you. A prospect is very similar to that girl; you can’t keep peeping into his pocket all the time. Treat a prospect with respect, take it slow, earn his trust and you have laid the foundation for a long-lasting relationship.

Avoid Jargons: Always remember that you are not talking to your colleague but with someone who may be completely unaware of your industry. Avoid jargons and talk in plain English (or whatever language your prospect speaks) to make your prospect feel comfortable.

Take notes: No use of talking to a prospect/client if you can’t remember a darn thing after two days. Make it a habit to write the important things down while you talk, so you can recollect everything that was said and the promises you made (using this technique with your wife can be pretty effective as well!). Also, try not to take notes on your computer; it could produce an annoying keyboard-hitting sound. Always keep a notepad and pen handy to jot down the important points.

Probe, probe, and probe – Many a times we hesitate to ask questions because we think that might make us look like an idiot. Our advice: It’s better to ask a dumb question than to correct a dumb mistake. By not asking questions and assuming things you may create a situation in the future where your assumptions (those you made by not asking questions) differ from your client’s expectations. Problems are sure to arise if the two of you are not on the same page.