Tuesday, March 15, 2016

Vue Select : JS Multiselect Library

Rather than bringing in jQuery just to use Select2 or Chosen, this Vue.js component provides similar functionality without the extra overhead of jQuery, while providing the same awesome data-binding features you expect from Vue. Vue-select has no JavaScript dependencies other than Vue.

The post Vue Select : JS Multiselect Library appeared first on jQuery Rain.


by Admin via jQuery Rain

easyTable : Simple jQuery Table Plugin

This small plugin for tables allow you to sort,search by all columns or just a specific,allow to select using shift and ctrl keys and  use scroll with fixed header, like the name, it’s easy to use and customize.

  • Sort asc – desc
  • Filter by Numbers and Text
  • Select all/clear
  • Select using shift arrow up or arrow down
  • Select using crtl + click
  • Fixed header with scroll
  • Easy disable and customize methods
  • Get the values of selected columns

The post easyTable : Simple jQuery Table Plugin appeared first on jQuery Rain.


by Admin via jQuery Rain

Content Marketing Hacks to Engage Readers

10 Content Marketing Hacks to Engage Readers (with infographic)

There is always room for improvement in whatever you do. If you are a copywriter or a blog manager, there are many ways to attract more people to your blog and keep them coming back. A lot of this has to do with how visually appealing a website is and how the wording has been chosen. Engagement with the blog is also of utmost importance. Here are a few tips and techniques for engaging readers in blog.

by Guest Author via Digital Information World

Ryan Abi Portfolio

A PASSIONATE & PLURALISTIC UI/UX DESIGNER, RYAN GRADUATED WITH A BS IN GRAPHIC DESIGN FROM LEBANESE AMERICAN UNIVERSITY (LAU). WITH VARYING DESIGN INTERESTS, HE PARTICULARLY ENJOYS TURNING COMPLEX PROBLEMS INTO MINIMAL & INTUITIVE INTERFACE DESIGNS.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

7 Reasons to Use a Static Site Generator

static site generators

Static site generators have become increasingly popular and, if my prediction is correct, usage will explode during 2016. Let's establish what we mean by the term "static site generator"

What is a Static Site?

Think back to the first website you built. Most developers start by creating a series of pages contained within individual HTML files. Each will call in assets such as images, CSS and perhaps a sprinkling of JavaScript. You possibly launched these files directly from the file system without a web server. Life was simple.

Difficulties arise as your site becomes larger and more complex. Consider navigation: it may be similar in every file, but adding a new page requires updates to every other. Even references to CSS and images can become awkward as folder structures evolve. You may have considered options such as server-side includes or PHP, but an easier option can be a content management system (CMS) …

What is a Content Management System?

A CMS typically provides administrative control panels -- which allow authors to write content that's stored in a back-end database. When a visitor requests a URL, the CMS:

  1. determines which page is required
  2. requests appropriate content from the database
  3. loads an HTML template (normally from the file system)
  4. renders the content within the template, and
  5. returns a formatted HTML page to the visitor's browser.

This occurs almost instantly. The template can include code to generate menus according to the navigation hierarchy. Life is sweet, and more than one in four people choose the PHP/MySQL-powered open source WordPress CMS to manage their website.

Unfortunately, a CMS raises a different set of issues:

  • You need to adhere to the CMS's way of working. It can be awkward to add custom text or components.
  • The server is doing more work, and performance can be affected.
  • There are additional points of failure. A software upgrade or database failure can bring your site down.

What is a Static Site Generator?

An SSG is a compromise between using a hand-coded static site and a full CMS, while retaining the benefits of both. In essence, you generate a static HTML-only website using CMS-like concepts such as templates. The content can be extracted from a database but, more typically, Markdown files are used.

The site generation can occur on your development machine or staging server. The resulting HTML files are then deployed to a live web server. Users will never know the difference.

A related concept is a "Headless" or "Decoupled" CMS. These use an interface such as WordPress to handle content administration but allow other systems to access the data via a REST API. Therefore, an SSG could build a static website using WordPress page content extracted from an internal server. The resulting HTML files can be uploaded to a web server -- but the WordPress installation need never be accessible from outside the organization.

