Nat  Grady

Nat Grady

1665522480

Bubblyr: Beautiful Bubbles in Shiny and RMarkdown Backgrounds

bubblyr

bubblyr is an R wrapper of the JavaScript library bubbly-bg. It allows you to add beautiful animated bubbles within Shiny and RMarkdown backgrounds. You can choose from several themes and apply the animation with one line of code.

lalalandexample.gif

Installation

You can install the bubblyr package from CRAN with:

install.packages("bubblyr")

You can install the development version of bubblyr from Github with:

install.packages("remotes") #if not installed

remotes::install_github("feddelegrand7/bubblyr")

Themes

Here a list of all the available themes. Note that The ocean, cherry, hippie, bigmom and deepsea themes are provided by the author of the bubbly-bg JavaScript library, I just gave them some fancy names:

Themes
ocean
cherry
hippie
bigmom
deepsea
illusion
rstudio
ash
classy
volcano
lacoste
warmup
fire
traffic
life
darksky
orangina
meteor
gravitas
rladies
sunshine
sweet
lalaland

Below you can find some examples, feel free to experiment the remaining themes:

Important: You may experiment some lags when viewing your Shiny/Rmd Document in the RStudio pane, instead use the browser.

library(shiny)
library(bubblyr)

ui <- fluidPage(

    bubbly(theme = "bigmom")

)

server <- function(input, output) {}

shinyApp(ui = ui, server = server)

bigmom.gif

library(shiny)
library(bubblyr)

ui <- fluidPage(

    bubbly(theme = "rstudio")

)

server <- function(input, output) {}

shinyApp(ui = ui, server = server)

rstudio.gif

library(shiny)
library(bubblyr)

ui <- fluidPage(

    bubbly(theme = "classy")

)

server <- function(input, output) {}

shinyApp(ui = ui, server = server)

classy.gif

Code of Conduct

Please note that the bubblyr project is released with a Contributor Code of Conduct. By contributing to this project, you agree to abide by its terms.

Download Details:

Author: Feddelegrand7
Source Code: https://github.com/feddelegrand7/bubblyr 
License: Unknown, Unknown licenses found

#r #javascript #shiny #markdown #rstats 

What is GEEK

Buddha Community

 Bubblyr: Beautiful Bubbles in Shiny and RMarkdown Backgrounds
Nat  Grady

Nat Grady

1665522480

Bubblyr: Beautiful Bubbles in Shiny and RMarkdown Backgrounds

bubblyr

bubblyr is an R wrapper of the JavaScript library bubbly-bg. It allows you to add beautiful animated bubbles within Shiny and RMarkdown backgrounds. You can choose from several themes and apply the animation with one line of code.

lalalandexample.gif

Installation

You can install the bubblyr package from CRAN with:

install.packages("bubblyr")

You can install the development version of bubblyr from Github with:

install.packages("remotes") #if not installed

remotes::install_github("feddelegrand7/bubblyr")

Themes

Here a list of all the available themes. Note that The ocean, cherry, hippie, bigmom and deepsea themes are provided by the author of the bubbly-bg JavaScript library, I just gave them some fancy names:

Themes
ocean
cherry
hippie
bigmom
deepsea
illusion
rstudio
ash
classy
volcano
lacoste
warmup
fire
traffic
life
darksky
orangina
meteor
gravitas
rladies
sunshine
sweet
lalaland

Below you can find some examples, feel free to experiment the remaining themes:

Important: You may experiment some lags when viewing your Shiny/Rmd Document in the RStudio pane, instead use the browser.

library(shiny)
library(bubblyr)

ui <- fluidPage(

    bubbly(theme = "bigmom")

)

server <- function(input, output) {}

shinyApp(ui = ui, server = server)

bigmom.gif

library(shiny)
library(bubblyr)

ui <- fluidPage(

    bubbly(theme = "rstudio")

)

server <- function(input, output) {}

shinyApp(ui = ui, server = server)

rstudio.gif

library(shiny)
library(bubblyr)

ui <- fluidPage(

    bubbly(theme = "classy")

)

server <- function(input, output) {}

shinyApp(ui = ui, server = server)

classy.gif

Code of Conduct

Please note that the bubblyr project is released with a Contributor Code of Conduct. By contributing to this project, you agree to abide by its terms.

Download Details:

Author: Feddelegrand7
Source Code: https://github.com/feddelegrand7/bubblyr 
License: Unknown, Unknown licenses found

#r #javascript #shiny #markdown #rstats 

Best Beauty Salon App Development Company

Do you want to build a superior beauty salon mobile app for your business? Then AppClues Infotech is a professional mobile app development company that works with a hair salon, Spa, and other businesses in the beauty industry.

Being the premier beauty salon mobile app development company we render quality solutions by making use of innovative thoughts. Our accomplished techies are adept at designing the feasible solutions that are affordable and cost-effective.

