flu

Armstrong Fluid Technology introduces expanded range of Design Envelope permanent magnet pumps

Armstrong introduces Design Envelope Permanent Magnet pumps (up to 60hp), delivering 20% lower operating costs and highly accurate flow metering (+/- 5%).





flu

How to create your own flush cart for hydronic heating systems

In 1986, I installed a 1.5-ton geothermal heat pump in my home using two 500-foot horizontal HDPE earth loops. After digging a trench, I connected the loops to the pump and opted for a 2 HP swimming pool pump to fill and flush the system, as a garden hose couldn't provide the needed flow rate.






flu

Water conservation gets an assist from flush technology

A little water conservation can go a long way.

And as the second-most visited space in commercial buildings — just behind the lobby — the restroom and its water-saving fixtures can help lead the way when it comes to cutting back consumption.




flu

How climate change might influence workers’ health and safety

Workers are frequently the first to be exposed to the effects of climate change, and they are exposed for longer periods of time and at higher intensities than the broader population. Given this, when it comes to climate change adverse effects on workers, such as disease or injury, may be among the first indicators of the health effects of climate change on the general public. 




flu

U.S. Chemical Safety Board investigates release of toxic hydrofluoric acid at Honeywell facility

This is the third serious incident involving the release of HF at the Louisiana facility in the last three years, official says.




flu

Changeovers, shrinking workforce influence case packers and wrappers

Beverage operations are juggling SKU proliferation, varying pack sizes and a changing workforce. Packing machinery is helping these manufacturers minimize disruptions to those operations.




flu

Understanding the potential of influencer content

As brands look to employ creator-generated content as part of their advertising campaigns, understanding how consumers engage and receive this influencer content can be vital to support their brands.




flu

Dairy drinks and alternatives market fluctuates

Shifts of consumption preferences from consumers in terms of dairy and dairy alternatives beverages, impact performance of category.




flu

Bluebird Hardwater brings Gen Z influence to beverage alcohol

Setting out to create a canned cocktail suited for his personal lifestyle, Gen Zer Will Blum, CEO and co-founder of Bluebird Hardwater, highlights how the brand differentiates itself in a saturated market.




flu

Sustainability influencing ingredient suppliers

Ingredient suppliers are prioritizing sustainability with new hires and innovations.




flu

Key fleet data points influencing insurance policies

Technology is playing a greater role when it comes to calculating insurance costs for fleets, particularly as some look into adding electric vehicles to the mix.




flu

Carts, hand trucks design equipment to balance SKU influx

For beverage distributors, handling the influx of SKUs has prompted carts and hand truck manufacturers to take a proactive approach so that delivery personnel can tackle the growing challenge.




flu

Sustainability, lifestyle changes influencing beverage cartons

Sustainability, population growth, rising incomes and changing lifestyles have all contributed to the growing use of cartons for beverage packaging.




flu

Responding to Influx of Businesses Needing IT Services Post-Pandemic, Boca Raton's Level5 Management Launches New Website

As the need for business IT services skyrockets amid Covid-era cybersecurity threats and transition to remote work, website redesign allows business owners to find solutions easily, connect immediately to technology experts.




flu

FreeCast FAST Launches No Cost Monetization Solution for Influencers

After assembling the largest collection of FAST channels, FreeCast will share its tier-1 partnerships and economics to benefit niche content producers and influencers.




flu

Felix Magazine's Fall Power Issue: Celebrating Camille Vasquez's Influence and Leadership

Empowerment and Excellence: Inside the Journey of a Legal Luminary




flu

Fitness Influencer Eric Leija Sizzles In Chino Valley Ranchers' Punchy New Ad Campaign

In Chino Valley Ranchers' latest ad - unprecedented in the egg industry - Leija appears as a boxer mid-fight, wearing trunks featuring "CVR Boxing Club, Can't Beat Em!" on the waistband.




flu

Collision of Influencer Culture and Pro Boxing: Hype Boxing's Tampa Bay Event Set to Electrify All Audiences!

Celebrity Influencers Like M2THAK Step into the Ring alongside Pro Boxers Like Hasim Rahman Jr. for a Night of Thrilling Entertainment and Unforgettable Showdowns.




flu

Philip W. Boesch, Jr. of The Boesch Law Group Recognized as One of 50 Most Influential Lawyers in the U.S.

Philip W. Boesch, Jr. has been given the 2024 Lawyers of Distinction award for Most Influential Lawyers, as published in The Wall Street Journal