Popular static site generators include Jekyll, Pelican, Hugo and Metalsmith -- see StaticGen for many more. Let's examine the benefits of using one …

Continue reading %7 Reasons to Use a Static Site Generator%


by Craig Buckler via SitePoint

JK Responsive Youtube and Image Gallery

A modern, lightbox style gallery for displaying images and YouTube videos on your site. The gallery interface is fully responsive and works beautifully across all devices big or small.


by via jQuery-Plugins.net RSS Feed

How to Start a Content-First eCommerce Business

If you’ve been toying with the idea of starting an ecommerce business, now is the ideal time. U.S. ecommerce (B2C) sales have nearly doubled since 2010 to an estimated $347 billion in 2015. Global ecommerce sales are expected to double from $1.672 trillion in 2015 to $3.5 trillion in 2019.

Despite the advances in technology that make it easy to start an ecommerce business, 90% of new businesses bite the dust shortly after launching. Turns out there's more to ecommerce than loading products into your ecommerce platform of choice.

[author_more]

Unless you have high margins and deep pockets for advertising, you’ll need to build your business around people, not products. Otherwise, you’ll end up in the 90% stat. We don’t want that, right? Here's why you should start with people (not products) first:

  •   Choose the wrong product and you’ll waste time & money
  •   Nail your persona and you can sell multiple products over a longer period of time
  •   It’s easier to build traffic and traction if you’re pushing content (not products)
  •   You can pivot quicker if trends change
  •   Give yourself a little more time to figure out the right product

If you truly have a unique product idea and the Kickstarter money to get it rolling, by all means launch it!  But if you’re not exactly sure what to sell, a content-first approach is a sure fire way to succeed in a rapidly growing market.

Here’s your six step action plan for launching a content-first ecommerce business.

Action 1: Tap into the Power of Personas

We can’t have an intelligent conversation about content marketing without mentioning personas. Once you develop your persona, map out upsell and cross-sell strategies. You want to do this long before you procure products or even write your first post. Your goal should be to sell multiple products to the same person. You won’t survive long as a one hit wonder. Here’s a quick process for validating your persona and finding potential products:

1. Create a mock ad in Facebook Ads Manager

Use Facebook Ads Manager To Check Persona

Once the ad targeting feature loads, input your persona's demographics and interests.  After each interest or behavior click "Narrow" and set the additional criteria to "Must Also Match."  Don't worry about location for now, we just want to make sure that there are at least 100,000 people that fit your ideal persona/market. In the example above, there are 110,000 college educated women that enjoy mountain biking and triathlons and have above average spending online.

2. Head over to Amazon to find potential cross and upsell products

For this step, all you have to do is type in one product idea you have for your persona. Once you add it to your cart, Amazon will show products that you could potentially cross and upsell.

Use Amazon to research products

In the example above, the original product added was a women's mountain bike.

3. Ask yourself if these products fit your persona

Make note of the products that interest you and repeat step 2 to make a list of possible products.

Action 2: Sketch out Your Business Model

Your persona should tell you if you’re going to be selling to consumers or businesses. But you also have to think about your positioning. Are you going to be a personal brand (like a fashion designer) or a business? The B2B ecommerce market is nearly double the size of B2C, but there are more challenges like tax, regulations and logistics to worry about. You also need to consider the types of products you want to sell (digital, physical, services) and how you’re going to source them. You can:

  •   make your products at home
  •   have a factory manufacture your products
  •   buy wholesale from manufacturers and resell
  •   dropship products you never touch

If you’re looking for a high margin business, your best bet is to make your own brand (make/manufacture). But you can launch quicker and scale faster with wholesale and dropshipping.

Action 3: Evaluate Product Market Fit

So now you have a dozen or so product categories in mind, it’s time to scope out the commercial value, and competition. Product market fit is just a fancy term for figuring out whether the product you want to sell has a market that you can compete in. The most practical way of figuring this out is keyword research. Here’s a simple process you can start with:

Continue reading %How to Start a Content-First eCommerce Business%


by Darren DeMatas via SitePoint