how

How to Create Bullet Points in Adobe Photoshop

By www.bittbox.com
Published On :: Wed, 28 Jun 2023 10:26:43 +0000

Adobe Photoshop is such a comprehensive and universal design software that it provides you with hundreds of tools to carry out any design-related task. There are many ways to achieve the same result. Typography plays a crucial role in achieving the desired goals with many designs. Whether it's a social media post, the cover of...

The post How to Create Bullet Points in Adobe Photoshop appeared first on Bittbox.


Full Article

how

How to Use the Slice Tool in Adobe Illustrator

By www.bittbox.com
Published On :: Tue, 04 Jul 2023 11:37:31 +0000

The Slice Tool in Illustrator is an excellent tool for dividing artwork into smaller pieces for various purposes, like web design, logo creation, creating interactive elements, and more. It separates parts of an element that can be saved as individual images. In this tutorial, we'll discuss the concept of the Slice Tool and provide a...

The post How to Use the Slice Tool in Adobe Illustrator appeared first on Bittbox.


Full Article

how

How Woo merchants can use NFTs

By woocommerce.com
Published On :: Tue, 30 Jul 2024 21:01:17 +0000

Capitalize on NFTs for a quick boost. How to do it on WooCommerce. Learn the basics with examples, top tools, & tips for a successful NFT sale.


Full Article

how

How to hire a WooCommerce developer

By woocommerce.com
Published On :: Wed, 21 Aug 2024 18:30:41 +0000

Hire a WooCommerce developer who's reliable, affordable, & gets the job done on time. 4 ways to find the right fit. Here’s what to ask first.


Full Article

how

Unique value proposition — Why it matters and how to write one 

By woocommerce.com
Published On :: Thu, 29 Aug 2024 15:30:43 +0000

What makes consumers choose one company over another? Identify your unique value proposition to make more sales at higher prices. Examples & tips.


Full Article

how

How to customize the WooCommerce checkout page

By woocommerce.com
Published On :: Wed, 18 Sep 2024 20:21:29 +0000

Beautiful, high-converting checkout pages: Customize your WooCommerce checkout page with these tools and tips! Video + step-by-step instructions.


Full Article

how

How to find product manufacturers 

By woocommerce.com
Published On :: Tue, 15 Oct 2024 20:32:25 +0000

Discover how to find the right product manufacturer, vet suppliers effectively, and use a checklist to ensure the best quality at the lowest costs.


Full Article

how

How to choose an NFT and tokengating partner

By woocommerce.com
Published On :: Thu, 17 Oct 2024 10:00:00 +0000

How to navigate NFTs + the top considerations for choosing the right partner in this beginners guide for store owners.


Full Article

how

What are digital products? How to sell them in 2024

By woocommerce.com
Published On :: Thu, 24 Oct 2024 16:09:10 +0000

Are digital products more profitable? How does inventory work? Examples you can start selling fast! The best tools to sell digital products.


Full Article

how

The Bartlett Summer Show 2020

By www.designsnips.com
Published On :: Fri, 09 Oct 2020 00:00:00 +0000

The Bartlett School of Architecture celebrates the work of 700 students with a virtual Summer Show exhibition featuring 32 3D exhibition rooms of ambitious and creative student work


Full Article

how

How Generative AI Can Add Human Delight to Your Virtual Event

By www.viget.com
Published On :: Wed, 29 May 2024 00:00:00 -0400

We just celebrated 24 years of Viget. That’s two dozen years! This year, our Spring TTT in celebration of “Viget24” was a virtual extravaganza. We’ve put on a lot of virtual events over the years. Some with really strong themes and swag bags; some that focus on simple, meaningful time together; and others that let us enjoy learning something new as a team. Regardless of the rest of the experience, a key component of all of our virtual events is joy, achieved often through intentional levity. We think it’s important to laugh together! We see laughter as a way to expedite connection, and connection leads to rapport which makes us better at collaborating — and in turn leads to more quality products for our clients. 

Experimenting and iterating is a critical way we try to continually get delight right. We’re pretty pleased with one of our experiments from Viget24 that we called “Lovely Spring Day”.

A Lovely Spring Day

As we were brainstorming for this TTT, we thought about how to throw some joyful levity pizzazz into the pieces of our virtual events puzzle that have become pretty standard. How do we add lots of delight without adding lots of time to the action-packed schedule? We zeroed in on the virtual backgrounds we’ve been creating for every event — they add a layer of specialness. Of place. This isn’t any old virtual meeting. This is a TTT! 

A small collection of past event-specific virtual backgrounds

Another key consideration for our team is figuring out creative ways to tie in inspiration from our industry and our work. AI has been an obvious contender —  we’ve discussed it and tied it in to some extent for the past several TTTs. But this time, we wanted to see how we could use AI for delight — marrying it with virtual backgrounds felt obvious. And so, a ”Lovely Spring Day” was born. 

