Posted on

The Best Free BuddyPress Themes (2020)

Finding a free BuddyPress theme for your online community is a lot easier than you think.

Because, as we state in our Complete Guide To BuddyPress For WordPress, the vast majority of regular free WordPress themes work just fine as a BuddyPress themes:

A few years ago, you could only use a BuddyPress-compatible theme if you wanted to run BuddyPress, and if you wanted to use the plugin with your own theme, you’d have to add some extra theme template files to make BuddyPress work. If you’ve been told that you still have to do this, don’t worry: you don’t. Since version 1.7, BuddyPress will work with any well-written theme, although there will always be some themes whose layout and design suit BuddyPress better than others.

So, if you’re searching online for free BuddyPress themes and are having a hard time finding themes that are still supported, don’t worry.

Many WordPress themes will work with your BuddyPress installation!

Free WordPress Directory BuddyPress Themes

And to help you out we did a search for “BuddyPress” in the free WordPress theme directory, found the ones we liked, installed and tested them with BuddyPress and hereby present them to you, updated for 2020:

  • Navolio Light

    As the name implies, Navolio Light is a very light theme. This free WordPress theme is responsive, cross-browser compatible, and SEO friendly. Although the theme’s description states that the theme comes with “lots of highly created features,” beautiful slider section, featured post column, footer options, sidebar options, site design options and many more, when used with BuddyPress, we found little to no customization options available and a very narrow area to display your site title and tag line, as you can see in the demo screenshot.

    Choose this theme if you want a very simple and modern-looking BuddyPress site with no distracting features.

  • Carton

    If you want to display your activity stream prominently on your site, choose the free Carton WordPress theme. You can adjust the width of your sidebar and content column in the customizer, select a background color, add a header graphic, background image, and configure menus and widgets.

    The theme also integrates with the BuddyPress Nouveau templates to customize your layouts, navigation, component directories, and more directly in the WordPress Customizer.

  • Spacious

    Spacious is a free WordPress Theme you can use with BuddyPress for a clean-looking site or blog. The theme includes a number of customization options that allow you to tweak its design. These options include a slider, boxed and wide layouts, light and dark color skin, and various widgets. The theme is WooCommerce compatible, translation-ready, and offers RTL support.

    A Pro version is available with additional features, including unlimited slides, support for Google Fonts, font size options, 35+ theme colors, social icons, header text, footer copyright editor, additional custom widgets, and many other features.

  • Square

    Square is a free WordPress theme that features an angular and minimal design suitable for business or corporate-themed BuddyPress sites. The theme is  WooCommerce-ready, flexible, responsive, compatible with all browsers and devices, and offers a number of customizable features, including general settings, colors, menus, widgets, social icons, BuddyPress Nouveau settings, and more. A Pro version is also available with many additional features, such as video background, sliders, mega menu, and advanced settings and layouts.

  • Woostify

    Woostify is a lightweight theme that integrates WooCommerce with BuddyPress and can be used to offer products to your online community. The theme lets you customize various features via the Theme Customizer, such as layout, color, buttons, menus, widgets, and BuddyPress Nouveau settings, and works with page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, and Visual Composer.

    If BuddyPress with eCommerce is what you’re after, the theme’s Pro version offers additional features to enhance eCommerce functionality on your site, such as a mega menu, Ajax WooCommerce search, size guide, advanced shop widgets, ‘Buy Now’ buttons, countdown urgency, and sale notifications.

Free BuddyPress Themes Are Everywhere

As explained earlier, most WordPress themes by default are BuddyPress-compatible nowadays. You just need to experiment a little. Install a theme you like and see how it looks on your BuddyPress activity and members’ pages. Some themes allow you to customize and configure settings, some themes offer more limited customization options, and some will just be plainly not suitable for use with BuddyPress.

Posted on

CSS calc results not usable in all cases

So I'm faced with a CSS mystery. Developing a project, came across an unexpected result, and can't explain it, nor have I been able to come up with a workaround.

First I define 8 custom properties properties on a custom selector .

Then I conditionally (based on classes defined on the element) override 3 of those propertiess with calc() formulas.

