Skip to content
Code Snippets The Code Beast
  • Home
  • THE INDEX
    • PHP Scripts
    • Javascript/jQuery
    • Free Templates
    • HTML/CSS Script
    • Web Design
    • Graphic Design
    • WordPress
    • Application Development
    • Fun Stuff
    • Video Editing
  • About
  • Contact Us
  • TOOLS
    • WordPress Password Generator
    • CF7 Spam Protector
    • HEX TO RGB Converter
    • Stripe Fee Calculator
    • APC Shipping Plugin
    • Housekeeping Platform
    • Transcribe Laravel Application
    • Postman to Swagger
    • Password Generator
  • Shop

Press enter to see results or esc to cancel.

Abraham Garcia in Javascript/jQuery   Monday, May 10 2021

How to Update Ionic Files Overwriting Configuration Files

Sync your Ionic iOS Files with Capacitor

Use this simple command to Sync Ionic File Updates to iOS npx ionic capacitor sync ios

Continue reading
Jesus Macias in Javascript/jQuery   Friday, April 30 2021

Ref in React

Dealing with Ref in React JS

The references on React are utilized to access the instance in a DOM node and able to interact just like you would do it in JavaScript or components created with

Continue reading
Abraham Garcia in Javascript/jQuery   Wednesday, January 13 2021

How to make select2 work with jQuery Validation

jQuery Validation and Select2 JS Plugin for Hidden Fields. Allow them to be validated for your project.

I was having trouble getting Select2 JS plugin validated with jquery validation and I found this fix for the issue.  Just make sure you add an ignore for hidden fields

Continue reading
Abraham Garcia in Javascript/jQuery   Thursday, December 24 2020

How to Pass a Variable To Route in JavaScript in Laravel

The Correct Syntax for Passing a Variable to Laravel Route in JavaScript.

This is a short snippet to pass a variable on route in javascript.  var url = '{{ route("admin.stocks.edit", ":id") }}'; url = url.replace(':id', stock.id); $('.stocks_list').append('<li><a href="'+url+'">' + stock.symbol + '

Continue reading
Abraham Garcia in Javascript/jQuery   Monday, December 7 2020

How to Setup Google Ads Conversions on Shopify

Simple Steps to Track Sales for your Google Ad Campaigns on Shopify.

After you create your google conversion action on Google Ads. Follow these steps to track sales on Shopify.  Install Global Site Tag 1) Navigate to Online Store on the Left

Continue reading
Abraham Garcia in Javascript/jQuery   Friday, August 28 2020

Prevent Vue.Js from accessing route that has no parameters – Route Guards

Route Guard Protection for Routes in Vue.JS. Prevent route being accessed if there are no parameters defined.

When using vue cli we can do route guards to prevent URLs from being accessed if there is no parameters defined. This is a short snippet on how to do

Continue reading
Abraham Garcia in Javascript/jQuery   Tuesday, July 7 2020

Vue JS Focus on Whole Text Box Field

Select the Whole Input Field Vue JS. Similar to the Focus for jQuery.

This is a short snippet to select the whole field when focus for easy copying and pasting.  @focus="$event.target.select()" Demo: https://thecodebeast.com/hex-to-rgb/

Continue reading
Abraham Garcia in Javascript/jQuery   Saturday, June 27 2020

Vue JS Change Absolute Path of Assets

Build to a sub-directory with Vue.js. Get rid of the absolute path build with Vue.js

I was struggling to mount a vue.js dist folder on a directory such as /smoothie or something as an inner folder. I figured the place and wanted to share it

Continue reading
Abraham Garcia in Javascript/jQuery   Monday, June 8 2020

Create a Dynamic Numbering Down Countdown for a List of Acrticles jQuery

A Numbering Countdown for Articles or Products with jQuery.

This is a snippet to create a numbering list that count down for jQuery. I used this for counting down articles that the best 20 products sold. Use this as

Continue reading
Abraham Garcia in Javascript/jQuery   Saturday, May 23 2020

How to Change Navbar When You Start Scrolling

Scroll and Change the Navigation with Simple jQuery and CSS

Use these snippets to change the navigation color when you scroll down on your website.  JS $(function () { $(document).scroll(function () { var $nav = $(".navbar-fixed-top"); $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());

Continue reading
  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 8
  • Next Page »
BECOME A CONTRIBUTOR TODAY

CONTACT US

Categories
  • AI Workflows
  • APIs
  • Application Development
  • Artificial Intelligence
  • Blogging
  • Cybersecurity
  • Developer Tools
  • Free Templates
  • Fun Stuff
  • GitHub
  • Graphic Design
  • HTML/CSS Script
  • Javascript/jQuery
  • marketing
  • PHP Scripts
  • Product Reviews
  • Python
  • SaaS
  • SEO
  • SQL
  • Uncategorized
  • Video Editing
  • Web Design
  • Website Analytics
  • WordPress

Facebook



Tags

  • wordpress
  • jquery
  • php
  • css
  • laravel
  • react js
  • javascript
  • bootstrap
  • github
  • contact form 7

Twitter

Tweets by @thecodebeast

Social Icons




Logo

Welcome to The Code Beast – A blog that helps developers find tools in their respective programming language.

Tags

  • wordpress
  • jquery
  • php
  • css
  • laravel
  • react js
  • javascript
  • bootstrap
  • github
  • contact form 7

Navigation

  • Home
  • About
  • Contact
Contact Us

The Code Beast
info@thecodebeast.com
The Code Beast © Copyright 2025.
Privacy Policy