Latest posts

Mar 12020

A Follow-Up to PHP Templating

Pocketwordpress Links

Chris Geelhoed took a different approach than I did, passing data to a functio then using a require statement for a template file that expects global variables you set right before the require. If you’re into the idea...

Read More
Feb 292020

How to Customize the WooCommerce Cart Page on a WordPress Site

Pocketwoocommercewordpress Links

We’re adopting a two-column layout instead of the single full-width layout of the default template. This allows us to bring the “Cart totals” element up top so it is more visible on larger screens. Source

Read More
Feb 162020

While You Weren’t Looking, CSS Gradients Got Better

cssPocket Links

linear-gradient(90deg, #5461c8 12.5% /* 1*12.5% */, #c724b1 0, #c724b1 25% /* 2*12.5% */, #e4002b 0, #e4002b 37.5% /* 3*12.5% */, #ff6900 0, #ff6900 50% /* 4*12.5% */, #f6be00 0, #f6be00 62.5% /* 5*12.5% */, #97d700 0,...

Read More
Jan 202020

10+ Great Gutenberg Add-Ons to Bring Additional Blocks and More Functionality in WordPress

Pocketwordpress Links

Since the release of WordPress 5.0 “Bebo” in December 2018, WordPress has a new default content editor named Gutenberg. Unlike the previous default Classic editor, titled WYSIWYG (“what you see is what you get”),...

Read More
Dec 282019

How to Properly Add jQuery Scripts to WordPress

javascriptjqueryPocketwordpress Links

Despite the fact WordPress has been around for a while, and the method of adding scripts to themes and plugins has been the same for years, there is still some confusion around how exactly you’re supposed to add scripts....

Read More
Dec 52019

Online Generator

Pocketwordpress Links

Drag each item into the order you prefer. Click the arrow on the right of the item to reveal additional configuration options. Source

Read More
Oct 132019

Flexbox – The Ultimate CSS Flex Cheatsheet (with animated diagrams!)

cssPocket Links

This comprehensive CSS flexbox cheatsheet will cover everything you need to know to start using flexbox in your web projects. CSS flexbox layout allows you to easily format HTML. Flexbox makes it simple to align items...

Read More
Aug 212019

Make your site’s pages instant in 1 minute

Pocket Links

Amazon and others found that removing 100 milliseconds of latency improves sales by 1%. But latency on the web is hard to overcome. Amazon (PowerPoint, slide #15): 100 ms of latency resulted in 1% less sales. Source

Read More
Aug 152019

What Does Your IDE/Code Editor Look Like?

PocketResources Links

I have FINALLY gotten my code editor to be my ideal setup. But now I’m curious, what does your code editor/IDE look like? I’m using VS Code. Although I’ve used Sublime Text and Atom Editor previously,...

Read More
Jul 282019

Responsive Full Width Text With CSS and JavaScript | Flexible Text Block

csshtmljavascriptPocketResources Links

How we can create a flexible full-width text using HTML, CSS, & JavaSript? Solution: Responsive Full-Width Text With CSS and JavaScript, Flexible Text Block. I am sure that you get what I am talking about. Source

Read More