Then, I use those properties to define some more properties, again using calc().

Finally, I use the result of the most complex calculation as the width of the element and a nested element. But the calculation only takes effect in one of the three cases of interest.

The three cases are to have html with neither the v1 or v2 classes, and then to define it with class v1, and finally to define it with both classes v1 and v2.

The code below demonstrates the issue: Without having the v1 or v2 classes defined, the width of the b- element is not constrained as it should be to 90px, instead it gets the default width, of the full width of the browser window.

Adding class v1 (in the browser's dev tools, but I'm using javascript in the real project) doesn't change it; it still gets the full width of the window, instead of being constrained to 150px.

Since neither of those two work, I'm really surprised that defining both v1 and v2 does work: the elements are constrained to 180px.

My first guess was that somehow under one of the cases, that something wasn't defined. But dev tools in both Firefox and Chrome indicate that all the values are defined, in all cases, although when you turn on the "Computed / show all" display in Chrome which shows some form of expanded calculation, it shows all the proper numbers, but won't use the proper number for the width property.

Can anyone explain this?

    <html class=ph>
    <head>
    <meta charset=utf-8>
    <style>
    b-
    {
    --imwd:60;
    --pgml:30;
    --pggh:10;
    --bbl:1;
    --trbl:20;
    }

    b-
    {
    --z-pgml:0;
    --z-pggh:0;
    --z-trbl:0;
    }

    html.v1 b-, html.v2 b-
    {
    --z-pgml:calc( var( --pgml ) * var( --z-px ));
    --z-pggh:calc( var( --pggh ) * var( --z-px ));
    }

    html.v2 b-
    {
    --z-trbl:calc( var( --trbl ) * var( --z-px ));
    }

    b-
    {
    --z-factor:1.5;
    --z-px:1.5px;
    }

    b-
    {
    --z-imwd:calc( var( --imwd ) * var( --z-px ));

    --z-opggl:calc( var( --bbl ) * var( --z-pggh ));
    }

    b-
    {
    --z-oppl:calc( var( --z-pgml ) + var( --z-opggl ) + var( --z-trbl ));

    --z-pgwd:calc( var( --z-oppl ) + var( --z-imwd ));
    }

    b-
    {
    display:grid;
    width:var( --z-pgwd );
    height:200px;
    }

    iframe
    {
    background-color: lightgreen;
    width:var( --z-pgwd );
    height:200px;
    }
    </style>
    </head>
    <body>
    <b->
    <iframe></iframe>
    </b->
    <div style="width:90px; height: 25px; background-color: lightblue;">plain html</div>
    <div style="width:150px; height: 25px; background-color: lightgreen;">html.v1</div>
    <div style="width:180px; height: 25px; background-color: lightblue;">html.v1.v2</div>
    </body>
    </html>
Posted on

What is SQL?

Programming isn’t just about web design. In fact, working with databases constitutes the majority of what many back-end and full stack programmers work on day-to-day. There are coding languages specifically created to work with data: fetching information from the database,...

The post What is SQL? appeared first on Treehouse Blog.

Posted on

Useful Tips for College Students: Write the Best College Paper Ever

College can be stressful, as well as the application process. Writing college essays is difficult for many students: those who are applying to college as well as those who are already studying there. In this article, you can find out more about how to write college papers on different levels. And if you don’t have […]

The post Useful Tips for College Students: Write the Best College Paper Ever appeared first on designrfix.com.

Posted on

AI Provides Insights on CPG Trends

We had the opportunity to meet with Andy Pandharikar, CEO/Co-founder of Commerce.ai during the IT Press Tour at the Plug and Play Tech Center in Silicon Valley. Andy’s vision for his new company is providing self-driving commerce for consumer packaged goods (CPG) companies by training AI to understand every consumer product in the market and to gain insights on what makes a product successful, as well as identify market trends.

This is a joint project in conjunction with Walmart and the client list includes Chanel, Unilever, Coca Cola, SC Johnson, Rakuten, and many more. 90% of the content they monitor is unstructured feedback and 10% is structured data. Text, images, voice, videos have exploded online since 2014. 85% of consumer products fail in the first two years. SKU level data drives intelligence platform for CPG

