<div id="outer">
	<div id="inner"><span>Your content goes here!</span></div>
</div>

Display: Table; Solution

The easiest solution that I implement when I’m developing websites. The table and table cell solution which makes your div elements act as if they are a table so that you can use the vertical-align: middle; property. This technique is especially useful if you have a specific height requirement for the outer div element. Although, if your content happens to go past the size of this element then it will overflow out of the outer element.

#outer{
	display: table;
	height: 150px;
}

#inner{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

Example below

Display: Flex; Solution

The second example I use, when I’m not so concerned about supporting old browsers is flex. The reason being is that you can set a minimum height to the outer element and your inner content can dynamically extend beyond that height without causing overflow. The outer element will resize to support the contents within.

#outer{
	display: flex;
	min-height: 150px;

	/* Extra Stuff Below (Keeps padding with outer element) [Not Necessary] */
	padding: 20px 0;
	box-sizing: border-box;
}

#inner{
	margin: auto;
}

The post Vertically Center Content appeared first on Brice V.

Firstly, the most important plugin to start with is Yoast. This plugin is loaded with features to help ensure your website presents itself well to major search engines. It will automatically place most every meta detail into your website to make your website easily indexed.

Furthermore, if you are using a plugin such as Advanced Custom Fields to display some of your content. There is a plugin that will integrate Yoast into your custom fields. Check out ACF Content Analysis For Yoast SEO if this applies to you.

WP Fastest Cache

Secondly, you want to have a cache for your WordPress site. I strongly believe this is absolutely crucial to deliver your content faster. A cache serves as a resource to store your website for a visitor and that can be reserved to provide more instantaneous results. Alongside, this plugin being a cache system it will also minify CSS and JS to serve your content most efficiently. There are additional features to this plugin that I won’t be including but definitely check out all of them!

Smush

Images on websites can really slow down performance especially the higher quality they are and the larger file size that they are. I do believe it’s important to have a beautiful website and having high resolution photos can play a crucial part in that design. This plugin will optimize the images in your WordPress website to reduce file size and optimize them to be used more efficiently. This will greatly speed up your website.

These three plugins will easily optimize your website and help you achieve higher rankings on Google.

1. Yoast – https://wordpress.org/plugins/wordpress-seo/
2. WP Fastest Cache – https://wordpress.org/plugins/wp-fastest-cache/
3. Smush – https://wordpress.org/plugins/wp-smushit/

ACF Content Analysis For Yoast SEO – https://wordpress.org/plugins/acf-content-analysis-for-yoast-seo/

Tools to help you understand your websites performance

Next, it’s time we talk about reviewing our results and figuring out how we can optimize our website even more so!

Google Search Console

This service provided by Google will show you exactly how well your website is doing in Google searches. This is extremely important also because you can submit a sitemap to make sure that Google does in fact have your website listed in Google searches. Why optimize a website that could never be found in the first place?

Page Speed Insights

Then, we come to our next very important tool. The speed of your website has a great deal to do with search engine optimization. Search engines want to provide quality resources for everybody, which means you need to deliver quality content.

This tool will help you understand what edits you could make to your website to improve the speed of it. Sometimes this may even mean you may need to modify your WordPress theme. Get in contact with a developer to help you out or hire me! You may also find using a more efficient theme to be all you need, you can check out my themes!

Now optimize your WordPress site!

Thank you for reading my article and these are tools that have helped me. I love learning more about other people’s experiences. So, please leave a comment with your opinions!

The post Higher ranks in Google search and increasing page speed for your WordPress site appeared first on Brice V.

Rules of the game are rather simple and will have you taking sips of your drink in no time! Firstly, for maximum enjoyment I recommend playing with these rules in 1v1’s. However, that is not a requirement because the drinking game is still really fun when played with multiple people at once. Then, you need to get all your awesome friends together but you can also play online too. If playing online I’d recommend being in a video call that way you can know if everyone is participating!

Without further ado, the rules will be listed below:

• 2 sips when you die
• 5 sips for any opponent you meteor (That attack that sends your opponent flying downwards and ends up taking their stock)
• 5 sips for an SD (you lost a stock not because of anyone else, you fell off the ledge or something of that sort)

Simple enough right?! Now have fun! If you think anything needs to be added to the rules just leave a comment 🙂

Now get out there and have fun! Anyone who drinks alcohol should always drink responsibly.

The post Super Smash Bros Drinking Game appeared first on Brice V.

Pick the latest version for each!

FPDF – www.fpdf.org/en/download.php Create a folder called “fpdf” within your “inc” folder and then take just the file “fpdf.php” from the download.

FPDI – www.setasign.com/products/fpdi/downloads Create a folder called “fpdi” within your “inc” folder and then copy all of the contents in the “src” folder from the download to that “fpdi” directory. That’s all that you will need.

Great, now that you have your libraries we can include our script from below to merge our pdfs. You will need to place the pdf’s you want to merge in the root directory of your project.