The TL;DR is that we generated custom virtual backgrounds for every Viget employee that encapsulates their “ideal spring day.” We then played a 15-minute guessing game where people tried to guess who the background “belonged to.” Then, people had access to the full folder of AI-generated virtual backgrounds to look through. Vigets could then choose the background that spoke to them most and set it as their background. 

Read on for more on how we put this together!

Pre-Event Survey

To support all of our TTTs, we send out thoughtful pre-event logistics surveys 2-3 weeks before the big day. The survey lets us know where folks are joining from (where can we send their activity + snack packages?) and gives folks a chance to provide input on how the People Team can help folks enjoy and be present for TTT. This time, we also snuck in three questions, just “for giggles.”

  • In one sentence, describe your ideal spring day.
  • List three things that spark joy.
  • What color do you think suits you best?

We did not share why we asked these questions. Sneaky, sneaky! When it’s low-key like this, the element of surprise is often a quick way to level up the delight.

Asking for a Friend

With rich data in hand about what makes people happy in spring, we were ready to generate the backgrounds. I was stoked! I’ve been experimenting with ChatGPT for some time, so it was fun to be able to use the DALL-E 3 side of OpenAI’s GPT-4 model. 

Who knew Prompt Engineering would be part of my role as a recruiter-who-helps-support-TTT-planning? I played around with a couple different prompts to generate these background images. Ultimately, my goal was to create backgrounds that were meaningfully different from one another but still felt good (i.e., something you might feasibly want to set as your virtual background and nothing freakily AI, like uncanny valley hands).

Here are the prompts I landed on that got me to our set of virtual backgrounds:

  • Please generate an image (dimensions of a virtual meeting background) that encapsulates the vibe of a day with [ BLANK ].
  • Please generate an image (dimensions of a virtual meeting background) that features [ BLANK ].

In the blanks, I wrote the things people included in their surveys. Those blanks were filled with everything ranging from dogs, cats, and friends to beverages, specific temperatures, yard games, carbohydrates, hammocks and more! Sometimes, I’d include a detail I knew about that person myself, even if it wasn’t in their survey. Yes, I occasionally editorialized for both clarity and whimsy! This was for delight purposes, but also helped serve my goal of having the backgrounds be “meaningfully different from one another.” It’s amazing how many people’s ideal spring day is as simple as having 1) moderate temperatures and 2) no pollen!

I generated 55 images. Throughout the process, DALL-E nailed it. I only needed to regenerate 2 or 3 images with clarifiers (and only because they included AI-specific outliers like disembodied hands). Huzzah!

Here are some of my favorites, along with their prompts in the captions. Can you guess who they belong to?

Please generate an image (dimensions of a virtual meeting background) that features an outdoor brewery/taproom in the appalachian mountains. There's a playground with kids in the very distance. In the foreground, frisbee, soccer, volleyball, etc. with friends and family.
Please generate an image that encapsulates the vibe of a day ending with an outdoor dinner with lights near an outdoor shower. There should be some hiking boots scattered about.
Please generate an image that features a nice hot bath after a cold but sunny day, with a beautiful mug of green tea and a box of takeout that looks really good. The calendar shows April 25th.
Please generate an image that encapsulates the vibe of sitting outside in a nice purple adirondack chair with buc-ees paraphernalia around.
Please generate an image that encapsulates the vibe of a sunny, 65 degree day with a slight breeze at the ballpark watching a game. The image should feature cats, baseball, and art.
Please generate an image that encapsulates the vibe of being outside in a canoe along with carbs, bad jokes, and games (video OR board games).
Please generate an image that features endless mountain bike trails, a blue bike with a cup of coffee in the cupholder, and roaming cats.

IRL

Ok, so for the actual activity we had the images ready to go in a private Google Folder. I took twelve of the images and put them in a very simple deck. I shared my screen, introduced the activity, and invited people to guess who they think each image belonged to in Slack. It was so fun seeing people throw out guesses and then narrow in with any verbal hints I gave!

Each image took about a minute. Then, we shared access to the Google Folder, gave folks a couple minutes to choose a background that called to them (their own image or someone else’s), and set it as their background. It felt like a magical moment to witness people finding and resonating with their own image or delighting in the ridiculousness of their coworkers’. We saved about 5 minutes for this piece, which felt right.

The whole Lovely Spring Day activity took just over 15 minutes! It was a perfect way to transition from a long meal break into our next grouping of content. And, we got to see the different backgrounds throughout the rest of the meeting.

Oh, the humanity!

I think this activity was successful for a couple of reasons.

1. People laughed! 

Color commentary in the #ttt Slack channel

2. People felt seen. Some of these backgrounds were incredibly on point. Some of that was due to key folks having well-documented interests and a Slack-Famous Dog. 

Laura Sweltz has a famous love of books and an incredibly iconic beagle named Phoebe.

But some of it was due to the People Team knowing about our people — our coworkers — beyond the sentence they wrote in. This uniquely human involvement helped me call an audible as needed and tweak prompts slightly to make the backgrounds feel even more relatable.

Steven, Carolyn, and Laura Sweltz felt seen.