Posted on

BobWP.com Shifts Focus to WooCommerce, Rebrands as ‘Do the Woo’

Decorative image for the 'Do the Woo' podcast with a photo of Bob Dunn.

BobWP.com announced yesterday that the site and its podcast would be rebranded to “Do the Woo at BobWP .” After a decade of more generalized WordPress topics and news, it will now focus specifically on the WooCommerce plugin and its community. The podcast will also be aired weekly, notching up their previous twice-monthly episodes.

For Bob Dunn, founder and co-host, this was move was a natural result of where the community he had built was heading. “Over the last 3 years, we have consistently created content around WooCommerce on our site,” he said. “I saw that this was what our readers wanted, so built that up and in March of last year, made the decision to focus entirely on WooCommerce.”

Dunn said he has been a fan of WooCommerce since its launch. “It has always been a favorite of mine, and I have used it to sell a lot of stuff. But oddly enough, never physical products.”

Starting in 2020, the podcast will run weekly. To keep up the brisk pace, the show is bringing on two new co-hosts. Joining the team is Jonathan Wold, community lead for WooCommerce, and Mendel Kurland, developer advocate a Liquid Web. Brad Williams, CEO of WebDevStudios, has been a co-host since 2018.

New episodes of the podcast will air every Thursday. The show is pre-recorded on Tuesday of the same week, so the content should remain timely.

Do the Woo will specifically cater to its WooCommerce audience, but it may delve into the larger eCommerce world from time to time. However, Dunn recommends listening in on the WP eCommerce Show for topics that explore the larger WordPress and eCommerce landscape.

Dunn does not feel like there will be a shortage of topics to explore every week with WooCommerce-specific content. “At first, yes, it is a bit of a challenge finding topics around it,” he said. “But, expanding it to bring in more of what people are doing in the space, no matter how big or small, opens it up more.” He is optimistic about the show’s future. “I’ll dig as deep as I need to go. And, with its growth, it may come to the time where there will always be more [content] than I need.”

The podcast’s format remains simple. “We basically bring a guest in, learn more about what they are doing and their involvement in the Woo ecosystem,” said Dunn. “We wrap it up, typically covering two or three news items. The conversation isn’t planned at all. We just take it where it leads us.”

Dunn originally began the Doo the Woo podcast in 2016 but broadened the scope that same year to WordPress and eCommerce. “I missed it, and at the end of 2017, brought it back as more of an interview-style show, with me and a guest,” he said. “For the next few months, I did very few shows and felt I need to change it up to be more conversational.” He brought on Williams as a co-host at that point. “We did a few shows where Brad and I would just chat Woo stuff, and both came to the conclusion it would be fun to bring on a guest, but still keeping it conversational.”

The podcast episodes were sporadic until the middle of 2019, which was the start of the bi-weekly schedule. Today, with three extra co-hosts, the team can rotate who is hosting a particular episode.

Dunn said he still catches a few other podcasts but not as many as in the past. “Always been a fan of and still listen to Matt Report and Get Options,” he said. “I am sure I have listened to just about every WP-centric podcast a few times over the years. Without naming each one, there are several good choices depending on what you are looking for. Podcast listening is a very personal choice and I just recommend people dabble in what is out there and find those that click with you.”

Listen to episode 33 where the team discusses the show’s plans for 2020 and beyond:

Posted on

Ssh to Sunos through a win jump server

Hi Dani,
I'm new to Python . I started working on an automation project where i need to connect to a SunOS server through a windows jump server and run commands to get output on my local machine. I checked this existing module on python called jumpssh but not sure if it's the right one for me or if there is a better alternative by using subprocess or any other modules. To accomplish this manually, I'm doing an RDP to the jump server and then connecting to target server through putty. Any help would be appreciated.

Thanks in advance.

Posted on

“All these things are quite easy to do, they just need somebody to sit down and just go through the website”

