{"id":358,"date":"2019-02-06T23:46:44","date_gmt":"2019-02-07T03:46:44","guid":{"rendered":"https:\/\/benjaminray.com\/codebase\/?page_id=358"},"modified":"2024-08-10T22:15:33","modified_gmt":"2024-08-11T01:15:33","slug":"home","status":"publish","type":"page","link":"https:\/\/benjaminray.com\/codebase\/","title":{"rendered":"Home"},"content":{"rendered":"

This is my repository for code samples. It is a means for me to document solutions to common problems so that I can reference them quickly when needed. Samples will be added to this site over time as I slowly migrate them from the thousands of text files that have served as my repository until now.<\/p>\n

Some code samples are complex, some are simple, some are correct, and some are incorrect. While I expect to be the only user of this site (I don't expect my samples to solve your code problems!), I don't see why this content shouldn't be available to others. Just be warned that these articles aren't being presented as \"the right way\" to do things.<\/p>\n

That being said, if you do happen to see glaring errors, or have suggestions that could improve some of the content, feel free to contact me<\/a>.<\/p>\n<\/div>

<\/div><\/div><\/span>

Recent Posts: All Categories<\/h3><\/span>
<\/div><\/div><\/div>
Ben<\/a><\/span><\/span>2025-09-05T09:42:54-03:00<\/span>

Smooth Font Size Scaling Between Two Viewport Widths<\/a><\/h4>

Ben<\/a><\/span><\/span>2025-09-05T09:42:54-03:00<\/span>September 5, 2025<\/span>|<\/span><\/p>

It's common to want fluid scaling of a font size on medium screens where a page is facing reduced width but not enough to switch to the mobile layout. For example, if a page's mobile [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2025-09-01T13:12:13-03:00<\/span>

WordPress – Add CSS\/JS to Plugin\/Theme (with cache-busting & variable-passing)<\/a><\/h4>

Ben<\/a><\/span><\/span>2025-09-01T13:12:13-03:00<\/span>August 29, 2025<\/span>|<\/span><\/p>

This demonstrates how to add JavaScript and CSS files to the functions.php file for a WordPress plugin, theme, or child theme, with a few convenience features added in. Which Hooks to Use Use the following [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2025-08-29T10:43:39-03:00<\/span>

Testing Updated Markdown Parser<\/a><\/h4>

Ben<\/a><\/span><\/span>2025-08-29T10:43:39-03:00<\/span>April 21, 2025<\/span>|<\/span><\/p>

Simple code fence console.log('4'); Simple code fence within HTML tags ```js console.log('5'); ``` console.log('5'); Testing code blocks in HTML tags Testing Markdown inside a details\/summary block Hidden Code Sample ```js console.log('5'); ``` console.log('5'); \u00a0 Testing [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2024-09-05T17:40:06-03:00<\/span>

Center Flexbox Column Between Two Variable-Width Columns (Common Toolbar Scenario)<\/a><\/h4>

Ben<\/a><\/span><\/span>2024-09-05T17:40:06-03:00<\/span>September 5, 2024<\/span>|<\/span><\/p>

The Issue I often run into the scenario where I'm building a toolbar with items on the left, in the middle, and on the right. The items on the left and right can often be [...]<\/p><\/div><\/article><\/section><\/div>

<\/div><\/div><\/span>

Recent Posts: React<\/h3><\/span>
<\/div><\/div><\/div>
Ben<\/a><\/span><\/span>2024-08-17T19:31:58-03:00<\/span>

Memoize React Components to Prevent Unnecessary Renders<\/a><\/h4>

Ben<\/a><\/span><\/span>2024-08-17T19:31:58-03:00<\/span>March 18, 2024<\/span>|<\/span><\/p>

When the state of a React component changes, the component and all of its children will re-render. While this is fine for most cases, you may have a child component that does some heavy computation, [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2024-08-17T23:35:40-03:00<\/span>

Styled Component Properties in React<\/a><\/h4>

Ben<\/a><\/span><\/span>2024-08-17T23:35:40-03:00<\/span>March 15, 2024<\/span>|<\/span><\/p>

By default, properties passed to a styled component are passed on as attributes to the native HTML element created. A regular property must be a valid HTML element attribute, or there will be an error [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2024-03-18T19:38:09-03:00<\/span>

Updating Input and Triggering onChange Event Programmatically in React<\/a><\/h4>

Ben<\/a><\/span><\/span>2024-03-18T19:38:09-03:00<\/span>March 12, 2024<\/span>|<\/span><\/p>

While it's easy to update an input's value using a ref, that doesn't trigger the input's onChange event, which may be an issue if you're relying on onChange to fire when the input value changes. [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2024-03-18T13:28:22-03:00<\/span>

Ignore First Render in React’s useEffect()<\/a><\/h4>

Ben<\/a><\/span><\/span>2024-03-18T13:28:22-03:00<\/span>October 16, 2023<\/span>|<\/span><\/p>

Sometimes you want to use useEffect() to catch a change in a state, but only after the initial value has been set. For example, you have a state called selectedId, and you want to do [...]<\/p><\/div><\/article><\/section><\/div>

<\/div><\/div><\/span>

Recent Posts: Entity Framework<\/h3><\/span>
<\/div><\/div><\/div>
Ben<\/a><\/span><\/span>2023-10-10T20:27:38-03:00<\/span>

Relationships in Entity Framework Core 7<\/a><\/h4>

Ben<\/a><\/span><\/span>2023-10-10T20:27:38-03:00<\/span>October 10, 2023<\/span>|<\/span><\/p>

One to Many Relationships This article does not yet include information about One-To-Many relationships in Entity Framework Core 7. However, One-To-Many relationships have not changed much since Entity Framework Core 3, so check out this [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2021-02-18T10:26:22-04:00<\/span>

Working As a Team with Migrations in Entity Framework Core<\/a><\/h4>

Ben<\/a><\/span><\/span>2021-02-18T10:26:22-04:00<\/span>February 17, 2021<\/span>|<\/span><\/p>

The official Microsoft documentation for using Migrations in Team Environments covers the basics. However, they neglect to mention one very important thing: Removing Migrations in a Team Environment Can Be Deadly! Well, not deadly, but [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2020-10-30T05:10:59-03:00<\/span>

Force Strings to use VARCHAR in Entity Framework Core<\/a><\/h4>

Ben<\/a><\/span><\/span>2020-10-30T05:10:59-03:00<\/span>October 29, 2020<\/span>|<\/span><\/p>

The nvarchar data type requires twice as much space to store as an equivalent-length varchar. For that reason, it is usually recommended to use varchar when you don't have a requirement to store Unicode characters. [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2020-10-28T01:41:27-03:00<\/span>

Seed Identity Data in ASP.Net Core<\/a><\/h4>

Ben<\/a><\/span><\/span>2020-10-28T01:41:27-03:00<\/span>October 28, 2020<\/span>|<\/span><\/p>

When using Identity in ASP.Net Core, it can be useful to seed some data for testing purposes. How to go about that is not entirely obvious, given that the tables involved (IdentityRole, IdentityUser, IdentityUserRole) aren't [...]<\/p><\/div><\/article><\/section><\/div>

<\/div><\/div><\/span>

Recent Posts: jQuery<\/h3><\/span>
<\/div><\/div><\/div>
Ben<\/a><\/span><\/span>2019-02-11T22:30:07-04:00<\/span>

Check If Element Has ID Using jQuery<\/a><\/h4>

Ben<\/a><\/span><\/span>2019-02-11T22:30:07-04:00<\/span>February 11, 2019<\/span>|<\/span><\/p>

To check if an element has an ID: if ($(this).is('[id]') { \/\/ Has ID console.log('Has ID: ' + $(this).attr('id')); } else { \/\/ Has no ID console.log('Has no ID.'); }<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2019-02-06T23:56:27-04:00<\/span>

jQuery – Selector Starts-Ends With<\/a><\/h4>

Ben<\/a><\/span><\/span>2019-02-06T23:56:27-04:00<\/span>August 6, 2018<\/span>|<\/span><\/p>

Selector Starts With: $('input[name^=somePrefix]').doSomething(); Selector ENDS with: $('input[name$=someSuffix]').doSomething(); In ASP.Net: This is particularly useful in ASP.Net when you may not want to specify clientidmode static, but still want to use jQuery to find the ID. [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2019-02-06T23:56:45-04:00<\/span>

jQuery – Bind to Document Instead of Elements for Dynamic Elements<\/a><\/h4>

Ben<\/a><\/span><\/span>2019-02-06T23:56:45-04:00<\/span>August 6, 2018<\/span>|<\/span><\/p>

When a DOM object is added after the DOM has loaded, the usual process of binding an event to a specific jQuery object may not be sufficient. E.g.: Normal binding to a button $(function() { [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2019-02-06T23:57:31-04:00<\/span>

jQuery – Get Ajax Post Error Details<\/a><\/h4>

Ben<\/a><\/span><\/span>2019-02-06T23:57:31-04:00<\/span>August 6, 2018<\/span>|<\/span><\/p>

$.post('status.ajax.php', {deviceId: id}) .done( function(msg) { ... } ) .fail( function(xhr, textStatus, errorThrown) { alert(xhr.responseText); }); http:\/\/stackoverflow.com\/a\/12116790\/4669143<\/p><\/div><\/article><\/section><\/div>

<\/div><\/div><\/span>

Recent Posts: ASP.Net<\/h3><\/span>
<\/div><\/div><\/div>
Ben<\/a><\/span><\/span>2020-11-14T03:30:13-04:00<\/span>

Returning Status Codes in an ASP.Net MVC Core Controller<\/a><\/h4>

Ben<\/a><\/span><\/span>2020-11-14T03:30:13-04:00<\/span>November 14, 2020<\/span>|<\/span><\/p>

There are a few ways to return different status codes in an ASP.Net MVC Core controller. Simplified Helper Methods Some helper methods for the most common codes (there may be more than the list below): [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2020-10-28T01:41:27-03:00<\/span>

Seed Identity Data in ASP.Net Core<\/a><\/h4>

Ben<\/a><\/span><\/span>2020-10-28T01:41:27-03:00<\/span>October 28, 2020<\/span>|<\/span><\/p>

When using Identity in ASP.Net Core, it can be useful to seed some data for testing purposes. How to go about that is not entirely obvious, given that the tables involved (IdentityRole, IdentityUser, IdentityUserRole) aren't [...]<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2020-10-24T22:44:43-03:00<\/span>

C# Razor Syntax Quick Reference (Link Only)<\/a><\/h4>

Ben<\/a><\/span><\/span>2020-10-24T22:44:43-03:00<\/span>October 24, 2020<\/span>|<\/span><\/p>

https:\/\/haacked.com\/archive\/2011\/01\/06\/razor-syntax-quick-reference.aspx\/<\/p><\/div><\/article>

Ben<\/a><\/span><\/span>2020-11-04T17:53:27-04:00<\/span>

Entity Framework Core Model in .NET Framework 4x Project<\/a><\/h4>

Ben<\/a><\/span><\/span>2020-11-04T17:53:27-04:00<\/span>October 23, 2020<\/span>|<\/span><\/p>

Because .NET Standard is implemented by later versions of the .NET Framework and .NET Core, these two very different project types can actually play nicely together. (I think of .NET Standard like an interface implemented [...]<\/p><\/div><\/article><\/section><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-358","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P9GNjN-5M","jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/pages\/358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/comments?post=358"}],"version-history":[{"count":61,"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/pages\/358\/revisions"}],"predecessor-version":[{"id":2380,"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/pages\/358\/revisions\/2380"}],"wp:attachment":[{"href":"https:\/\/benjaminray.com\/codebase\/wp-json\/wp\/v2\/media?parent=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}