More Posts
CSS Tip: Using a Nested Link to Fill an Entire Div
Hyperlinks are a big part of every webpage, even if they’re not completely apparent. Typically you’d only have text or maybe wrap a <button> element with a link. Sometimes, a design called for an entire <div> (or any other sectional element) to be a clickable link. A typical example is an entire block with some […]
Read Post
Make Internet Explorer Cross Browser Testing Less Painful With SCSS
We’ve all been there. We don’t want to do it, we don’t think we need to do it, but it’s necessary. Unfortunately, Internet Explorer (11) is a necessary evil for most business requirements. Certain businesses even require earlier versions than that. *shudder* Fair warning, this article is only keeping the most recent version(11) in mind. […]
Read Post
How To Interact With Iframes Using Cypress.io
Cypress.io is great for testing the front end of your app’s UI, but at the time of this post, it lacks a few fundamental features. One important feature is handling file uploads natively, but there is a workaround for that. Another popular use case I came across is testing and interacting with iframes. Testing iframes […]
Read Post
Prettify Your CSS: Simple Linting Rules For Readable Code
Every web developer has come across CSS at one point or another. For most, it’s a necessary evil that’s easy to learn, but difficult to master. After some time, you start to get the hang of it and maybe even pick up something like SASS and/or flexbox. One thing you may not realize: your code […]
Read Post
WordPress: How To Create a Custom Admin Button with ACF
There comes a time in a WordPress theme’s life where custom PHP is needed. This can be a packaged plugin that’s used across multiple client sites, or a single theme. There are several ways to approach a custom admin button. A common approach is invoking a JavaScript function on click, then using AJAX to send […]
Read Post
Font Awesome Icons Not Showing: The Ultimate Reference For Fixing Your Icons
Font Awesome is a staple in modern web development. It’s a simple way to add professionally designed icons to spice up your web pages. It’s free, simple to use, and actively maintained by a team of professionals. What’s not to like? The setup is simple: you add a reference to the .css or font file, […]
Read Post
Let’s Learn SASS & SCSS: Extending your knowledge with @extends and @mixins (Part 4)
There are 3 posts before this article, checking them out might provide additional context for this article. You can check out part 1(getting up and running), part 2(setting up a build), and part 3(variables and nesting). Now that we’ve covered all of the SASS basics, it’s time to dive into the more advanced features! There […]
Read Post
Let’s Learn Laravel Blade: Getting Started
If you’re into PHP development, chances are, you’ve messed with or heard of Laravel. To keep it simple, Laravel is a fantastic PHP framework for making all kinds of web apps. As of this writing, Laravel has been around for 9 years and is still massively popular. It’s not going away anytime soon! Laravel uses […]
Read Post
[Tutorial] Implement Parenthesis Multiplication Using JavaScript & Regex
When learning a new programming language, a calculator is a great way to flex your ability. Going the extra mile and tacking on extra features proves to be an even more valuable experience. In this article, I will show you how to implement a neat feature: the ability to multiply without an * operator.
Read Post
Let’s Learn Laravel Blade: Components (Part 4)
In the last posts, we learned about layouts and partials, but Laravel provides even more functionality. You may ask: why use a component when you can just use partials? In Laravel, components are packed with additional functionality. Components give you separation of concerns, letting you outsource PHP logic to a method outside of your blade […]