Latest Updates

Documenting code, one commit at a time.

JavaScript HTML CSS

The Importance of Clear Communication in AI-Powered Tools

In the rapidly evolving landscape of AI-powered tools, clear communication is paramount. A recent update to the devlog-ist/landing project highlights this necessity, specifically in how these tools interact with platforms like LinkedIn.

The Problem: Markdown Mishaps

AI-generated content, while powerful, often relies on markdown for formatting. However, platforms like LinkedIn don't fully

Read more
HTML

Streamlining Landing Page Content: Removing Redundant Visuals

The devlog-ist/landing project focuses on creating an engaging landing page. Recent efforts have concentrated on refining the visual elements to ensure a clean and focused user experience.

The Objective

The primary goal was to declutter the landing page and improve its overall aesthetic. This involved removing the lion logo from the LinkedIn banner and simplifying the footer content.

Read more
CSS HTML

Improving LinkedIn Banner Appearance: Removing Box-Shadow Artifacts

Addressing Compression Artifacts on LinkedIn Banners

When creating visual assets for LinkedIn, especially banners, it's important to consider how LinkedIn's image compression might affect the final appearance. This post details how we addressed an issue where box-shadows on our landing page banners were causing undesirable compression artifacts after being uploaded to LinkedIn.

Read more
JavaScript HTML

Fixing LinkedIn Image Generation with the Correct Gemini Model

The devlog-ist/landing project focuses on creating landing pages, and a key feature is generating images for sharing on social media platforms like LinkedIn.

The Problem

Image generation for LinkedIn previews was failing due to an outdated Gemini model ID. The previous model, gemini-2.0-flash-preview-image-generation, was returning a 404 error, preventing the creation of these preview

Read more
PHP Laravel

Streamlining Content Publishing: Integrating Dev.to with Filament

This post explores the addition of a new feature to the landing page project. This project provides a set of marketing pages for DevLog-ist, and this new feature allows for streamlined publishing of content directly to Dev.to from within the Filament admin panel.

The Need for Integrated Publishing

Content creators often use multiple platforms to reach their audience.

Read more
CSS HTML

Enhancing Landing Page Design with Neo-Brutalism

The devlog-ist/landing project focuses on creating an engaging landing page experience. A recent enhancement involved redesigning the LinkedIn banner to align with a neo-brutalist aesthetic.

Design Update

The primary goal was to revamp the LinkedIn banner to match the landing page's retro style. This involved incorporating several key design elements:

  • Thick Borders: Emphasizing
Read more

Themed Pagination: Enhancing User Experience on devlog-ist/landing

The devlog-ist/landing project aims to provide a customizable landing page experience. A key aspect of user experience is the pagination, which allows users to navigate through content easily. This post explores how we enhanced the pagination by introducing themed styles that align with different portfolio themes.

The Challenge

Previously, the pagination used a generic Laravel style, which

Read more
HTML CSS JavaScript

Deduplicating Tags: Improving LinkedIn Banner Generation in devlog-ist/landing

In the devlog-ist/landing project, which likely serves as a landing page or blog platform, we recently tackled an interesting problem: duplicate tags appearing in the LinkedIn banner. Here's how we addressed it.

The Problem: Case-Insensitive Duplicates

When generating banners for LinkedIn, tags like "HTML", "html", and "Html" were being treated as distinct entities, resulting in duplicates

Read more
JavaScript HTML CSS

Enhancing Landing Page Banners with Programmatic Generation

Introduction

We recently faced a challenge with our landing page banners on the devlog-ist/landing project. Initially, we relied on AI image generation (Gemini) to create these banners. However, inconsistencies and errors, particularly misspellings, became a recurring issue. To address this, we transitioned to a programmatic approach using Playwright for HTML rendering, leveraging the H7

Read more