3. We could commiserate about our eventual AI overlords. (Did you notice that I say “please” in my prompts?!) Listen, Viget has plenty of practical, healthily skeptical people who are dubious about AI. GenAI is not always a fun, lighthearted thing. But using it in a fun, lighthearted way to do something it’s really good at was a nice use case and thought-provoking exposure even for people who are not into it.

4. We could see where we all align, and where we differ! It was amazing to see just how many people love picnics, covet their caffeine, and appreciate a bike ride. It was also cool to see some unique folks who simply crave a rainy spring day, or some beloved Buc-ee’s. What a rich tapestry of individuals — literally!


Full Article

how

How we use DDEV, Vite and Tailwind with Craft CMS

By www.viget.com
Published On :: Wed, 10 Jul 2024 11:00:00 -0400

In 2022 we changed our dev tooling for new Craft CMS projects. Goodbye complex esoteric Webpack configuration, hello Vite. Goodbye complex esoteric Docker Compose configuration, hello DDEV. This small change in tooling has completely transformed our development experience. We start work faster and avoid wasting billable time debugging Webpack and Docker.

From Webpack to Vite #

Webpack has been the defacto way of bundling JavaScript and front end assets. It’s a powerful tool… but with that great power comes great responsibility complexity.

Vite bills itself as the “next generation” of frontend tooling. Vite is much faster at bundling. But more importantly… its default configurations work great for most website projects.

Before (Webpack) #

Well over 300 lines of configuration spanning three files. Good luck making changes!

After (Vite) #

A crisp 30 - 50 lines of code. Want to switch to TypeScript? Need to drop in a popular front-end framework? Easy! All it takes is adding a plugin and 2-3 lines of config.

Deleting old code has never felt this good!

From Docker to DDEV #

Docker is another development staple. It isolates server infrastructure into virtual “containers.” This helps avoid issues that arise from each developer having a slightly different setup. However, Docker can have a learning curve. Config changes, PHP upgrades and unexpected issues often eat up precious project time.

Enter DDEV! DDEV describes itself as “Container superpowers with zero required Docker skills: environments in minutes, multiple concurrent projects, and less time to deployment.” We’ve found that statement to be 100% true.

Before (Docker) #

Every Craft project has a different Docker config. Bugs and upgrades required deep Docker experience. Last (but not least), it was difficult to run several projects at one time (ports often conflict).

After (DDEV) #

Performance is consistently better than our hand-rolled setup thanks to Mutagen and faster DB import/exports. Simultaneous projects run out of the box. DDEV provides (and maintains) a growing list of helpful shortcuts and DX features.

Getting started #

Ready to make the switch? Here’s how to set up DDEV, Vite and Tailwind on your own Craft project.

Show me the config files already! #

If you would rather see full config files instead of following step by step, check out our Craft Site Starter on GitHub.

DDEV #

Let’s set up a fresh DDEV project and start customizing.

  1. Make sure you have DDEV installed on your computer.
  2. If you’re a PHPStorm user, install the exceedingly helpful DDEV plugin. VS Code users have a similar plugin too!
  3. Follow Craft’s guide for creating a new project (they love DDEV too).

Now you have a fresh .ddev/config.yaml just waiting to be customized.

Node Version #

Open your DDEV config and make sure your Node JS version matches Vite’s recommendations.

nodejs_version: '20' # Vite 5 expects Node 18+

Ports for Vite’s dev server #

Next, expose ports that Vite’s dev server uses will use to serve assets.

web_extra_exposed_ports:
  - name: vite
    container_port: 3000
    http_port: 3000
    https_port: 3001

Routing ports can sometimes be confusing. This diagram might help!

  • Vite’s dev server runs inside of DDEV’s web container (a Docker container).
  • Until we expose these extra ports, any custom port within DDEV is unavailable to your host machine (your computer).
  • When it’s time to configure Vite, we’ll use port 3000
  • HTTP and HTTPS traffic must use separate ports.
  • We use port 3000 for http traffic and 3001 for https

Run Vite automatically #

Usually, you’ll want Vite to watch and build files automatically after you start a DDEV project. Using web_extra_daemons adds a separate background process (daemon) for Vite.

web_extra_daemons:
  # Run Vite in a separate process
  - name: 'vite'
    command: 'npm install && npm run dev'
    directory: /var/www/html

Use hooks to improve DX #

DDEV’s powerful hooks system can run tasks before or after various DDEV commands. These post-start tasks keep dependencies and schemas up to date every time you start DDEV.

hooks:
  post-start:
    - composer: install # Keeps installed packages up to date
    - exec: ./craft up # Apply migrations & project config changes

Time for Vite #

Vite is a Node app that’s installed with NPM. Your project will need a package.json. If you don’t have one set up yet, follow NPMs initialization script.

ddev npm init

# Don't forget to ignore node_modules!
echo node_modules >> .gitignore

????Why ddev at the start of the command? This let’s us run NPM from within DDEV’s Docker containers. This means you’ll always be using the Node version configured for this project. DDEV has a bunch of shortcuts and aliases for running CLI commands (such as npm, yarn, craft and composer).

