Friday, May 5, 2017

jQuery Smart Wizard – jQuery Step Wizard Plugin with Bootstrap Support

Smart Wizard is a flexible and heavily customizable jQuery step wizard plugin with Bootstrap support. It is easy to implement and gives a neat and stylish interface for your forms, checkout screen, registration steps etc.


by via jQuery-Plugins.net RSS Feed

Google Analytics and Social Media: What Marketers Need to Know

Do you track the return on your social media activity in Google Analytics? Want to discover some valuable shortcuts? To explore cool hacks for Google Analytics, I interview Annie Cushing. More About This Show The Social Media Marketing podcast is an on-demand talk radio show from Social Media Examiner. It’s designed to help busy marketers [...]

This post Google Analytics and Social Media: What Marketers Need to Know first appeared on .
- Your Guide to the Social Media Jungle


by Michael Stelzner via

#333: A New JS Optimization Tool, Headless Chrome and the 'Elements of JavaScript Style'

This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 333 — May 5, 2017
Prepack optimizes JavaScript code by eliminating operations that can be done at compile-time. Imagine gcc with the optimization level turned up. Uses Babel under the hood.
Facebook

‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for being remotely controlled from JavaScript for testing or taking screenshots, etc.
Eric Bidelman

Inspired by William Strunk Jr’s “The Elements of Style”, Eric Elliot adapts its principles for improving the written word to guidelines for improving your code.
Eric Elliot

Sencha, Inc.
Learn how to design, develop and test data-intensive web apps that run on desktops, tablets, and smartphones.
Sencha, Inc.   Sponsor

Native module support is now in Safari 10.1, as well as behind config settings in Chrome 60, Firefox 54 & Edge 15. Jake explains what this means for front-end development.
Jake Archibald

Want to run a Node-powered app on a system where Node isn’t installed? pkg makes it easier to distribute your apps by packaging Node and your app all in one.
Zeit

Write promise-based code as if it were synchronous but without blocking the main thread. Not new but well worth revisiting, I found.
Jake Archibald

Jobs Supported by Hired.com

  • craigslist seeks JavaScript Developers (San Francisco, CA)Web devs with JavaScript, CSS, and HTML experience wanted to design and ship new features, and see them loved (or hated) by millions. craigslist
  • Frontend ConsultantUp for the challenge of making banking fun and exciting, whilst learning and working with our global clients? Join our Amsterdam office. Backbase
  • JavaScript Engineer (Node.JS)Exciting opportunity to join Envato on their journey to evolve the tech stack of one of the biggest e-commerce sites in the world. Envato

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

JSHeroes 2017 (Romania, June 8-9) Early Bird Tickets Available news

Jenn Schiffer at SIGNAL for A Tale of Glitch, Twilio, & the Power of Friendship news
Each talk, each session, each line of code at SIGNAL is designed to help you hone your craft. After learning with your peers & wielding new Twilio tools, celebrate at $bash - the after party that will transport you to The World's Fair of the Future.
Twilio  Sponsor

A Look at Uses for a 'flatMap' Function tutorial
Dr. Axel Rauschmayer

Getting Started with Three.js for Building a 3D Scene tutorial
Jscrambler

Conditionally Adding Entries Inside Array and Object Literals tutorial
Dr. Axel Rauschmayer

Arrow Functions for Beginners tutorial
Brandon Morelli

Patterns for Object Inheritance in ES6 tutorial
Code reuse possibilities with ES6 classes, including implementing multiple inheritance..
Tim Severien

A 20 Minute Introduction to Flow, the Static Type Checker video
Benjamin Reid

8 Bite-Sized Videos on Async JavaScript with async/await video
Marius Schulz

It's the Future opinion
"So I just need to split my simple CRUD app into 12 microservices, each with their own APIs..."
CircleCI  Sponsor

Why I’m Moving on to Web Components and Not Looking Back opinion
Hacker Noon

Is Prepack Like Svelte? opinion
Svelte is essentially a build-time/compiled UI framework.
Rich Harris

prepack-webpack-plugin: A Webpack Plugin for Prepack tools
Gajus Kuizinas

A Curated List of 85 'Awesome' WebAssembly Links and Resources tools
Matteo Basso

Spector.js: A Framework For Troubleshooting WebGL Projects tools

