Front & Back Development

13/04/2017

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 […]

30/12/2013

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’)});

18/08/2013

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 […]

09/08/2013

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

How to handle distance bettween latitude/longitude points. Haversine Formula http://en.wikipedia.org/wiki/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 – […]

20/12/2012

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%);}

26/10/2012

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 […]

30/08/2012

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 […]

03/05/2012

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 […]

23/04/2012

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

Si tienes un link tal que <a href=”mailto:contacto@phpninja.info”>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 […]

01/10/2011

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 […]

We fix things. You rest easy
Let us know what you need, we’ll fix it asap.

Done!

We'll contact you

Oh! Something went wrong

Please, try again



We fix things, you rest easy
We fix websites. You rest easy. Ninjas get the job done. No excuses. No matter the problem, no matter the code, we’re here to help you.


Any doubts? Contact us
by Beto