flu

Crypto for Advisors: Hear from Crypto Experts on Navigating Fluctuating Market Conditions

Crypto for Advisors: Hear from Crypto Experts on Navigating Fluctuating Market Conditions




flu

Juliet Correnti, CEO of Radeus Labs, Named one of San Diego's Most Influential People by the San Diego Business Journal

Inclusive Leadership: Breaking Barriers and Building Bridges for a Diverse Tomorrow




flu

Unow™ Oral Fluid Drug Test Device

Smaller sample & Quicker results




flu

How Undue Influence Can Impact Estate Planning

Undue influence in estate planning involves manipulating clients to make decisions that don't align with their genuine wishes.




flu

Can Influencers be Effective in Creating a Social Impact?

Taking initiatives to engage in social work is always encouraged. It is a good way to help out those in need and also try to spread awareness and a good social message.




flu

Excite Medical to Showcase its DRX9000 Spinal Decompression Machine at Epic Influencer Summit

Experience Revolutionary Technology: Excite Medical Exhibits DRX9000 Spinal Decompression Machine at Epic Influencer Summit




flu

Robert P. Cotton, has been recognized as one of America's Most Influential Businessmen, by the International Association of Who's Who

Robert P. Cotton, of San Francisco, California, is honored by the International Association of Who's Who as one of America's Most Influential Businessmen, for his expert achievements involving elevators and escalators




flu

Radeus labs, Inc. - Juliet Correnti Honored by the San Diego Business Journal's Women of Influence in Engineering 2024

Dedication to quality, innovation, and mentorship




flu

BIRD FLU TOP ANALYST PREDICTS ELECTION INTERFERENCE

Astonishingly Accurate & Prophetic Virus Expert Sounds Alarm




flu

CIO Women Magazine Features Patricia Delinois as One of "The Most Influential Women Leaders in Real Estate"

Empowering leader & CEO Patricia Delinois shares insights on navigating the real estate market & fostering social good. Read her story & more in CIO Women Magazine!




flu

The Ins and Outs of the Influencer Industry

Online influencers are an increasingly important way for companies to find new customers and drive sales. Whether you're a marketer who wants to more effectively use social media or a consumer targeted by influencer content - in good ways and bad - you'll benefit from better understanding how the industry works. Emily Hund, researcher at the University of Pennsylvania, explains that it was born from not only increased connectivity but also Great Recession job cuts which forced people in creative fields to innovate. She argues that these are entrepreneurs who now have an impact on many different sectors of the economy and offers advice for both them and the brands wanting to develop better influencer marketing strategies. Hund is the author of the book The Influencer Industry: The Quest for Authenticity on Social Media.




flu

Tiny Experiments: How Little Moments Influence Your Life

In a world that often emphasizes grand gestures and monumental achievements, it’s easy to overlook the profound impact of small actions. Yet, it’s these minuscule steps that are the true catalysts for change and progress in our lives. “Tiny Experiments.” I keep these words on a Post-It note on my monitor, a daily reminder that the key to unlocking my potential and propelling myself towards my desired future lies in the willingness to take small, manageable actions. Now, you might be skeptical. What can you really accomplish in just a few minutes? The answer is—a lot more than you think. Examples of Tiny Experiments Here are some of the tiny experiments I’ve integrated into my routine: A Ten-Minute Run: It’s short, yes, but it boosts my energy and clears my mind, making me more productive. One Strategic Email: Something as simple as sending an email can advance my projects, like moving forward with an upcoming TV series. Fifty Pushups: This quick burst of physical activity increases my physical stamina and mental toughness. Ten-Minute Meditation: Helps me center my thoughts and combat the stresses of daily life. A Five-Minute Call: Reconnecting with a friend or family member, like my mom, nurtures...

The post Tiny Experiments: How Little Moments Influence Your Life first appeared on Chase Jarvis.

The post Tiny Experiments: How Little Moments Influence Your Life appeared first on Chase Jarvis.




flu

Stop Chasing Followers: Why Real Influence Comes from Mastery

Focus on mastering your craft rather than chasing followers. Real influence comes from consistently creating meaningful work and engaging with your community.

The post Stop Chasing Followers: Why Real Influence Comes from Mastery first appeared on Chase Jarvis.

The post Stop Chasing Followers: Why Real Influence Comes from Mastery appeared first on Chase Jarvis.




flu

Fluid Breakout Layout with CSS Grid