Deploy a MongoDB replica set on AWS in minutes with MongoDB Atlas tools
MONGODB  Sponsor

jQuery Prove: A jQuery Plugin for Client-Side Validation of Forms code
Dan Hollenbeck

vue-infinite-loading: An Infinite Scroll Plugin for Vue.js code

Forall.js: Expressive Static Types and Invariant Checks code
Works in a run-time/macro-esque way.
Victor Hernandes Silva Maia

Typefont: An Algorithm for Recognizing the Font Used on a Text code
Vasile Pește

A 'Masonry' Image Layout Component for React Native code
Don't forget our React newsletter for more like this.
Brandon Him

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK


by via JavaScript Weekly

Linea Light

Linea Light Group can combine the study on the best lighting solutions with the concepts of technology, sustainability and quality.
by via Awwwards - Sites of the day

Thursday, May 4, 2017

Nordweg Leather Accessories

We design beautiful and durable products to accompany people who see meaning in the small things in life, people that are always ready for the great moments and exciting new experiences.


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

Video Marketing: Snapchat vs. Instagram Stories

Snapchat has undoubtedly revolutionized camera-based social apps with its episodic nature. When it was first introduced, the concept of a camera that kept photos for only twenty-four hours was relatively new. Today, this idea is more widely known as “ephemeral messaging,” and the digital world has...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Guest Author via Digital Information World

5 Time-Saving Uses for WP-CLI Automation

WP-CLI Automation

What is WP-CLI?

The WP-CLI is a tool that allows you to perform actions on a WordPress installation straight from the command line. WP-CLI automation is the automating of repetitive manual tasks by using WP-CLI driven scripts. This may seem unnecessary, awkward, or too difficult a task to bother with when you're deploying or managing a single WordPress installation, but when you're managing many, or constantly creating similar new sites for testing, it becomes an extremely valuable tool to have in your developer toolkit.

About WP-CLI

With WP-CLI, you can essentially perform any action that you could have via the admin panel, but from the command line instead. You can install or update core WordPress files, plugins, or themes. You can activate and deactivate plugins or regenerate image thumbnails. You can also perform database actions, such as export and import of the database, or find and replace the database for information, such as a changed URL during a migration.

Some plugins have WP-CLI support as well — including many of the more popular ones. This means you can set up automated scripting to install and set up WordPress, install those plugins, and then to set up the plugins as well, using their own customized WP-CLI commands!

WP-CLI Automation

WP-CLI automation goes beyond simple command line usage when setting up or managing multiple WordPress installations. The ability to update or back up multiple sites at once, or create complicated boilerplate installations repeatedly with single commands are incredibly useful and can save a significant amount of time for maintainers of those sites.

If you don't already have the WP-CLI installed, take a look at the installation documentation and get the WP-CLI up and running.

Five Use Cases for WP-CLI Automation

Installing WordPress

Once WordPress is installed, this example script could download, configure, and install WordPress core, remove starting plugins, add and activate a specified theme (SitePoint's own Base Theme), and install and activate a list of plugins you'd prefer to use with new installations.

Example:

#!/usr/bin/env bash

#plugins to install and activate (slugs)
WPPLUGINS=( test-plugin1 test-plugin2 test-plugin3 )

echo "Starting WordPress Installation Script"

# Site Name Input
echo "Site Name: "
read -e sitename

# Site URL Input
echo "Site URL: "
read -e siteurl

# Download WP and configure it
wp core download
wp core config --dbname=$dbname --dbuser=root --dbpass=root
wp db create
wp core install --url=$siteurl --title="$sitename" --admin_user="admin" --admin_password="examplePassword123" --admin_email="test@example.com"

# Remove default plugins, install plugins, install Base Theme
wp plugin delete --all
wp theme install sitepoint-base.zip --activate
wp plugin install ${WPPLUGINS[@]} --activate

echo "WordPress installation complete!"

However, you could automate this process even further, by asking the user for relative path information, so that you don't have to be in the installation directory to run it, by asking for database name and password, and more. You can also do (as you'll see later in this article) a setup for a hosting environment that handles multiple WordPress installations on one server, and set up and install more than one site at once. Customize the script in the way that you need, so that it can be maximally effective for your own projects, and so that you won't have to constantly rewrite it — make it efficient!

Continue reading %5 Time-Saving Uses for WP-CLI Automation%


by Jeff Smith via SitePoint