Press enter to see results or esc to cancel.

Abraham Garcia 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 with new developers to Vue.JS.  Inside the config folder, there is a file called

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Thursday, June 25 2020

onClick Javascript Confirm Dialog Sample Code

How to popup a confirm dialog before deleting something?

How to create a confirm dialog to confirm the deletion.  <a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a>  

Continue reading
Abraham Garcia Abraham Garcia in Fun Stuff   Monday, June 15 2020

inAir 5000 Wifi Setup Without App

Altec Lansing Configuration for inAir 5000 without App.

I was having an issue looking for the app to configure the inAir 5000 Altec Lansing Speaker. It is an old speaker and there is not a lot of configuration on the manual. So connect via wifi to the inAIR-Setup and go to a browser and put 192.168.1.12

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

Create a Dynamic Numbering Down Countdown for a List of Articles 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 you would like on your projects.  <script> var n = $( ".website .numbering"

Continue reading
Abraham Garcia 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() >

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, May 15 2020

Match Height CSS and JS Example

A jQuery Library to Have Divs on the same Height. Simple Snippet of Code. Make Your Divs all the Same Height.

A known and used library for Match Height in jQuery.  https://github.com/liabru/jquery-match-height  Simply include the JS Script <script src="jquery.matchHeight.js" type="text/javascript"></script> And add the class .item

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Thursday, May 7 2020

Bootstrap 4 Align Center Div - Learn How to Align Middle

How to Center a div on the Middle. Middle Alignment for Bootstrap 4

A short snippet to align center columns on Bootstrap 4   <div class="col-md-6 align-self-center"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat illo autem, consequatur, blanditiis aliquam, dolorem, in

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

Vue JS Components and Syntax - Create Components on Vue.js

How to create reusable Components in Vue.Js. A Short snippet and code sample. Get Started Quickly with Vue.JS

A little syntax about Vue.JS and components. Define a Component and reuse it on your projects! <abraham-card title="Test Card for Abraham" body="Some quick example text to build on the card title and make up the bulk of the card's content."

Continue reading
Abraham Garcia Abraham Garcia in WordPress   Sunday, April 26 2020

How to Limit Shipping to Certain Zip Codes WooCommerce WordPress

Limit Shipping to Certain Zip Codes on WooCommerce WordPress

How to limit to certain zipcodes on WooCommerce 1. Visit WooCommerce -> Settings -> Shipping 2. Add Shipping Zone or Edit Shipping Zone 3. Click on the Limit to Specific Zip/Postcodes. You must select a region.      4.

Continue reading
Abraham Garcia Abraham Garcia in Fun Stuff   Monday, April 20 2020

How to run sudo on WinSCP Commands

Run Sudo on WinSCP and navigate folders with ease.

This is short example on how to run Sudo on WinSCP.  1. Go to WinSCP Profile 2. Click Edit > Advanced > SFTP sudo su -c /usr/lib/sftp-server (Your Folder Might Be Different) 3. Then Click on Shell Use: sudo us - 4. Press Okey 5.

Continue reading