I saw a video posted on Twitter from Channel 5 News in the UK (I have no idea what the credibility of them is, it's an ocean away from me) with anchor Claudia Liza asking Glen Turner and Kristina Barrick questions about website accessibility.

Apparently, they often post videos with captions, but this particular video doesn't (ironically). So, I've transcribed it here as I found them pretty well-spoken.

[Claudia Liza]: … you do have a visual impairment. How does that make it difficult for you to shop online?

[Glen Turner]: Well, I use various special features on my devices to shop online to make it easier. So, I enlarge the text, I’ll invert the colors to make the background dark so that I don’t have glare. I will zoom in on pictures, I will use speech to read things to me because it’s too difficult sometimes. But sometimes websites and apps aren’t designed in a way that is compatible with that. So sometimes the text will be poorly contrasted so you’ll have things like brown on black, or red on black, or yellow on white, something like that. Or the menu system won’t be very easy to navigate, or images won’t have descriptions for the visually impaired because images can have descriptions embedded that a speech reader will read back to them. So all these various factors make it difficult or impossible to shop on certain websites.

[Claudia Liza]: What do you need retailers to do? How do they need to change their technology on their websites and apps to make it easier?

It’s quite easy to do a lot of these things, really. Check the colors on your website. Make sure you’ve got light against dark and there is a very clear distinctive contrast. Make sure there are descriptions for the visually impaired. Make sure there are captions on videos for the hearing impaired. Make sure your menus are easy to navigate and make it easy to get around. All these things are quite easy to do, they just need somebody to sit down and just go through the website and check that it's all right and consult disabled people as well. Ideally, you’ve got disabled people in your organization you employ, but consult the wider disabled community as well. There is loads of us online there is loads of us spread all over the country. There is 14 million of us you can talk to, so come and talk to us and say, "You know, is our website accessible for you? What can we do to improve it?" Then act on it when we give you our advice.

[Claudia Liza]: It makes sense doesn’t it, Glen? It sounds so simple. But Christina, it is a bit tricky for retailers. Why is that? What do other people with disabilities tell you?

So, we hear about content on websites being confusing in the way it’s written. There’s lots of information online about how to make an accessible website. There’s a global minimum legal standard called WCAG and there’s lot of resources online. Scope has their own which has loads of information on how to make your website accessible.

I think the problem really is generally lack of awareness. It doesn’t get spoken about a lot. I think that disabled consumers - there’s not a lot of places to complain. Sometimes they’ll go on a website and there isn’t even a way to contact that business to tell them that their website isn’t accessible. So what Scope is trying to do is raise the voices of disabled people. We have crowdsourced a lot of people’s feedback on where they experience inaccessible websites. We’re raising that profile and trying to get businesses to change.

[Claudia Liza]: So is it legal when retails aren’t making their websites accessible?

Yeah, so, under the Equality Act 2010, it’s not legal to create an inaccessible website, but what we’ve found is that government isn’t generally enforcing that as a law.

[Claudia Liza]: Glenn, do you feel confident that one day you’ll be able to buy whatever you want online?

I would certainly like to think that would be the case. As I say, you raise enough awareness and get the message out there and alert business to the fact that there is a huge consumer market among the disabled community, and we’ve got a 274 billion pound expenditure a year that we can give to them. Then if they are aware of that, then yeah, hopefully they will open their doors to us and let us spend our money with them.

The post “All these things are quite easy to do, they just need somebody to sit down and just go through the website” appeared first on CSS-Tricks.

Posted on

#250: The Most Hearted of 2019

Show Description

Chris and Marie chat about the most hearted Pens on CodePen in 2019. We talk about what was hot in 2019, and our personal favorite Pens and trends.

Time Jumps

  • 02:04 Triple heart on CodePen
  • 03:30 Looking back at 2019 on CodePen
  • 08:13 Sponsor: Rollout
  • 09:34 Users with multiple entries
  • 15:02 Sponsor: Netlify
  • 17:10 Hilarity ensues
  • 26:29 UI improvements to popular Pens

Sponsors

Rollout

CloudBees Rollout is where developers come to ship changes at will. When you have a solution to manage feature flags at scale, you’re empowered to continuously and intelligently roll out changes as soon as they are code complete on any platform - even mobile. Decouple development from code releases for real-time change control. Roll back only the changes you want. Toggle features. Use multi-variate flags for A/B testing and nix misbehaving features with a kill switch.

Check out the 14 day free trial and experience how CloudBees Rollout can help you rock every release.

Netlify

Netlify, the powerful and awesome web host we all know and love, now is offering AWS Lambda functions built right in. You make a folder for all your functions, and they become relative paths you can hit to execute those functions. One reason you might wanna do that? Keeping your third-party API keys safe! Just another ingredient that make your fast static sites... not so static.

Show Links

CodePen Links

The post #250: The Most Hearted of 2019 appeared first on CodePen Blog.

Posted on

Custom Partitioner in Kafka: Let’s Take a Quick Tour!

In this blog, we are going to explore the Kafka partitioner. We will try to understand why the default partitioner is not enough and when you might need a custom partitioner. We will also look at a use case and create code for the custom partitioner. I assumed that you have sound knowledge of Kafka. Let’s understand the behavior of the default partitioner.

The default partitioner follows these rules:

Posted on

Blockchain Reference Architecture

The blockchain design of today has moved beyond cryptocurrency. It has evolved into a platform that supports industry-wide use cases suitable for public and enterprise needs. The reference architecture shown below will serve as a foundation for building or implementing blockchain applications for industry-wide use cases.

It depicts a layered architecture that provides components and services necessary to implement blockchain applications for enterprise needs. It can be used to develop a blockchain of single or multiple networks (involving multiple business units or organizations) based on the business goals and objectives. One can follow the reference architecture to design both permissioned (private) as well as permissionless (public) blockchain applications.

Posted on

HTTP and Scalable Software Systems

If you think about the World Wide Web, it's easy to imagine it as a single software system. Once you do, you realize it's the largest software system the world has ever created — probably by hundreds of orders of magnitude. It contains trillions of lines of code, hundreds of millions of servers, and billions of clients, running thousands of different programming languages. Still, it works more or less as we expect it to work. So, what made it possible for humans to create such an enormous software system? The answer is simple: HTTP!

The HTTP protocol allows us to create perfect encapsulation. The client and the server don't need to know anything about each other, besides the URL, HTTP verb, and what parameters to pass in and expect as output. This allows billions of clients to interact with each other, without knowing (almost) anything about each other. If you reduce it down to its basic components, it becomes painfully obvious that the following is a recipe for winning.

Posted on

Create Charts in ReactJS Using Chart.js

In this article, we will learn how to create charts in a React application using the Chart.js library. Chart.js is an open-source JavaScript library for creating charts. Chart.js makes it easier to draw different types of charts like line, bar, doughnut, and area charts. In this article, we will create a line chart, bar chart, pie chart, and polar area using React and Web API. See chart.js' docs for more information.

Prerequisites

  • Basic knowledge of ReactJS and Web API.
  • Visual Studio and Visual Studio Code can be installed.
  • SQL Server Management Studio.

This article covers:

Posted on

Type-Based Global Events in Vue.js

In one of the latest freelance projects of mine, my client prefers Vue.js, which is recently super popular on the frontend side. So, I dove into Vue. I can say that it is very practical and effective. Besides, when we compare it with other predominant competitors like Angular and Aurelia, we can easily notice Vue has a very small learning curve.

However, it didn't take long for me to have a feeling that my code was getting unmanageable. This wasn't a big surprise to me because this is often the trade-off with dynamically-typed languages.

Posted on

How to Work With a Text Editor in an Angular 8 Application

Introduction

In this article, we will learn how to add a text editor in an Angular 8 application. The text editor is a program for adding and editing text. In this demo, we will use an ng2-ckeditor editor. Learn more about Cheditor with their official docs.

 Prerequisites

  • Basic Knowledge of Angular 2 or higher.
  • Visual Studio Code.
  • SQL Server Management studio.
  • Node and NPM installed.
  • Bootstrap.

Step 1

 Create an Angular project by using the following command: