The flex-basis property sets the initial length of the flex-items inside a flex-container.
You can think of it as an improved version of the width or height values. That is, flex-basis has always prevalence over width or height.
This tutorial will demonstrate this concept with an example. Let’s start!
One of our customers implemented an iframe on their website. They right away bumped into a layout issue.
This was very typical of the iframe tag. It often creates more problems rather than solving them.
Breaking design is not the only issue with this tag. In this blog post, you will learn the three main reasons why I strongly advise against using the iframe.
If you use WordPress in a professional way, you've probably come across Zac Gordon.
Zac is an enthusiastic and charming teacher who focuses on JavaScript in WordPress. He borrowed the phrase "Learn JavaScript Deeply" from Matt Mullenweg and he made it into his personal slogan. For the last several years, Zac has produced video classes, online conferences, live talks, and podcasts that focus on teaching you how to use Javascript in WordPress.
We recently partnered with Zac on a book, "React Explained". That book is available now. It's a fun and enjoyable introduction to React, which is the JavaScript framework of choice for WordPress, Drupal, Magento, and thousands of developers.
Yo!Kart is a multivendor e-commerce platform empowering entrepreneurs to launch B2B, B2C marketplaces for sellers and customers.
Starting a multi-vendor store from scratch is a huge and costly undertaking. Yo!Kart simplifies the process making it easy and quick to launch an ecommerce marketplace.
Yo!Kart has been developed by ecommerce solutions company, FATbit Technologies, that started in the year 2004. They have many niche-specific products, like Yo!Kart, that cater to different industries and needs of entrepreneurs. The company also provides digital services like design, development, marketing, and consultation.
In this week's episode, I'm delighted to welcome April Sides.
April is a Drupal developer who works for Lullabot, one of the biggest and most reputable Drupal agencies. She's worked on all sorts of fascinating projects, and at the moment she's helping Georgia.gov (the state of Georgia), move many of their Drupal sites over to Drupal 8.
We talk about what she's been doing in the Drupal world, about DrupalCon Seattle, which happened the previous week. Plus, we discuss what it's like to be part of such a massive government project, helping people out, and making government websites easier to use.
Twitch is a very popular video-streaming service, with around millions of broadcasters and 100s of million of viewers each month.
Twitch is known for live streams of video games, but it has branched out into other topics too. Look around Twitch and you’ll also find music videos and people live-streaming their lives.
With the EmbedPress plugin, you can add Twitch.tv both streams and chats to WordPress, using just an URL.
Wistia is a very cool video marketing service. It has a lot of features designed to make it easy to use videos in your marketing.
With the EmbedPress plugin, you can add Wistia video embeds to WordPress, using just a URL.
Wistia embeds are possible in WordPress, but they’re not easy to use via normal methods. With EmbedPress, you don’t have to mess around with embed code. All you need is the Wistia video URL.
Over the last few weeks, I've been using (and enjoying) Gutenberg more and more.
I've learned to work around its eccentricities and in many way it has made my blogging faster and easier. The Reusable blocks feature has been particularly useful. I'm able to create an image with a caption, or a list of useful links, and quickly drop it into any post.
A new version of Gutenberg is about the make Reusable blocks even better: Gutenberg 5.5 introduces a "Group" block:
An OSTraining member asked us if it was possible to connect Webforms to their content.
I can imagine a lot of use-cases for this. For example, if you have an "Events" content type, you might want a form so visitors can contact the event organizer. Or if you have a "Business" content type, it might be useful for people to contact the business.
This can be done thanks to a module called "Webform Extra Field" and in this tutorial I'll show you how.
In this week's episode, I'm delighted to welcome back Zac Gordon. If you spend any time in the WordPress world, you've probably come across Zac. He's a really enthusiastic and charming teacher who specializes in JavaScript for WordPress. He's done video classes, online conferences, live talks, podcasts, video casts, you name it. He's been out there trying to teach people how to use JavaScript, particularly in the WordPress context.
For the first time, Zac's written a book, and he did it with OSTraining. React Explained is available now, and it teaches you how to use the React framework, which is increasingly popular in WordPress, but also Drupal, Magento, and other platforms. We talk with Zac about his background, his love of yoga, and also about why he decided to focus on React for his first book.
WordPress is a great platform and has surprisingly flexible permissions. However, by default, the permissions system keeps to the WordPress philosophy of "Decisions, not options". This means that there are 5 user roles by default: Administrator, Editor, Author, Contributor and Subscriber. But you're not able to edit these roles without installing a plugin.
In this guide, I'll introduce 5 of the best plugins for customizing the permissions on your WordPress site. These plugins will allow you to customize the 5 default roles, and also create your own rules and permissions.
As you already learned, the flex-grow property specifies how items grow (or expand) to fill the available space in the flex-container. The flex-shrink property specifies how items behave when there’s not enough space available for all of them to fit.
The default value for flex-shrink is 1. This means that all items shrink in an equal proportion.
Let’s demonstrate these concepts with an example.
The old-fashioned technique to create icons used to be manually cropping images to work as icons.
This was extremely time-consuming. Now Google's Font Awesome icons solve this issue.
In this tutorial, you will learn how to place a Font Awesome icon in your Photoshop web document by simply typing in the icon's name.
The server's folder and file permissions help with site security. If the permissions are too loose, they can be exploited by hackers. However, if the permissions are too strict, they can prevent legitimate admin actions, like installing themes.
This tutorial will show you a quick and easy way to fix folder and file permissions.
Google Docs is a very popular service that is part of Google's Drive package.
Using Google Docs, you can edit and share your documents in real-time. There's no need to share endless files back-and-forth.
It is possible to embed Google Docs in WordPress. All you need is the Google Docs URL and a plugin called EmbedPress.
If you are in charge of a WordPress multisite network, it can be very useful standardize your setup across all your sites.
However, WordPress doesn't have an easy way to standardize the permissions on multisites.
In this tutorial, I'll show you how to control permissions and user roles across your network.
