Front & Back Development


Front & Back Development » How to fix a website

Your website doesn’t work. Ok let’s dig into it. We need to know if we have a Back issue (Php in this case) or a Front issue (Javascript, Css, or Html). If you see a blank screen with a message that includes one of the following keywords: Warning, or Fatal Error or Notice, the issue will […]


Front & Back Development » Load Javascript source Dynamically

function loadJavaScriptOnDemand(src, callback) { var script = document.createElement(‘script’); script.src = src; document.getElementsByTagName(‘head’)[0].appendChild(script); script.onreadystatechange = function() { if (script.readyState == 4 || script.readyState == “complete”) { if (typeof callback == “function”) { callback(); } callback = null; } } } Above function you can call as following. loadJavaScriptOnDemand(‘path/to/your/javascript’,function(){alert(‘JavaScript loaded’)});


Downloads » Background Resize jQuery Plugin

Problem: Background doesn’t fit the screen total height. Background-size it’s not cross browser compatible. Background Resize 100% I’ve made a jquery plugin to do a more smart image fit and resize. The image doesn’t get distorted and always mantain the image center positioned. Smart Background Resize. Click here to see example, instrucctions and download. If you want […]


Front & Back Development » Calculating the distance between two points using latitude and longitude

How to handle distance bettween latitude/longitude points. Haversine Formula Php Function to calculate distance between 2 points: function distance($lat1, $lon1, $lat2, $lon2) { $pi80 = M_PI / 180; $lat1 *= $pi80; $lon1 *= $pi80; $lat2 *= $pi80; $lon2 *= $pi80; $r = 6372.797; // mean radius of Earth in km $dlat = $lat2 – […]


Front & Back Development » B/W Saturation Effect CSS. Hover Color/Black and white

li img{ /* b/w image */ filter: url(“data:image/svg+xml;utf8,#grayscale”); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } li:hover img{ /* full color image on hover */filter: url(“data:image/svg+xml;utf8,#grayscale”); -webkit-filter: grayscale(0%);}


Front & Back Development » Easy Slider 1.7 – Fade, Cross Fade Effect

Fade effect for Easy Slider 1.7 This is a “patch” usefull but a patch.  Just comment  some lines and add few lines. I recommend you follow these steps, drop me a comment if you need help. Modification of jQuery Plugin Easy Slider 1.7, By CSS GLOBE, to use fade effect between transitions. 1) Add this CSS […]


Front & Back Development » De PSD a Sitio Web. Organización del PSD.

Las “normas” básicas que debe cumplir un PSD para pasarlo a programación serían: Tamaño máximo 960px de ancho. Los dispositivos móviles se adaptan mejor. Resolución 96ppp  mejor que 72, pero también vale. Organizado por capas. Las primeras capas y más grandes deberían ser cada una de las páginas. Pero también se puede enviar cada página […]


Front & Back Development » Pasarela de pago

Cómo montar una pasarela de pago. Para montar una pasarela de pago tienes “mayormente” 3 opciones. 1) Paypal Click aquí para ver la documentación de Paypal y ayuda para integrarla. Con paypal puedes cobrar tarjetas de crédito y no es necesario que el cliente disponga de cuenta en paypal. Comisión bastante alta. 2) TPV Banco […]


Front & Back Development » Utilizar un link mailto: cómo objetivo en google analytics

Si tienes un link tal que <a href=””>Contacto</a> y utilizas google analytics para medir el tráfico, verás que no se puede utilizar cómo objetivo este tipo de link. Los objetivos solo pueden ser páginas a las que se accede. Para poder seguir este link y medirlo desde google analytics, puedes hacer algo así con el […]


Front & Back Development » Tiny MCE ImageManager. Insert Uploaded Images Automatically

I am talking about: Uploading and inserting images using ImageManager (TinyMCE plugin) in 3 clicks, instead of 4 and without search for your uploaded images inside the image file list. Images will be inserted in tinyMCE’s textarea automatically. Ninja solution: line 528: imagemanager-path/pages/im/js/imagemanager.js . Look for “onupload : function(){” onupload : function(e) { //Imagemanager.listFiles(); if […]

Leave your email & we'll contact you
Get business from your website, not headaches. Leave your email and we'll contact you

Hi! 👋If you have any doubt, click here so we can talk directly on WhatsApp.
Powered by