Category Archives: Website Development

Handling the Seclusion of Freelance Life

For over 20 years, I have actually been lucky enough to work from house. No frustrating commute and all the coffee I can deal with. Sounds quite cool, ideal? And, even when an international pandemic sent out the world rushing to work from another location, things remained fairly the exact same here (conserve for my […]

Rendering the WordPress philosophy in GraphQL

WordPress is a CMS that’s coded in PHP. But, even though PHP is the foundation, WordPress also holds a philosophy where user needs are prioritized over developer convenience. That philosophy establishes an implicit contract between the developers building WordPress themes and plugins, and the user managing a WordPress site. GraphQL is an interface that retrieves […]

AnimXYZ

< img src=" https://websitedesign-usa.com/wp-content/uploads/2021/01/animxyz.jpg" class=" ff-og-image-inserted" > There are many CSS animation libraries. They tend to be a stack of class names that you can use as required like” bounce” or” slide-right “and it’ll … do those things. They tend to be quite opinionated with great defaults, and not especially developed around modification. It appears […]

8 Examples of Icon-Based Navigation, Improved with CSS and JavaScript

Icons are amongst the most flexible tools in a web designer’s toolbox. They can be utilized as eye-catching visuals almost anywhere on a site or app. Whether they look out users of a flash sale or a brand-new social networks notice, they generally understand throughout. Therefore, using icons in a website’s navigation looks like a […]

On Auto-Generated Atomic CSS

< img src=" https://websitedesign-usa.com/wp-content/uploads/2021/01/on-auto-generated-atomic-css.jpg" class=" ff-og-image-inserted" > Robin Weser’s” The Shorthand-Longhand Issue in Atomic CSS” in an intriguing journey through a challenging issue. The point is that when you handle the task of transforming something HTML and CSS-like into real HTML and CSS, there are edge cases that you’ll need to program yourself out of, […]

3 Approaches to Integrate React with Custom Elements

In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: custom elements are fully-functional HTML elements that work in all modern browsers, and the shadow DOM encapsulates the right styles with a decent surface area for […]

Appropriate Tabbing to Interactive Components in Firefox on macOS

I simply needed to debug a concern with focusable components in Firefox. Somebody reported to me that when tabbing to a particular aspect within a CodePen embed, it shot the scroll position to the top of the page (WTF?!). I went to go debug the issue by tabbing through an example page in Firefox, and […]

Building an Ethereum app using Redwood.js and Fauna

With the recent climb of Bitcoin’s price over 20k $USD, and to it recently breaking 30k, I thought it’s worth taking a deep dive back into creating Ethereum applications. Ethereum, as you should know by now, is a public (meaning, open-to-everyone-without-restrictions) blockchain that functions as a distributed consensus and data processing network, with the data […]

How to Make GraphQL and DynamoDB Play Nicely Together

Serverless, GraphQL, and DynamoDB are a powerful combination for building websites. The first two are well-loved, but DynamoDB is often misunderstood or actively avoided. It’s often dismissed by folks who consider it only worth the effort “at scale.” That was my assumption, too, and I tried to stick with a SQL database for my serverless […]

Dynamic, Conditional Imports

With ES Modules, you can natively import other JavaScript. Like confetti, duh: import confetti from ‘https://cdn.skypack.dev/canvas-confetti’; confetti(); That import statement is just gonna run. There is a pattern to do it conditionally though. It’s like this: (async () => { if (condition) { // await import(“stuff.js”); // Like confetti! Which you have to import this […]