Latest Updates

Documenting code, one commit at a time.

HTML CSS 10 posts
×

Enhancing Developer Growth Charts with Axis Labels

Introduction

Visualizing data effectively is crucial for understanding trends and patterns. In this post, we'll explore how we enhanced our developer growth charts by adding axis labels, making them more informative and user-friendly across various themes.

The Importance of Axis Labels

Charts without axis labels can be difficult to interpret. Labels provide context, allowing users to

Read more

Adding Full-Text Search to Your Portfolio with PostgreSQL

Implementing full-text search can significantly enhance the user experience of your portfolio or blog. This post details how to add PostgreSQL-powered full-text search to a Laravel application, focusing on accent-insensitive prefix searching across multiple fields.

The Problem: Basic Search Limitations

Simple LIKE queries in SQL often fall short when dealing with complex search

Read more

Fixing Silent GitHub Scope Update Failures

When integrating with GitHub, users sometimes encounter issues when updating the granted permissions (scopes). A recent update addresses a scenario where these updates would silently fail, leaving users confused.

The Problem

When a user attempted to update their GitHub scope (e.g., from public-only access to all repositories) via the integrations page, a failure in the Socialite OAuth

Read more

Refactoring Filament Account Settings for Improved Clarity

Introduction

The original account settings page had become unwieldy, making it difficult for users to find and adjust specific settings. This post outlines the refactoring process to improve the user experience and code maintainability.

The Challenge

The monolithic AccountSettings page contained a large number of fields and configurations, leading to:

  • Difficulty in navigating the
Read more

Enhancements to Portfolio Settings and Automation

Portfolio Badges Visibility

The "Show Badges on Portfolio" toggle has been relocated from the Automation Settings to the Portfolio Settings page. This move aligns the feature with its conceptual location, placing portfolio customization options in a more intuitive and accessible area.

// Filament\Pages\PortfolioSettings.php
Toggle::make('visibility_badges')
    ->label(__('filament.
Read more

Streamlining Filament Navigation: Enhancing User Experience

Overview

This update focuses on improving the user experience within the Filament admin panel by reorganizing the navigation structure. Specifically, resources related to support and feedback have been relocated to a dedicated 'Support' navigation group.

Motivation

The primary goal is to declutter the 'System' navigation group. By moving support-related resources to their own group, the

Read more

EcoRuta Form Redesign: Modernizing the User Interface with a Focus on Dark Mode

Introduction

The EcoRuta form, used for managing certified recycling routes, has undergone a significant redesign. This update focuses on modernizing the user interface, improving the user experience, and adding dark mode support to align with the Landing module's design patterns.

Key Changes

The redesign includes several key improvements:

  • Layout Update: The form now utilizes
Read more
HTML CSS JavaScript

Addressing Video Playback Issues on Landing Page

The Issue

Users reported that embedded WebM videos on the landing page were not playing correctly across all browsers and devices. This was particularly noticeable with VP9-encoded WebM files.

The Solution

To ensure a consistent and reliable user experience, the decision was made to temporarily remove the problematic WebM video files and rely solely on MP4 versions for video playback.

Read more