Make sure your NPM package is configured for ES Modules #

Our various config files will be using ES Module syntax for imports and exports.

ddev npm pkg set type=module

Install Vite! #

ddev npm install --save-dev vite

Add convenience scripts to package.json #

"scripts": {
  "dev": "vite",
  "build": "vite build"
}

npm run dev runs Vite in dev mode. It watches and builds your files every save. Files are served through Vite’s dev server.

npm run build bundles your JavaScript, CSS and static images for production. Your deploy process will usually call this script.

Configure vite.config.js #

Running Vite for a server rendered CMS requires some extra configuration. These options put production files in the right spot and keeps Vite’s dev server running on a specific port.

import { defineConfig, loadEnv } from 'vite'

// Match ports in .ddev/config.yaml and config/vite.php
const HTTP_PORT = 3000
const HTTPS_PORT = 3001

export default defineConfig(({ command, mode }) => {
  const env = loadEnv(mode, process.cwd(), '')

  return {
    // In dev mode, we serve assets at the root of https://my.ddev.site:3000
    // In production, files live in the /dist directory
    base: command === 'serve' ? '' : '/dist/',
    build: {
      manifest: true,
      // Where your production files end up
      outDir: './web/dist/',
      rollupOptions: {
        input: {
          // The entry point for Vite, we'll create this file soon
          app: 'src/js/app.js',
        },
      },
    },
    server: {
	    // Special address that respond to all network requests
      host: '0.0.0.0',
	    // Use a strict port because we have to hard code this in vite.php
      strictPort: true,
      // This is the port running "inside" the Web container
      // It's the same as continer_port in .ddev/config.yaml
      port: HTTP_PORT,
      // Setting a specific origin ensures that your fonts & images load
      // correctly. Assumes you're accessing the front-end over https
      origin: env.PRIMARY_SITE_URL + ':' + HTTPS_PORT,
    },
  }
})

Add JavaScript and CSS files (Entrypoint) #

Vite needs an entry point to determine what JavaScript, CSS and Front End assets it needs to compile. Remember src/js/app.js that we defined in vite.config.js? Let's make that file now.

/* Make a file in src/js/app.js */

import '../css/app.css'

console.log('Hello Craft CMS')

We’ll also add our CSS as an import in app.js . In plain-old-JavaScript you can’t import CSS files. However, Vite uses this to figure out CSS dependencies for the project.

Once Vite builds everything for production, you end up with a separate CSS file. The Craft Vite plugin includes this automatically with along your JavaScript bundle.

/* Make a file in src/css/app.css */

body {
	background-color: peachpuff;
}

Install the Vite Craft Plugin #

ddev composer require nystudio107/craft-vite
ddev craft plugin/install vite

Vite assets have different URLs in dev mode vs. production. In dev mode, assets are served from Vite’s dev server. It uses the ports that we defined in our DDEV & Vite configs.

When Vite builds for production, filenames are hashed (app.js becomes app-BZi_KJSq.js). These hashes change when the contents of the file changes. Browser can cache these files indefinitely. When an asset changes, a whole new file is served.

To help find these hashed filenames, Vite creates a manifest.json file. The manifest associates the name of your asset src/js/app.js to the hashed file that ends up on your server web/dist/assets/app-BZi_KJSq.js

The Craft Vite Plugin by NYStudio107 takes care of all this routing for you.

{
  "src/js/app.js": {
    "file": "assets/app-BZi_KJSq.js",
    "name": "app",
    "src": "src/js/app.js",
    "isEntry": true,
    "css": ["assets/app-BXePGY5I.css"]
  }
}

Configure the Vite Craft Plugin #

Make a new plugin config file in config/vite.php

<?php

use crafthelpersApp;

// Use the current host for dev server requests. Otherwise fall back to the primary site.
$host = Craft::$app->getRequest()->getIsConsoleRequest()
    ? App::env('PRIMARY_SITE_URL')
    : Craft::$app->getRequest()->getHostInfo();

return [
    'devServerPublic' => "$host:3001", // Matches https_port in .ddev/config.yaml
    'serverPublic' => '/dist/',
    'useDevServer' => App::env('CRAFT_ENVIRONMENT') === 'dev',
    'manifestPath' => '@webroot/dist/.vite/manifest.json',
    // Optional if using React or Preact
    // 'includeReactRefreshShim' => true,
];

Include your Vite bundles in Twig #

The script and asset functions includes the appropriate files depending on in if you’re in dev mode or production. Clear out your templates/index.twig file and add the following snippet to your <head> tag.