So you're building a site and you've got a nice containing element around your content — but wait! Not all the content is the same width! That nice, neat tube of content is not so much a straight tube as a pile of different sized bricks.

It's a common layout problem, but how do we account for these 'breakout' widths in the layout? There's a couple ways we could go about it:

  • Encapsulate each component and set widths and margins. (Works fine if you have full control but can be fiddly).
  • Force the component out of the containing element with negative margins. (Works fine if there's only a little deviation).
  • Use CSS Grid to build a fluid universal grid! (????).

That last one is what we'll be exploring: how to use CSS Grid definitions to allow for consistent component sizing across all breakpoints — no media queries required!

This is a technique that's based on Ryan Mulligan's 'Layout Breakouts' which is based on Josh Comeau's 'Full-Bleed Layout' and is especially useful when creating a fully fluid layout. This also pairs well with fluid type techniques resulting in layouts that TRULY scale with the viewport size.

Setting Up the Grid #

Here's the layout we're going to be building:

If we break apart the design, we've got 4 possible widths for components:

  • Full-Width
  • Feature
  • Popout
  • Content

We've also go some special side-anchored elements that 'stick' to one of the screen edges but also honor the other element widths. We'll come back to these later on.

Now that we've categorized the widths, lets start drawing column edges and defining areas:

  1. Left margin / Full-Width
  2. Left Feature
  3. Left Popout
  4. Center Content
  5. Right Popout
  6. Right Feature
  7. Right margin / Full-Width

That's a lot of columns!

Yet on mobile, we only need 3 columns, just left margin (1), center content (4), and right margin (7). We want some of these intermediate columns to disappear!

Fortunately, CSS Grid gives us some powerful tools to create the measurements needed—yes, even for the disappearing columns! We won't even have to write any media queries for this one. We can make just ONE definition that works at all sizes.

We'll store our measurements as CSS variables for easy use later on:

:root {
  --gap: clamp(1rem, 4vw, 2rem);
  --full: minmax(var(--gap), 1fr);
  --feature: minmax(0, 12vw);
  --popout: minmax(0, 2rem);
  --content: min(clamp(30rem, 52vw, 60rem), 100% - var(--gap) * 2);
}

Let's break these down.

--gap: clamp(1rem, 4vw, 2rem);

gap will be our side margin, allowing it to stretch up to 2rem at max, with a preferred width of 4vw, but never going below 1rem.

--full: minmax(var(--gap), 1fr);

We're going to use the minmax() function for these next three measurements to say: "If there's room in the CSS Grid, you can expand out to here but then don't go smaller than the minimum".

The full area is going to expand from left edge to right edge (remember we have to split the areas to allow for the other columns) and will double as our margin, so we'll pop in our gap value as our minimum and tell it that it can expand up to 1fr, or basically as much space as the rest of the grid will allow it.

--feature: minmax(0, 12vw);
--popout: minmax(0, 2rem);

The feature and popout both have a minimum value of 0. This is what powers our disappearing columns! As other areas of the grid expand, these will collapse when there's no longer any room for them, essentially taking up no space.

--content: min(clamp(30rem, 52vw, 60rem), 100% - var(--gap) * 2);

And then finally, our content area is our most complex measurement. It's saying, take the minimum value of either:

  1. A fluid measurement that can be 30-60rem (with the help of clamp())
  2. OR full width minus our gap value (but doubled for both left and right values).

These measurements can be changed to fit the needs of your layout. Specifically the feature and popout maximum values and the first content value. For example, our use of vw for the feature means it will fluidly expand out as the screen grows whereas the popout will remain only 2rem larger on each side than the content column.

Now we can assemble these measurements in a CSS grid column definition. We'll name our column edges with [custom-ident] and use the -start and -end endings to help make assignment easier later on.

.grid-breakout {
  display: grid;
  grid-template-columns: [full-start] var(--full)
    [feature-start] var(--feature)
    [popout-start] var(--popout)
    [content-start] var(--content) [content-end]
    var(--popout) [popout-end]
    var(--feature) [feature-end]
    var(--full) [full-end];
}

The definition is complex, but if we visualize the start and end lines of our columns as well as the measurements, it looks like this:

You can see we have our middle content column, our disappearing feature and popout columns, and finally our full columns that double as our margin.

To finish off the definitions, we need to create column assignments. Because we named our columns with custom identifiers and specified the start and stop lines, we don't have to fiddle with grid numbers. We can assign them directly like:

.full {
  grid-column: full;
}

.feature {
  grid-column: feature;
}

.popout {
  grid-column: popout;
}

.content {
  grid-column: content;
}

And if we want to create a default assignment for elements in the grid (which is especially useful if you don't have full control over the markup) you can create one like this:

.grid-breakout > * {
  grid-column: content;
}

Now you can attach any of these classes to components in your grid and have them snap to the width you want.

Watch the screen capture below as the grid scales down. You can see the feature and popout columns disappearing as everything transitions to a mobile width, and then expands back up.

You can see a demo of the base setup here:

Nesting Grids #

Now let's go back to our header element. You can see that though the header is full-width, we actually want its inner content to honor the feature width.

Fortunately, because of the flexible nature of this grid definition, we can repeat the definition and then continue using the same column names on the inner structure. Because our grid only goes one layer deep we're free to replicate as much as we need or even break out and use different layout methods for the component interiors.

<main class="grid-breakout">
  <section class="full grid-breakout">
     <div class="feature">
        <!-- inner content -->
     </div>
  </section>
</main>

You can see it in action here:

Anchoring Left and Right #

Remember those side-anchored components? This is where we need to get a little tricky to line everything up.

Going back to our diagram, we want an element to span MOST of the way across the page, but end at the opposite feature edge. We can reuse our column definitions for the first part.

.feature-left {
  grid-template-columns: full-start / feature-end;
}

Great! That gives us exactly what we want... except for when we try to nest the grids.

Our original grid definition assumes that our content, while different widths, is centered in the window. We have to rethink our inner grid definition a little bit.

We're shaving off one end of the grid, specifically a full definition. So two things need to happen:

  1. We need to adjust our content width to now account for only having one gap.
  2. We need our new grid end to stop at the edge of the feature column.

We can achieve this with a new measurement and a new grid definition:

:root {
  /* previous definitions... */
  --content-inset: min(clamp(30rem, 52vw, 60rem), 100% - var(--gap));
}

.grid-breakout-feature-left {
  display: grid;
  grid-template-columns:
    [full-start] var(--full)
    [feature-start] var(--feature)
    [popout-start] var(--popout)
    [content-start] var(--content-inset) [content-end]
    var(--popout) [popout-end]
    var(--feature) [feature-end full-end];
}

We've replaced the inner content measurement with the new value and combined the feature and full ends with the final line of the template column definition:

[feature-end full-end]

This will allow redefinition inside the new side-anchored component. You will notice that you'll need to supply your own padding for the inner as they no longer have that final margin to prevent it from reaching the new grid edge.

<main class="grid-breakout">
  <section class="feature-left grid-breakout-feature-left">
    <div class="feature">
      <!-- inner content -->
    </div>
  </section>
</main>

If you want to reverse this to be anchored to the right, you can flip the grid definition, moving the double start to the top like:

.grid-breakout-feature-right {
  display: grid;
  grid-template-columns:
    [full-start feature-start] var(--feature)
    [popout-start] var(--popout)
    [content-start] var(--content-inset) [content-end]
    var(--popout) [popout-end]
    var(--feature) [feature-end]
    var(--full) [full-end];
}

You can see a demo of the side-anchored component here:

But What About Tailwind! #

We love using Tailwind at Viget as a Team Accelerator™, and it's straightforward to implement these measurements and definitions in your Tailwind config.

/** @type {import('tailwindcss').Config} */
import plugin from "tailwindcss/plugin";

export default {
  // the rest of your other definitions
  theme: {
    // the rest of your theme definitions
    extend: {
      gridColumn: {
        content: "content",
        popout: "popout",
        feature: "feature",
        full: "full",
        "feature-left": "full-start / feature-end",
      },
      gridTemplateColumns: {
        breakout: `[full-start] var(--full)
            [feature-start] var(--feature)
            [popout-start] var(--popout)
            [content-start] var(--content) [content-end]
            var(--popout) [popout-end]
            var(--feature) [feature-end]
            var(--full) [full-end]`,
        "breakout-feature-left": `[full-start] var(--full)
            [feature-start] var(--feature)
            [popout-start] var(--popout)
            [content-start] var(--content-inset) [content-end]
            var(--popout) [popout-end]
            var(--feature) [feature-end full-end];`,
      },
    },
  },
  plugins: [
    plugin(function ({ addBase }) {
      addBase({
        ":root": {
          // grid sizing variables
          "--gap": "clamp(1rem, 4vw, 2rem)",
          "--full": "minmax(var(--gap), 1fr)",
          "--content": "min(clamp(30rem, 52vw, 60rem), 100% - var(--gap) * 2)",
          "--popout": "minmax(0, 2rem)",
          "--feature": "minmax(0, 12vw)",
          "--content-inset": "min(clamp(30rem, 52vw, 60rem), 100% - var(--gap))",
        },
        // force unspecified content blocks into 'content' grid
        ".grid-cols-breakout > *": {
          "grid-column": "content",
        },
      });
    }),
  ],
};

Everything is effectively the same, but you'll call your grid classes like grid-cols-breakout to set the grid, and your columns like col-feature per Tailwind naming conventions.

Forwards to a Fluid Future! #

And there you have it! A media-query-less fluid breakout layout defined with CSS grid!

While the setup is more complicated at first glance, I've found that the more fluid your layout rules are, the FEWER rules you have to write overall! Especially when paired with fluid type, dynamic viewport units, and all the amazing features that are landing in CSS — it's truly a fluid future!



  • Code
  • Front-end Engineering

flu

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

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 […]




flu

Human Influence on Global Climate Traced Back to 1930’s

The Melbourne Newsroom The human impact on our global climate has now been traced back as far as the 1930’s Humans have triggered the last 16 record-breaking hot years experienced on Earth (up to 2014), with the new research tracing … Continue reading




flu

Applications of Fluorescence Technology

Modern bioassays tend to fall under three common modalities: colorimetric, luminometric or fluorometric. Colorimetric assays record the amount of light abs



  • Cell &amp; Molecular Biology

flu

Avian Flu Could Spread Further, but Immunity May be Common

For the past several years, millions of birds around the world have been killed or culled because of a highly pathogenic form of avian influenza - H5N1




flu

Applications of Fluorescence Technology

Modern bioassays tend to fall under three common modalities: colorimetric, luminometric or fluorometric. Colorimetric assays record the amount of light abs



  • Genetics &amp; Genomics

flu

Avian Flu Could Spread Further, but Immunity May be Common

For the past several years, millions of birds around the world have been killed or culled because of a highly pathogenic form of avian influenza - H5N1



  • Health &amp; Medicine

flu

Avian Flu Could Spread Further, but Immunity May be Common

For the past several years, millions of birds around the world have been killed or culled because of a highly pathogenic form of avian influenza - H5N1




flu

Punching In: Marty Walsh Weighs His ‘Influence’ as DOL Secretary

Sarah Bryan Fask explains the future of multi-employer pension reforms.

Bloomberg Law

View Article (Subscription required.) 




flu

Agencies’ Influence over Employers May Erode After Supreme Court Decision

Alexander MacDonald says agencies may have to “regulate more modestly and litigate more often” after the U.S. Supreme Court overruled Chevron.

SHRM Online

View (Subscription required.)




flu

A Regression to Politics? Recent Court Decisions Could Give Partisanship Even More Influence at the NLRB

Alex MacDonald discusses recent court decisions that criticized the way the NLRB operates and that could transform American labor law.

Washington Legal Foundation

View




flu

OSC study finds ESG ratings greatly influence investor decisions but are difficult to understand

TORONTO – The Ontario Securities Commission (OSC) today released the results of a study examining the influence of environmental, social and governance (ESG) factors on retail investor decision making.




flu

Analyse des flux physiques, performances économiques et relations au sein des filières de manioc, de riz, de lait et de poisson au Sud-Kivu et Tanganyika (RDC 2021)

Ce document présente une analyse des chaînes de valeur agroalimentaires de manioc, de riz, de lait et de poisson le long du corridor économique entre les capitales provinciales de Bukavu (Sud-Kivu) et Kalemie (Tanganyika) situées dans la partie orientale de la République démocratique du Congo (RDC). Les principales données utilisées pour cette étude proviennent d’enquêtes menées en 2021 auprès d’environ 3000 acteurs conomiques familiaux, y compris des agriculteurs, des transformateurs et des intermédiaires, actifs dans une ou plusieurs des quatre filières ciblées.




flu

Does conflict-driven internal displacement influence demand for agricultural inputs? Evidence from Nigeria

Does conflict-driven internal displacement influence demand for agricultural inputs? Evidence from Nigeria

Examining the effectiveness of vouchers and marketing information.

The post Does conflict-driven internal displacement influence demand for agricultural inputs? Evidence from Nigeria appeared first on IFPRI.