//Include FPDF
require_once(__DIR__ . '/inc/fpdf/fpdf.php');

//Include FPDI
require_once(__DIR__ . '/inc/fpdi/autoload.php');
use setasign\Fpdi\FPDI;

//Init FPDI object
$pdf = new FPDI();

//Create files array
$files = [
	'page 1.pdf', 
	'page 2.pdf', 
	'page 3.pdf'
];

//Iterate over files and their pages
foreach ($files as $file) {
    $pageCount = $pdf->setSourceFile($file);
    for ($i = 0; $i < $pageCount; $i++) {
        $tpl = $pdf->importPage($i + 1);
        $pdf->addPage();
        $pdf->useTemplate($tpl);
    }
}

/*
	Output PDF
	F - Save to file
	D - Start download
*/
$pdf->Output('F','page 1-3.pdf');

Now that you have added the script, All you will need to do is update the files to match the names of the PDF’s you’d like to merge and the output file name. Voila, you have merged your PDF’s and that resulting PDF should be in your root directory.

For my test environment I used Xampp and you can download the project directory I used here excluding the libraries you’ll need to download from above.

The post PHP PDF Merge Files appeared first on Brice V.

1. Tom Clancy’s Rainbow Six Siege

This game is the most badass game I’ve ever played. It’s highly competitive and the most tactical game you will ever play. Teamwork in this game is absolutely essential.

2. Fortnite

I might have actually put the most time in to this game especially when I used to stream. It’s fun for everybody but also has a very competitive scene. It’s a battle royale game that is free to play.

3. PUBG: Player Unkown’s Battleground

Probably the first game I decided to actually try to be more competitive in. This was the game that made me upgrade my PC into an elite gaming system. It’s another battle royale game that is more realistic than Fortnite.

4. Counter Strike: Global Offensive

When it comes to “sweating” in a competitive shooter this game easily takes the crown.

5. Ring of Elysium

A really cool battle royale game with a lot of potential. This game very easily could have surpassed PUBG with it’s playability but I just felt like it wasn’t done well enough to do that.

The post Best PC FPS Shooters Top 5 appeared first on Brice V.

So you are looking to set up a WordPress local development environment? In my opinion, I want the environment to resemble a standard setup as much as possible. I want to have access to a folder where I can plop in a WordPress installation and get started! This is why I prefer Xampp.

How to Get Started with Xampp.

1. Download Xampp.
2. Run the Xampp setup.
3. Start services necessary which are Apache and MySQL from the Xampp control panel.
4. Create database through phpMyAdmin which already comes equipped with the Xampp control panel. To easily access phpMyAdmin through Xampp you can click “Admin” on the MySQL row. From phpMyAdmin, you will be able to add a user and create a database.
5. Setup WordPress

Use Duplicator to Move a Live Site to your Local Development Environment?

After all that, you can then proceed to use a plugin called Duplicator which will help you easily duplicate a live site to your local setup.

The post WordPress Easily Set Up a Local Development Environment appeared first on Brice V.

Codeable is the best WordPress outsourcing service. Quality is the central focus when I bring up Codeable to friends and family. I was so excited to call my mother and let her know of my accomplishment of being able to become a full-time WordPress Freelancer.

Well, how do I become a Codeable Expert?

There is a very informative article to help understand how Codeable’s screening process works, you can check it out here. I’ll explain shortly with my experience. Firstly, you start off by submitting an application. After that, you may hear back from them and you will be absolutely delighted with how friendly they are. Then, you will begin your test project. I had received a beautiful design where I built out a home page. By the way, they had given me the assets in plenty of formats (PSD, Sketch, and an image) so don’t worry too much about having the correct software to view the assets. I then developed a theme from scratch and used Advanced Custom Fields. You may have a different area of expertise and that’s totally okay. They liked my test project and we moved forward to the live interview and live coding test. This is when I talked to one of the developers and one of the happiness heroes. I felt very at ease talking with them and you definitely will too. Then, I was accepted as a Codeable Expert!

Okay, maybe that seems like a lot but this ensures quality for awesome clients.  I would recommend focusing on each step as you continue through the process. Focus on the perks of becoming an expert. You love to code, you’re excited to deliver quality work to clients, you communicate well. Then you will succeed.

Being a Codeable Expert is rewarding.

I never realized how many people need help with their websites! Codeable is the best WordPress outsourcing platform there is. Also, it is by far the best community I have ever been a part of. Experts help other experts here, this is a collaborative effort. Furthermore, it is so amazing to be able to hand off a project that you did your best on and see first hand what a difference you made for your client.

Clients value your quality work.

So to wrap this up, this is my first week at Codeable. At this point, I was able to work with three different clients, it was a real pleasure. This is my first year as a freelancer and already my first week at Codeable, I see it’s possible to do this full-time. This has been “just an idea” for so long but now it has become reality.

Thank you Codeable!

The post Becoming a Full-Time WordPress Freelancer through Codeable appeared first on Brice V.