{# Load our main CSS file in dev mode to avoid FOUC #}
{% if craft.vite.devServerRunning() %}
    <link rel="stylesheet" href="{{ craft.vite.asset("src/css/app.css") }}">
{% endif %}

{{ craft.vite.script('src/js/app.js', false) }}

Whew! ???? We’re at a point now where we can test our integration. Run ddev restart and then ddev launch . You should see “Hello Craft CMS” in your browser console.

Setup Tailwind #

Now that Vite is processing src/css/app.css, it’s time to install Tailwind and really get cooking.

These steps are based on Tailwind’s official installation guide. But make sure to run all commands from within DDEV.

Install packages #

ddev npm install -D tailwindcss postcss cssnano autoprefixer
# No DDEV shortcut for npx :(
ddev exec npx tailwindcss init -p

Configure template paths in tailwind.config.js #

/** @type {import('tailwindcss').Config} */
export default {
	// Watch Twig templates and any JS or JSX that might use Tailwind classes.
  content: ['./templates/**/*.twig', './src/**/*.{js,jsx,ts,tsx,svg}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

Configure postcss.config.js for production #

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
  }
}

Add Tailwind directives to src/css/app.css #

@tailwind base;
@tailwind components;
@tailwind utilities;

You’ll most likely need to run ddev restart again to get Vite to recognize your new Tailwind config.

❓ Do i need to set up live reload of Twig? Turns out it’s already done for you! Styling a Tailwind project means editing Twig files to change styles. It’s super handy to reload your browser every time you save. Normally you’d reach for vite-plugin-restart to get this functionality. However, Tailwind’s JIT mode automatically notifies Vite when CSS has compiled and the page should reload.

That's a wrap! #

That’s all it takes to configure a minimal DDEV and Vite project! We’ve found that both of these tools are easy to extend as a project get more complo'ex. Adding things like Redis or React are just a plugin install and a few lines of config away.

???? If you'd like to see this setup (and more) in a real-world Craft CMS project, check out our Craft Site Starter on GitHub.

Go forth and Vite + DDEV to your heart’s desire.


Full Article

how

What Is Silica Gel? How Does It Work?

By www.beyondphototips.com
Published On :: Mon, 16 Sep 2024 21:29:32 +0000

This post: What Is Silica Gel? How Does It Work? was first published on Beyond Photo Tips by Susheel Chandradhas

Ever fished out those little packets from a new camera bag and thought, “What on earth is Silica Gel?” Well, buckle up, because we’re about to dive into the wonderful world of these moisture-munching marvels! You might think they’re just pesky packaging, but let me tell you, Silica Gel is about to become your camera […]

This post: What Is Silica Gel? How Does It Work? was first published on Beyond Photo Tips


Full Article

how

RIP a Livecast #647 – Help Me How To Live

By metalinjection.net
Published On :: Tue, 23 Nov 2021 22:26:30 +0000

We kick things off on this edition talking a lot about the controversial Kid Rock song "Don't Tell Me How to Live." We talk about a weird video Kid Rock […]


Full Article

how

How to Make More Money as a Pro Photographer

By www.crazyleafdesign.com
Published On :: Wed, 09 Aug 2023 12:25:54 +0000

The world is still in dire need of professional photographers, for everything from capturing the spirit of major events to artfully presenting meaningful moments in our personal lives.


Full Article

how

How to Keep Your Digital Design Studio Running Smoothly?

By www.crazyleafdesign.com
Published On :: Sat, 07 Oct 2023 09:36:56 +0000

If you want your design studio to succeed in a crowded market, it has to run smoothly and effectively.


Full Article

how

The Psychology of Colour in Web Design: How to Influence Customer Perception

By www.crazyleafdesign.com
Published On :: Tue, 19 Dec 2023 19:43:13 +0000

There are over 7000 languages spoken in the world today, and it’s constantly increasing. Without the help of translation tools, many of us would not be able to make friends or do business with people beyond our geographical borders due to language barriers. However, if there is one language everybody on this planet speaks fluently […]


Full Article

how

How to Grow a Forest in Your Backyard

By www.ecology.com
Published On :: Fri, 15 Jul 2016 11:07:41 +0000

By Shubhendu Sharma TED Forests don’t have to be far-flung nature reserves, isolated from human life. Instead, we can grow them right where we are — even in cities. Eco-entrepreneur and TED Fellow Shubhendu Sharma grows ultra-dense, biodiverse mini-forests of … Continue reading →


Full Article

how

What Is a Website Redesign & How To Plan For It Effectively

By designshard.com
Published On :: Thu, 22 Nov 2018 10:45:24 +0000

Websites have become essential marketing tools for businesses and it’s mandatory to keep them up to date and fresh always. This can be justified with the help of the statement made by a Danish computer scientist, Jakob Nielsen: “A bad website is like a grumpy salesperson.” This is where the need for website redesigning comes … Continue reading What Is a Website Redesign & How To Plan For It Effectively

The post What Is a Website Redesign & How To Plan For It Effectively appeared first on Design Shard.


Full Article

how

How to Enable Scroll Tracking in WordPress With Google Analytics

By www.isitwp.com
Published On :: Tue, 25 Jul 2023 13:17:10 +0000

Want to enable scroll tracking on your WordPress website? You can easily find out how far a user scrolls down on each post. This lets you know the exact section in which they lose interest and abandon your site. With this data, you can modify that specific section and make it interesting enough to engage […]

The post How to Enable Scroll Tracking in WordPress With Google Analytics first appeared on IsItWP - Free WordPress Theme Detector.


Full Article

how

How to Show a Facebook Feed in WordPress (5 Easy Steps)

By www.isitwp.com
Published On :: Thu, 31 Aug 2023 18:27:53 +0000

Are you looking for a reliable way to add a Facebook feed to your WordPress site? Adding a custom Facebook feed makes your site more engaging and interactive. At the same time, you also provide social proof of an active online presence, helping you turn your readers into your fans.  The easiest way to add […]

The post How to Show a Facebook Feed in WordPress (5 Easy Steps) first appeared on IsItWP - Free WordPress Theme Detector.


Full Article

how

How to Alert Your Customers of a Price Drop in WooCommerce

By www.isitwp.com
Published On :: Mon, 04 Sep 2023 09:18:00 +0000

Are you looking for a way to alert your customers about a discounted price in your WooCommerce store? Price drop campaigns show popup notifications when your brand reduces the price of a product. Sending your visitors alerts allows you to improve engagement and maximize sales on your website. In this tutorial, we’re going to show […]

The post How to Alert Your Customers of a Price Drop in WooCommerce first appeared on IsItWP - Free WordPress Theme Detector.


Full Article

how

How to Embed Instagram Feed in WordPress (5 Easy Steps)

By www.isitwp.com
Published On :: Tue, 26 Sep 2023 10:59:06 +0000

Are you looking for an easy way to add an Instagram feed to your WordPress site? An Instagram feed helps you showcase your social media content right on your WordPress website. Visitors can view and engage with your Instagram content without having to leave your site. In this step-by-step tutorial, we’ll show you how to […]

The post How to Embed Instagram Feed in WordPress (5 Easy Steps) first appeared on IsItWP - Free WordPress Theme Detector.


Full Article

how

How To Make The Most Out Of Pinterest

By wpcult.com
Published On :: Wed, 13 Nov 2024 18:08:21 +0000

Pinterest is an electronic scrapbooking website that was specifically created for people to post up content that describes their favorite things through pictures and comments. Much like traditional scrapbooking, Pinterest is a great way for a person to creatively express the events or topics that are most important to his or her life, only this […]

The post How To Make The Most Out Of Pinterest appeared first on WPCult.


Full Article

how

How To Design Effective Conversational AI Experiences: A Comprehensive Guide

By smashingmagazine.com
Published On :: Mon, 15 Jul 2024 09:00:00 GMT

This in-depth guide takes you through the three crucial phases of conversational search, revealing how users express their needs, explore results, and refine their queries. Learn how AI agents can overcome communication barriers, personalize the search experience, and adapt to evolving user intent.


Full Article

how

How To Build A Multilingual Website With Nuxt.js

By smashingmagazine.com
Published On :: Thu, 01 Aug 2024 15:00:00 GMT

Handling translations for multilingual websites is famously difficult and, yet, crucial for many companies and organizations that serve a global audience. Thankfully, modern tooling abstracts away a great deal of the work, allowing for seamless translations that dynamically update the rendered content on a page, as demonstrated in this step-by-step tutorial.


Full Article

how

How To Defend Your Design Process

By smashingmagazine.com
Published On :: Thu, 15 Aug 2024 10:00:00 GMT

Ever felt pressure to speed up your design process? Here’s how to address unrealistic expectations and foster a shared understanding with stakeholders, ensuring everyone is aligned on the path to a successful delivery. Part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com) by yours truly.