For more info:
Call: +1-978-309-9910
Email: info@appcluesinfotech.com

#how to build a mobile app for beauty salon #beauty salon app development company #best beauty salon app development company #top beauty salon app development company #create a beauty salon mobile app

The on-demand beauty service app is definitely a win-win for your business

Who doesn’t love to groom themselves? Almost all would love to. Now, people can avail of the beauty services right at the confines of their homes. As everything has become available to our doorsteps, why not beauty services? Yes, the beautician on-demand services have become one of the favorite on-demand services among users. If you are keen on knowing more about the beauty services app, here you go!

Let us first go through the working pattern of the on-demand beauty services app.

Step 1- Users will download your app and fill out the necessary information to access the app.

Step 2- Once users complete the first step of registration, users will land on the homepage of your app.

Step 3- The app has a list of beauty service providers with which users can choose their favorite beauticians.

Step 4- Users will request for the service and the service provider will confirm the request based on their availability.

Step 5- Once the service provider confirms the request, users will make the payment.

Step 6- The app generates the estimated time of arrival once the user’s request is confirmed.

Step 7- The service provider will reach the user’s location and will complete the service.

Among the several on-demand beauty apps, the Uber like app for beauty is gaining prominence among users with its ravishing features. Let us know the features that give an extraordinary user experience.

Schedule appointments- Users can avail of the beauty services at their convenient date by scheduling the appointment.

Rate estimator- Users can get to know the rate of their beauty services once they enter the type of service and location in the app. The app will generate the fare of the service.

Availability toggle- The service providers can provide services to users according to their convenience. The service provider can indicate whether he/she is available to take the service by moving the toggle button accordingly.

Conclusion

Summing up, the on-demand beauty app development will be the fortune cookie of your business as you can earn revenue and users coherently.

#uber for beauty service app #on-demand beauty app development #on-demand beauty service app development #on-demand beauty service app

Sival Alethea

Sival Alethea

1624402800

Beautiful Soup Tutorial - Web Scraping in Python

The Beautiful Soup module is used for web scraping in Python. Learn how to use the Beautiful Soup and Requests modules in this tutorial. After watching, you will be able to start scraping the web on your own.
📺 The video in this post was made by freeCodeCamp.org
The origin of the article: https://www.youtube.com/watch?v=87Gx3U0BDlo&list=PLWKjhJtqVAbnqBxcdjVGgT3uVR10bzTEB&index=12
🔥 If you’re a beginner. I believe the article below will be useful to you ☞ What You Should Know Before Investing in Cryptocurrency - For Beginner
⭐ ⭐ ⭐The project is of interest to the community. Join to Get free ‘GEEK coin’ (GEEKCASH coin)!
☞ **-----CLICK HERE-----**⭐ ⭐ ⭐
Thanks for visiting and watching! Please don’t forget to leave a like, comment and share!

#web scraping #python #beautiful soup #beautiful soup tutorial #web scraping in python #beautiful soup tutorial - web scraping in python

How to Fake Opacity With a CSS Background

I came across an interesting bit while working on the hero section of my z-index guide. I needed a way to apply an opacity for the background.

Here is the final result I want to achieve…

At the first glance, it might be tempting to say that it’s easy. However, it’s a bit more detailed. Let’s dig into the details of it.

The Layers

  • Solid background
  • Pattern image
  • Oval blurred shape: to make it easier to read the text content.

For me, 3D is a good way to imagine how to stack the layers. I also made a video to make it more clear.

If you’re not into 3D, it’s totally fine. Here is a normal view of all the layers.

The Requirements

  • I need a dynamic way to fake an opacity for the pattern image.
  • I shouldn’t use an additional HTML element for this job.
  • It should be responsive.

To implement that, we can use multiple CSS gradients. Here is how I did it:

:root {
  --oval-w: 50%;
  --oval-h: 70%;
  --base-color: rgba(194, 236, 231, 0.8);
  --pattern: url("hero-bg.svg");
}

.hero {
  min-height: 400px;
  background: linear-gradient(var(--base-color), var(--base-color)),
    radial-gradient(#c2ece7 25%, transparent) center/50% 90% no-repeat, var(
        --pattern
      ) center/cover no-repeat;
}

Code Explanation

  • What comes later in the gradient is displayed the last (The opposite of the stacking order).
  • In CSS gradients, using the same value for a linear gradient will result in a solid color. I like using this method. The solid color with rgba() will fake the opacity for us.
  • The oval shape is created with a radial gradient.
  • I used percentages for the oval shape, so it can resize based on the screen size.

With that, I used the pattern image as it is without altering its opacity manually. I can change the background color the way I want without using a design program in case I changed the pattern.

#snippet #css background #css #background