Weekly News for Designers № 513

Envato Elements

The Grumpy Designer’s Ode to Troubleshooting – As troubleshooting becomes a bigger part of our jobs, how do we deal with it?
The Grumpy Designer’s Ode to Troubleshooting

Line Awesome – A library that lets you swap out Font Awesome icons with modern line versions.
Line Awesome

Adobe Photoshop Camera – What if Photoshop were a part of your device’s camera? Now it is!
Adobe Photoshop Camera

The Evolution of Material Design’s Text Fields – A behind-the-scenes look at Google’s approach to changing styles.
The Evolution of Material Design’s Text Fields

Striking Examples of the Glitch Effect in Web Design – Using the “glitch” effect to improve the user experience.
Striking Examples of the Glitch Effect in Web Design

Lesser Known Coding Fonts – If you have to look at code all day, it may as well be written in a nice font.
Lesser Known Coding Fonts

Things We Can’t (Yet) Do In CSS – Layout patterns that aren’t yet possible, but may be in the near future.
Things We Can’t (Yet) Do In CSS

Preloading Fonts: When does it make sense? – A look at how fonts load in the browser and the impact of preloading them.
Preloading Fonts: When does it make sense?

Shining Examples of the Flashlight Effect Web Design Trend – A spotlight on sites that utilize the flashlight effect.
Shining Examples of the Flashlight Effect Web Design Trend

A Design System Governance Process – Ways to ensure that your design system maintains integrity.
A Design System Governance Process

Uncommon Use Cases For Pseudo Elements – A great resource of effects you can achieve through the use of CSS pseudo elements.
Uncommon Use Cases For Pseudo Elements

Tips for Hiring a WordPress Professional – Situations where a helping hand is recommended, along with what to look for in a pro.
Tips for Hiring a WordPress Professional

Designing the Facebook Company Brand – Examine the process behind the social media giant’s branding.
Designing the Facebook Company Brand

CSS Variables With Inline Styles – How CSS variables can make for a better stylesheet.
CSS Variables With Inline Styles

Fontsmith Variable Fonts – Learn about this much-hyped development in typography – complete with examples.
Fontsmith Variable Fonts

Easy Peasy Password – A tool for generating strong and funny passwords. One you might even remember!
Easy Peasy Password

The post Weekly News for Designers № 513 appeared first on Speckyboy Design Magazine.

Weight Loss Dietary Supplements Market Is Also Estimated To Bring In US$ 37177.6 Million Revenue By 2026 End

As per the latest study by Persistence Market Research (PMR), the global weight loss dietary supplements market is anticipated to witness healthy growth. The market is likely to register 6.0% CAGR throughout the forecast period 2017-2026. The global weight loss dietary supplements market is also estimated to bring in US$ 37,177.6 million revenue by 2026 end.

With obesity becoming a global health concern, weight loss continues to be one of the most focused areas. Hence, increasing number of companies are coming up with the new products in weight loss supplements. The increasing consumption and demand for weight loss dietary supplements, regulations on the production of these supplements along with ingredients used are also gaining traction in various countries. The government in various countries are also focusing on the quality and quantity of ingredients used and if any of these ingredients can have severe side-effects, affecting the health of the consumers negatively.

Increasing use of Natural and Organic Ingredients in the Weight Loss Dietary Supplements

The negative effects of being obese and overweight are resulting in the increasing use of weight management products. Consumers are also adopting weight loss supplements in forms of pill, liquid, and powder. Hence, with the increase in the use of these supplements, manufacturers are also trying to produce safer products, thereby using organic and natural ingredients and plant-based ingredients. Among various ingredients, green tea extract is considered as one of the most popular and safest ingredients in the weight loss dietary supplements. Similarly, Garcinia cambogia is also being considered as an ingredient in the weight loss supplements. However, these ingredients have been reported to have adverse effects like a headache, constipation, UTI. Hence, there has been an increase in the investment in the research on other organic ingredients that can be used to produce weight loss supplements.

Request for Sample Report : https://www.persistencemarketresearch.com/samples/20380

Global Weight Loss Dietary Supplements Market: Segmental Insights

The global weight loss dietary supplements market includes various segments such as end-user, form, ingredients, distribution channel, and region. Based on the form, the market is categorized into powder, liquid, and soft gell/pills. Soft gell/pills are expected to dominate the market during the forecast period. By the end of 2026, soft gell/pills are expected to exceed US$ 18,500 million revenue.

Based on the end-user, the segment consists of men, women and senior citizen. Among these, women are expected to be the largest users of weight loss dietary supplements. Women segment as the end-user is estimated to create an incremental opportunity of more than US$ 7,900 million between 2017 and 2026.

By Distribution Channel, pharmacies drug store is expected to emerge as the largest distribution channel for the weight loss dietary supplements. Pharmacies drug store is estimated to account for more than one-third of the revenue share by the end of 2017.