Full Article

how

How To Create A Weekly Google Analytics Report That Posts To Slack

By smashingmagazine.com
Published On :: Fri, 06 Sep 2024 17:00:00 GMT

Google Analytics is often on a “need to know” basis, but why not flip the script? Paul Scanlon shares how he wrote a GitHub Action that queries Google Analytics to automatically generate and post a top ten page views report to Slack, making it incredibly easy to track page performance and share insights with your team.


Full Article

how

How To Build Custom Data Visualizations Using Luzmo Flex

By smashingmagazine.com
Published On :: Thu, 12 Sep 2024 11:00:00 GMT

Bringing data to life in your application can be done without the usual headaches. Paul Scanlon shows you how you can build beautiful data visualizations using the Google Analytics API, and you won’t have to spend any time “massaging” the data.


Full Article

how

How To Manage Dangerous Actions In User Interfaces

By smashingmagazine.com
Published On :: Fri, 27 Sep 2024 15:00:00 GMT

One of the main laws that applies to almost everything in our lives, including building digital products, is Murphy’s Law: “Anything that can go wrong will go wrong.” Our goal is to prevent things from going wrong and, if they do, mitigate the consequences. In this article, Victor Ponamarev explores different strategies for preventing users from making mistakes.


Full Article

how

How A Bottom-Up Design Approach Enhances Site Accessibility

By smashingmagazine.com
Published On :: Fri, 04 Oct 2024 09:00:00 GMT

