Welcome to Written.dev 👋

A resource and library of posts and tutorials written to help you on your web dev journey.

Add Drop Shadow to Images in Phaser JS

Learn how to create a drop shadow effect for images in Phaser JS with this simple guide, perfect for enhancing your game visuals.

Force Update Your Git Main Branch

Learn how to force update your Git main branch to match the remote repository, ensuring your local branch is in sync while discarding local changes.

Mixing Git Merge and Rebase

Learn when to use git merge vs. git rebase to streamline your development workflow and maintain a clean project history.

Resize Images in Phaser JS

Learn how to easily set the size of images in Phaser JS games with scaling. Perfect for game developers looking to manipulate image sizes on the canvas.

Resolve Git Rebase Conflicts

Learn how to identify and resolve merge conflicts during a Git rebase to ensure a smooth and error-free code integration process.

Setting Up Correct Permissions in Laravel Projects 🛠️

Learn how to properly set file and directory permissions in your Laravel application for optimal functionality and security.

Understanding Anonymous Components in Laravel

Dive into the simplicity and functionality of Laravel's anonymous components, making your web development process smoother and more efficient.

Creating Custom Search Functionality for Your Website 🔍

Learn how to mimic browser's native search functionality by building a custom search feature for your website.

Resolve Git Push Errors with Confidence

Learn how to fix common Git push errors and understand the correct use of refspecs, with simple explanations and code snippets.

Find Element in iFrame

Learn how to access and manipulate elements within an iFrame using JavaScript, ensuring your web development skills are up to date.

Styling HTML Elements Without Attributes in CSS 🎨

Learn how to target and style HTML elements that lack specific attributes using CSS, enhancing your web design skills.

Adding Event Listeners to Form Inputs

Learn how to loop through form inputs and add event listeners to each input field for efficient form management.

Mastering Laravel Storage with S3 Folders

Learn how to efficiently manage and specify Amazon S3 folders in Laravel applications, ensuring streamlined file storage practices.

Making Columns Nullable in Laravel Migrations

Learn how to effortlessly modify existing columns to be nullable in your Laravel migrations, enhancing your database's flexibility and efficiency.

Master Laravel UpdateOrCreate

Learn how to effectively use Laravel's UpdateOrCreate method for efficient database operations in your web applications.

Simple Laravel File Upload Testing

Learn how to easily test file uploads in Laravel applications, including troubleshooting tips for common issues.

Trim Slashes in PHP Strings

Learn how to easily remove leading and trailing slashes from strings in PHP, enhancing your coding efficiency and string manipulation skills.

Understanding Static Methods in PHP

Dive deep into the workings of static methods in PHP, focusing on visibility, and learn how to effectively use them in your coding projects.

Simple PHP Random String Generation

Learn how to easily generate random strings in PHP for various applications, from simple hashes to unique identifiers.

Dynamic Field Management in Site Builders

Explore the best practices for managing dynamic fields in site builders using data-attributes and YML files, and learn their benefits and drawbacks.

Executing JavaScript in Livewire from PHP

Learn how to seamlessly integrate JavaScript in your Livewire applications through PHP methods, enhancing dynamic interactions in Laravel Livewire.

Introduction to ReactJS 🚀

Dive into the basics of ReactJS, exploring its unique features like the virtual DOM, component-based architecture, and JSX syntax to understand what sets it apart from other JavaScript frameworks.

Mastering React useState 🛠️

A comprehensive guide to understanding and using React's useState hook, complete with practical examples.

Extracting URL Paths in Node.js

Learn how to effectively extract URL paths in Node.js, handling various scenarios like missing protocols and different URL formats.

Tailwind CSS Custom Fonts for Headings

Learn how to apply a custom font to all headings in Tailwind CSS while keeping the default font for the rest of your content, with step-by-step instructions and code examples.

Transitioning from Dark to Light Mode in HTML

Learn how to seamlessly switch your website's theme from dark to light mode by updating your HTML classes, enhancing accessibility and user experience.

Integrating PhaserJS in a Parent Container 🎮

Learn how to seamlessly render your PhaserJS game within a specific parent container to ensure a smooth gaming experience.

Laravel Livewire Counter Tutorial

A comprehensive guide to creating a dynamic counter component in Laravel using Livewire, perfect for beginners and experienced developers alike.

Loading Composer Packages Locally

Learn how to develop and load Composer packages from a custom directory in your project, improving your local development workflow.

Read File Contents to Variable in NodeJS 📚

Learn how to efficiently read file contents and store them in a variable using NodeJS, with examples for both synchronous and asynchronous approaches.

Trim Forward Slashes in JavaScript Strings

Learn how to easily remove forward slashes from the start and end of your JavaScript strings for cleaner code and better URL manipulation.

Understanding Node.JS __dirname and __filename

Learn how to use __dirname and __filename in Node.js to get the current directory and file path, enhancing your development workflow.

Add SSH Key to Server for Secure Access 🔑

Learn how to securely add an SSH key to your server to grant user access. Step-by-step guide included.

Automate macOS Notifications with Vite in Laravel Projects 🚀

Learn how to set up automatic macOS notifications for file changes in Laravel projects using Vite and a simple shell script.

Setting a Default Font-Weight in TailwindCSS

Learn how to set a default font-weight of 500 across your TailwindCSS website by modifying the tailwind.config.js and using CSS for consistent typography.

Crafting a Top-Notch JavaScript File Comment Block 📝

Learn how to create an effective comment block for your JavaScript files, enhancing readability and maintainability with best practices.

Mastering Static Properties and Methods in PHP 💡

Learn how to set and reference static properties and methods within a PHP class for efficient coding practices.

Adding Values to Redis Sets in CodeIgniter

Learn how to efficiently add values to Redis sets within the CodeIgniter framework, enhancing your web application's performance.

Disable Textarea Resize with CSS

Learn how to prevent textarea resizing in web designs with CSS for a consistent user interface.

Effortless JSON Responses in Laravel

Learn how to effortlessly return JSON responses in your Laravel applications, enhancing API communication and front-end interaction.

Git Rebase vs Merge: Simplified Guide

Understand the differences between Git Rebase and Merge with easy examples, and learn when to use each for a cleaner project history.

Search Folders in Linux

Learn how to effectively search for folders named "folder-name" in Linux using command-line tools.

Tailwind CSS Magic: Styling Child Elements Based on Parent Classes 🌈

Learn how to elegantly style child elements in Tailwind CSS when their parent has a specific class. Dive into custom CSS and extending Tailwind configuration for dynamic, responsive designs.

How to Dynamically Add HTML Attributes in Laravel Blade Components

Learn the effective ways to dynamically add HTML attributes to Laravel Blade components, ensuring your web applications are flexible and maintainable.

Replace Text Across Multiple Files with Laravel

Learn how to create a custom Artisan command in Laravel to replace text across multiple files, streamlining your development workflow.

Underline Text in Markdown

Learn how to underline text in your Markdown docs

Working with Local Laravel Packages Using Composer

Master local Laravel package development and management with our guide on using symbolic links, setting up Composer, and and including the package in your Laravel project.

Written © 2024 Written Developer Tutorials and Posts.

𝕏