Request for customization: https://www.persistencemarketresearch.com/request-customization/20380

Based on the ingredients, the segment consists of amino acids, vitamins minerals, botanical supplements, and others. Vitamins minerals are expected to emerge as one of the largest used ingredients in the weight loss dietary supplements. By the end of 2026, vitamins minerals are estimated to exceed US$ 16,900 million revenue.

Region-wise, the market is categorized into Europe, North America, Asia Pacific Excluding Japan (APEJ), Latin America, Japan, and the Middle East and Africa (MEA). Among the given regions, North America is expected to dominate the global weight loss dietary supplements market throughout the forecast period 2017-2026.

Global Weight Loss Dietary Supplements Market: Competitive Assessment

Key players in the global weight loss dietary supplements market are Amway (Nutrilite), Abott Laboratories, GlaxoSmithKline, Glanbia, Herbalife International, Pfizer, American Health, Stepan, Nature’s Sunshine Products, and FANCL.

Article source: https://myhealthreporter.com/2019/11/08/weight-loss-dietary-supplements-market-is-also-estimated-to-bring-in-us-37177-6-million-revenue-by-2026-end-2/

WebAudio Deep Note, part 5: gain node

Previously on "Deep Note via WebAudio":

  1. intro
  2. play a sound
  3. loop and change pitch
  4. multiple sounds
  5. nodes

In part 4 we figured out how to play all 30 sounds of the Deep Note at the same time. The problem is that's way too loud. Depending on the browser and speakers you use you may: go deaf (usually with headphones), get distortion (Chrome), your OS turns it down (Mac, built-in speakers) or experience any other undesired effect. We need to "TURN IT DOWN!". This is where the Gain node comes in. Think of it as simply volume.

Plug in the Gain node

So we have this sort of node graph:

all the notes

And we want to make it like so:

all the notes with gain

Having this will allow us to turn down the volume of all the sounds at the same time.

The implementation is fairly straightforward. First, create (construct) the node:

const volume = audioContext.createGain();

Its initial value is 1. So turn it way down:

volume.gain.value = 0.1;

Connect (plug in) to the destination:

volume.connect(audioContext.destination);

Finally, for every sound, instead of connecting to the destination as before, connect to the gain node:

// BEFORE:
// source.connect(audioContext.destination);
// AFTER:
source.connect(volume);

Ahhh, that's much easier on the ears.

AudioParam

As you see, the Gain node we called volume has a gain property. This property is itself an object of the AudioParam type. One way to manipulate the audio parameter is via its value property. But that's not the only way. There are a number of methods too that allow you to manipulate the value in time, allowing you to schedule its changes. We'll do just that in a second.

Personal preference

I like to call my gain nodes "volume" instead of "gain". Otherwise it feels a little parrot-y to type gain.gain.value = 1. Often I find myself skipping one of the gains (because it feels awkward) and then wondering why the volume isn't working.

Gain values

0 is silence, 1 is the default. Usually you think of 1 as maximum volume, but in fact you can go over 1, all the way to infinity. Negative values are accepted too, they work just like the positive ones: -1 is as loud as 1.

Scheduling changes

Now we come to the beginning of the enchanting journey through the world of scheduling noises. Let's start simple. Deep Note starts out of nothing (a.k.a. silence, a.k.a. gain 0) and progresses gradually to full volume. Let's say it reaches full volume in 1 second.

Thanks to a couple of methods that every AudioParam has, called setValueAtTime() and setTargetAtTime(), we can do this:

volume.gain.setValueAtTime(0, audioContext.currentTime);
volume.gain.setTargetAtTime(0.1, audioContext.currentTime, 1);

And we do this whenever we decide to hit the Play button. The first line says: right now, set the volume (the gain value) to 0. The second line schedules the volume to be 0.1. audioContext.currentTime is the time passed since the audio context was initialized, in seconds. The number 1 (third argument in the second line) means that it will take 1 second to start from 0, move exponentially and reach the 0.1 value. So in essence we set the gain to 0 immediately and also immediately we begin an exponential transition to the value 0.1 and get there after a second.

All in all there are 5 methods that allow you to schedule AudioParam changes:

  • setValueAtTime(value, time) - no transitions, at a given time, set the value to value
  • setTargetAtTime(value, start, duration) - at start time start moving exponentially to value and arrive there at start + duration o'clock
  • exponentialRampToValueAtTime(value, end) - start moving exponentially to value right now and get there at the end time
  • linearRampToValueAtTime() - same as above, but move lineary, not exponentially
  • setValueCurveAtTime(values, start, duration) - move through predefined list of values

Above we used two of these functions, let's try another one.

A gentler stop()

Sometimes in audio you hear "clicks and pops" (see the "A note on looping a source" in a previous post) when you suddenly cut off the waveform. It happens when you stop a sound for example. But we can fix this, armed with the scheduling APIs we now know of.