You can’t overstate the importance of accessible website design. By the same token, bottom-up philosophies are crucial in modern site-building. A detail-oriented approach makes it easier to serve a more diverse audience along several fronts. Making the most of this opportunity will both extend your reach to new niches and make the web a more equitable place.


Full Article

how

It’s Here! How To Measure UX &amp; Design Impact, With Vitaly Friedman

By smashingmagazine.com
Published On :: Tue, 15 Oct 2024 14:00:00 GMT

Design decisions shouldn’t be a matter of personal preference. We can use reliable design KPIs and UX metrics to guide and shape our design work and measure its impact on business. Meet How To Measure UX and Design Impact, our new video course that helps with just that.


Full Article

how

How to Throw a Community Swap Meet

By www.ecology.com
Published On :: Wed, 06 Jul 2016 19:49:43 +0000

By Shira Golding Shareable We all have something to offer and needs to fill. The more we can provide for each other locally, the closer we are to sustainability. Share Tompkins, a volunteer-run group based in Ithaca, NY, was formed … Continue reading →


Full Article

how

Climate Change Film Tells Us “How to Let Go of the World”

By www.ecology.com
Published On :: Tue, 14 Jun 2016 21:56:50 +0000

By Yessenia Funes Yes! magazine In his new documentary, Josh Fox says we can use love to push aside the fear and hopelessness that comes with climate change. China’s smog-ridden skies have driven some people to rebel in the streets—even … Continue reading →


Full Article

how

How a Business Degree Can Help Business Owners Succeed

By snap2objects.com
Published On :: Mon, 02 May 2022 19:25:41 +0000

Starting a small business is a different kind of career move, since you don’t need to have any educational achievements to get started. Unlike applying for employed job roles, where employers might state the degrees or other qualifications that they expect candidates to have, anybody can start their own small business, even if you dropped […]

The post How a Business Degree Can Help Business Owners Succeed appeared first on Snap2objects.


Full Article

how

How to Boost Search Visibility With Life Science SEO

By 3.7designs.co
Published On :: Wed, 30 Aug 2023 15:40:48 +0000

In today’s constantly evolving digital landscape, search engine optimization (SEO) has emerged as a critical tool for enhancing online visibility and bringing more eyes to your content.  Implementing SEO strategies in life science marketing goes beyond simple rankings and clicks, though. It’s about providing valuable, user-focused content that resonates with the target audience you want […]

The post How to Boost Search Visibility With Life Science SEO appeared first on 3.7 Designs.


Full Article

how

27+ (Secrets) on How To Create An Awesome Viral Infographic in 2023

By coolinfographics.com
Published On :: Wed, 07 Jun 2023 14:37:54 +0000

So you want to make an awesome infographic, but you aren’t sure where to start. Capsicum Mediaworks has 27 (Secrets) on How To Create An Awesome Viral Infographic in 2023.

This is definitely and example of “Do what I say, not what I do”.

There’s some fantastic information here! Ironically, this is NOT a great infographic. Saving a bunch of text as a JPG file does not make a good infographic. This infographic design goes against some of their own best advice! More visuals, less text. Make it big, not gigantic. Highlight/focus on the important points.

We all know that beautiful infographics are much more interesting as compared to long, plain text. It is the basic human tendency to associate more with anything that explains the same point with more visual appeal and less jargon.

Which is why infographics have become such a big deal.

The pictorial representation of the data, colorful backgrounds, short, to-the-point text, and easy to understand themes, are just some of the reasons why infographics have surpassed other digital marketing strategies in terms of popularity. And they are definitely here to stay.

So if you haven't jumped on this bandwagon yet, it's high time you do!

Found on Capsicum Mediaworks.


Full Article

how

A Great Chart: How Much Hotter This June Has Been

By coolinfographics.com
Published On :: Thu, 15 Jun 2023 16:59:47 +0000

I really like this chart! It hits all of the data visualization design best practices for me. This was published by the NYTimes in the article: Here’s How Much Hotter Than Normal This June Has Been

Here’s what I like:

  • It’s time series data, so it’s visualized as a line chart

  • Year-over-year data is easy to compare as overlapping lines for the same Jan-Dec time period

  • No chart legend! The lines are labeled directly within your field of view in the chart

  • Using the pre attentive attribute of color, 2023 is highlighted in orange and the rest are gray lines

  • The chosen orange color isn’t red or green so there isn’t any implication of good or bad

  • The 2022 line is a darker shade of gray, so it’s also distinguishable, but not the focus

  • The x-axis labels are only every other month to minimize the text on the page

  • The is one example of when a non-zero baseline is appropriate so you can see the details

NOTE: This NYTimes article is behind their paywall, so you may not be able to see the original article without a subscription. I have a limited amount of “gift articles” I can share. You can CLICK THIS LINK if you don’t have a subscription and want to see the full article. It will let you see the article until I run out of shares!


Full Article

how

How to Safety Thaw a Turkey

By coolinfographics.com
Published On :: Sat, 18 Nov 2023 18:42:39 +0000

