12 posts tagged with "web-development"

Creating a color palette where every color is readable against every other color is a high-level design challenge. As the number of colors in your palette increases, the "contrast space" shrinks significantly.

In this article, we'll build a script that uses an iterative "Collision-Check" algorithm. It generates a candidate color, checks it against every color already in the palette, and only keeps it if it passes the WCAG AA threshold against all of them.

Designing a beautiful UI is pointless if half your users can't read it. Whether it's a person with a visual impairment or someone trying to check their phone on a sunny day, color contrast is the secret sauce of accessible design.

The WCAG (Web Content Accessibility Guidelines) provides a mathematical way to ensure text stands out against its background. Let's integrate a "Contrast Checker" into our Python toolkit.

Converting colors in Python is a fascinating mix of dictionary lookups (for names like "tomato") and coordinate geometry. While we can use the built-in colorsys module for some parts, we'll need the webcolors library to handle CSS names and some custom math to reach the more "exotic" formats like HWB and CMYK.

GitHub Flavored Markdown (GFM) is a strict superset of the CommonMark specification. This means that GFM includes all the features of CommonMark and adds several of its own, making it a more feature-rich dialect of Markdown.

The key differences between GFM and CommonMark lie in the extra features GFM provides to support the collaborative nature of a platform like GitHub.

GitHub Flavored Markdown (GFM) is a superset of the CommonMark specification, which means it includes all the standard Markdown features plus several useful additions. It's the dialect of Markdown used on GitHub for things like issues, pull requests, wikis, and comments.

Markdown is a lightweight markup language that allows you to format plain text. It is widely used for documentation, writing articles, and creating web content.

Docusaurus doesn't have a built-in feature to create a separate image sitemap. The @docusaurus/plugin-sitemap only handles generating a sitemap for your pages and documentation, not for media like images.

Since the plugin doesn't have a specific option for image sitemaps, the recommended approach is to manually create an XML file that follows the image sitemap protocol and place it in the static directory of your Docusaurus project.

What is better Vercel or GitHub pages in terms of customization and settings​

If you're at a point where you want to build a site that goes beyond just a portfolio or a blog-something you might monetize, track analytics on, add dynamic features to, or even scale up into something bigger-it's important to choose your hosting platform wisely. GitHub Pages and Vercel are both wildly popular options, but they offer fundamentally different experiences once you want to do more than just put HTML online.

Off-by-one errors (OBOEs) are among the most common logic bugs, even for seasoned developers. These bugs occur when a loop or operation goes one iteration too far or one iteration too short-leading to incorrect results, missed elements, or crashes.

They usually occur in:

• Loops
• Array indexing
• Ranges
• Substring operations

Have you ever counted your toys and accidentally said you had 11, but really only had 10? That's kind of what an off-by-one error is in Python!

It's a tiny mistake where your program counts 1 too many or 1 too few. These mistakes are super common, even for professional programmers.