Instead of stopping abruptly, we can quickly lower the volume, so it's imperceptible and sounds like a stop. Then we stop for real. Here's how:

const releaseTime = 0.1;

function stop() {
  volume.gain.linearRampToValueAtTime(
    0, 
    audioContext.currentTime + releaseTime
  );
  for (let i = 0; i < sources.length; i++) {
    sources[i] && sources[i].stop(audioContext.currentTime + 1);
    delete sources[i];
  }
}

Here we use linearRampToValueAtTime() and start turning down the volume immediately and reach 0 volume after 0.1 seconds. And when we loop through the sources, we stop them after a whole second. At this time they are all silent so that time value doesn't matter much. So long as we don't stop immediately.

That's a neat trick. Every time you suffer pops and clicks, try to quickly lower the volume and see if that helps.

And what's the deal with all the exponential stuff as opposed to linear? I think we perceive exponential changes in sound as more natural. In the case above it didn't matter since the change is so quick it's perceived as an immediate stop anyway.

Bye-o!

A demo of all we talked about in this post is here, just view source for the complete code listing.

Thanks for reading and talk soon!

People of WordPress: Kim Parsell

You’ve probably heard that WordPress is open-source software, and may know that it’s created and run by volunteers. WordPress enthusiasts share many examples of how WordPress changed people’s lives for the better. This monthly series shares some of those lesser-known, amazing stories.

Meet Kim Parsell

We’d like to introduce you to Kim Parsell. Kim was an active and well-loved member of the WordPress community. Unfortunately, she passed away in 2015. Lovingly referred to as #wpmom, she leaves behind a legacy of service. 

Kim Parsell

How Kim became #wpmom

In order to understand how highly valued the WordPress community was to Kim Parsell, you have to know a bit about her environment.

Kim was a middle-aged woman who lived off a dirt road, on top of a hill, in Southern rural Ohio. She was often by herself, taking care of the property with only a few neighbors up and down the road.

She received internet access from towers that broadcast wireless signals, similar to cell phones but at lower speeds.

Connecting through attending live podcast recordings

By listening to the regular podcast, WordPress Weekly, Kim met members of the WordPress community and was able to talk to them on a weekly basis. The show and its after-hours sessions provided Kim a chance to mingle with the who’s who of WordPress at the time. It helped establish long-lasting relationships that would open up future opportunities for her.

Since she lived in a location where few around her used or had even heard of WordPress, the community was an opportunity for her to be with like-minded people. Kim enjoyed interacting with the community, both online and at WordCamp events, and many community members became her second family, a responsibility she took very seriously.

“Many members of the WordPress community became her second family, a responsibility she took very seriously.”

Jeff Chandler

One of the first women of WordPress

Kim is regarded as one of the first “women of WordPress,” investing a lot of her time in women who wanted to break into tech. She worked hard to create a safe environment sharing herself and her knowledge and was affectionately called #wpmom.

She contributed countless hours of volunteer time, receiving “props” for 5 major releases of WordPress, and was active on the documentation team. 

“Affectionately called #wpmom, Kim was an investor. She invested countless hours into the WordPress project and in women who wanted to break into tech.”

Carrie Dils
Kim at WordCamp San Francisco

Kim Parsell Memorial Scholarship

In 2014, she received a travel stipend offered by the WordPress Foundation that enabled her to attend the WordPress community summit, held in conjunction with WordCamp San Francisco. She shared with anyone who would listen, that this was a life-changing event for her. 

The WordPress Foundation now offers that scholarship in her memory. The Kim Parsell Memorial Scholarship provides funding annually for a woman who contributes to WordPress to attend WordCamp US, a flagship event for the WordPress community.

This scholarship truly is a fitting memorial. Her contributions have been vital to the project. Moreover, the way she treated and encouraged the people around her has been an inspiration to many.  

Her spirit lives on in the people she knew and inspired. Here’s hoping that the Kim Parsell Memorial Scholarship will serve to further inspire those who follow in her footsteps.

Drew Jaynes

Kim is missed, but her spirit continues to live on

Sadly Kim died just a few short months later. But her spirit lives on in the people she knew and inspired within her communities. The Kim Parsell Memorial Scholarship will serve to further inspire those who follow in her footsteps.

Contributors

@wpfiddlybits, @yvettesonneveld, @josephahaden, Topher Derosia, Jeff Chandler, Carrie Dils, Jayvee Arrellano, Jan Dembowski, Drew Jaynes

php|architect: Security Corner: Twist and Shout

By Eric Mann

Most self-taught developers in our industry learn to leverage an API long before they spend time learning lower-level coding patterns. This experience isn’t necessarily a bad thing. All the same, it’s important to take some time to dig deeper and better understand the too...

Site News: Popular Posts for This Week (11.08.2019)

Popular posts from PHPDeveloper.org for the past week:

Powered by Gewgley