Addressing a common, annual problem, the U.S. Department of Agriculture put out this 3 Ways to Thaw a Turkey infographic in 2016.

While frozen, a turkey is safe indefinitely. As soon as it begins to thaw, bacteria that may have been present before freezing will begin to grow again. There are three safe ways to defrost a turkey: in the refrigerator, in cold water, and in a microwave oven.

Informative infographics that answer common questions are some of the most popular infographics.

In my book, I also talk about the Online Lifespan of an infographic, and this infographic has a fantastic Online Lifespan as it covers an evergreen topic and becomes popular every year.


Full Article

how

How Long Can People Cover Their Needs Without Income?

By coolinfographics.com
Published On :: Fri, 11 Oct 2024 18:26:23 +0000

How Long Can People Cover Their Needs Without Income? infographic by Visual Capitalist.

How Long Can People Cover Their Needs Without Income?

With nearly half of people under 34 worldwide unable to cover their needs for a month or less without income, it is no surprise that financial resiliency is a hot topic.

So, for this graphic, Visual Capitalist has partnered with Lloyd’s Register Foundation to explore economic resilience further and determine how long the average person can afford to cover their needs without income.

World Risk Poll 2024 Report: Economic Resilience

Lloyd’s Register Foundation produces the World Risk Poll every two years in partnership with Gallup, and the World Risk Poll 2024 report explores the everyday risks of 147,000 people from 142 nations.

They asked respondents how long they could afford to cover basic needs, such as food, transport, and shelter, if they lost all income. 

The results reveal a distinct trend across all age groups, with respondents typically falling into two categories: those with one month or less of financial runway, and those with more than four months. Relatively fewer respondents reported being able to survive two to three months.

I think this is a really interesting adaptation of a Sankey/Alluvial diagram. I’d like to see summaries of each timeframe to support their discussion around trends.

Found on Visual Capitalist.


Full Article

how

How to Set Up the Sell Media S3 Extension with WordPress

By graphpaperpress.com
Published On :: Wed, 31 Aug 2016 18:45:46 +0000

Cloud storage has become immensely popular, especially for hosting hefty files such as images and video. There are numerous benefits to storing your content on a dedicated server, and for offering downloads that are both consistently quick and secure, cloud storage is vital. We’ve developed our Sell Media plugin to help you sell images and video on your WordPress website – and by […]


Full Article

how

How to Sell Videos Online Using the Sell Media Plugin on Your WordPress Site

By graphpaperpress.com
Published On :: Tue, 06 Sep 2016 10:00:20 +0000

Are you one of the 55% of people globally who watch online videos every single day? Video has become an incredibly popular format for consuming content, and it’s now as ubiquitous as images within our social media news feeds and timelines. Despite this, the ability to sell videos online is difficult than many other forms of static media – […]


Full Article

how

How to Set Up Test Purchases Using PayPal on Your Sell Media Powered Website

By graphpaperpress.com
Published On :: Thu, 22 Sep 2016 10:00:36 +0000

Setting up a trouble-free payment process can be nerve-wracking. It must be completely secure and fully tested before going live in order to give the customer zero problems and total confidence in their purchase. Any issues with the checkout process, and it could end up with a potential refund to the customer, or no sale at all. Sell Media incorporates a testing […]


Full Article

how

How to Sell Stock Photo Subscriptions

By graphpaperpress.com
Published On :: Tue, 01 Nov 2016 18:37:47 +0000

What if you could sell monthly and yearly subscription plans to your own independent stock photo library? Starting today, you can! The Subscription Extension for Sell Media is an enterprise-level tool that works alongside our free Sell Media plugin. You can now create and customize yearly and monthly subscription plans that your customers subscribe to for accessing file downloads. Think […]


Full Article

how

How Google’s Accelerated Mobile Pages Project Affects Photography Websites

By graphpaperpress.com
Published On :: Wed, 23 Nov 2016 09:00:42 +0000

Back in October 2015, Google announced the launch of a project that may change the internet forever. The Accelerated Mobile Pages (AMP) project makes static pages and images load faster than ever before, and despite the youth of the project, big names like Pinterest, WordPress, and Twitter have all voiced their support. For photography website owners, the […]


Full Article

how

How to Use the Right Keywords For Increased Sales on Your Photography Website

By graphpaperpress.com
Published On :: Tue, 29 Nov 2016 16:43:01 +0000

While there are a number of ways visitors can potentially find your photography, search is the most vital method. If your website doesn’t offer a keyword search function, visitors may head to other sites that do – and the drop in traffic could hammer your sales figures. Just as search is crucial for finding websites, having a way […]


Full Article

how

How to Build a Stock Photo Business With WordPress

By graphpaperpress.com
Published On :: Sun, 04 Dec 2016 09:00:21 +0000

Selling your photography can be a great way to funnel your passion into a business. However, the web is awash in stock photography sites that curate photos from thousands of photographers. To stand out, you might be better off going your own way. And with the right tools—such as WordPress and Sell Media—you can build your own stock photo […]


Full Article