Por fin puedo decir que una aplicación web de desarrollo puede sustituir de una manera real a una aplicación de escritorio de desarrollo. Si desarrollamos aplicaciones abiertas el precio es gratuito, si queremos tener aplicaciones privadas, tenemos una opción de subscripción por 8 dolares al mes. Decir que para opción gratuita, a la hora de probar la aplicación tenemos que tener nuestro propio servidor de desarrollo, en la de pago podemos probarla en los servidores de Codio. Os dejo un video.
Archivo de la categoría: Web
Tether posiciona elementos de una manera eficiente
Esta es una libreria muy sencilla que nos puede servir de mucha ayuda a la hora de mantener dos elementos juntos en una pagina web de una manera sencilla y efectiva.
Por ejemplo supongamos que tenemos dos divs, uno llamado yellowBox y otro llamado greenBox, y queremos que se mantengan unidos en la esquina de arriba:
Mas información: http://github.hubspot.com/tether/
Conocer la longitud y latitud en Google Maps
Si habéis trabajado o trabajáis, os pensáis trabajar con el API de Google Maps, esta web os va a ser de mucha utilidad http://universimmedia.pagesperso-orange.fr/geo/loc.htm ya que poniéndole la dirección del lugar que buscáis o moviendo el marcador os va a devolver la latitud y longitud, y nos va a venir muy bien para poder diseñar nuestros propios mapas con el API de Google Maps.
Web de la API v3 de Google Maps https://developers.google.com/maps/documentation/javascript/?hl=es
100 consejos SEO para poner tu blog en lo mas alto de Google – SEO Tips
Hace años con la explosión de internet se impuso una máxima que era «Si no estas en internet no existes», hoy en día esa frase sigue vigente pero se completa con esta otra » y si no apareces en la primera pagina de los buscadores es como si no existieras». Desde la primera parte de la frase hasta la actual el trabajo a la hora de desarrollar un sitio web ha cambiado, y lo que podía considerarse como una tarea propia del desarrollador se ha convertido en una tarea especifica de un especialista y dedicar mas tiempo que el que mucha gente se cree. El siguiente articulo nos puede ayudar a la hora de posicionar nuestra/as paginas en lo mas alto de internet.
https://exploreb2b.com/articles/100-seo-tips-turn-your-blog-into-the-top-of-google
Seis ideas para crear una landing page – Web Tips
El otro dia buscando algo de inspiración para la creación de una landing page descubrí esta pagina la cual nos puede ser muy útil.
http://inspirationfeed.com/articles/business/six-ideas-for-your-successful-landing-page/
Related articles
Los microdatos – HTML5 Tips
Otra de las novedades del HTML5 son los microdatos. Estos son una manera de describir un determinado tipo de información, como eventos, información personal o de la empresa.
Los microdatos usan atributos simples en las etiquetas html (normalmente <span> o <div>) para asignar una estructura o información a esos datos. En el siguiente ejemplo tenemos información sobre una persona y su empresa
<div> My name is Bob Smith but people call me Smithy. Here is my home page: <a href="http://www.example.com">www.example.com</a> I live in Albuquerque, NM and work as an engineer at ACME Corp. </div>
Este mismo ejemplo etiquetado con microdatos quedaria asi
<div itemscope itemtype="http://data-vocabulary.org/Person"> My name is <span itemprop="name">Bob Smith</span>but people call me <span itemprop="nickname">Smithy</span>. Here is my home page: <a href="http://www.example.com" itemprop="url">www.example.com</a> I live in Albuquerque, NM and work as an <span itemprop="title">engineer</span> at <span itemprop="affiliation">ACME Corp</span>. </div>
En la primera linea el itemscope indica el que el contenido del div es de tipo Person y cada una de las propiedades de la propiedad esta definida por el atributo itemprop, por ejemplo el itemprop=’name’ describe el nombre de la persona.
Mas información:
https://support.google.com/webmasters/answer/176035?hl=en
Funciones anonimas en PHP – PHP Tips
El otro día en la entrada cargando clases php automaticamente en el ultimo ejemplo usaba una función anomima o clausura para lanzar la función spl.
La definición que nos da la documentación es:
Las funciones anónimas, también conocidas como clausuras (closures), permiten la creación de funciones que no tienen un nombre especificado.Estas funciones fueron introducidas en PHP 5.3 y su uso es prácticamente igual que cuando definimos funciones en Javascript.
//Ejemplo de definición de función en Javascript
var miFuncion = function (nombre) {
document.write('Tu nombre es ' + nombre);
};
miFuncion('Ruben'); // Escribe 'Tu nombre es Ruben'
// Ejemplo de definición de función anónima en PHP
$miFuncion = function ($nombre) {
echo 'Tu nombre es '. $nombre;
}
$miFuncion('Ruben'); //Escribe 'Tu nombre es Ruben'
Se puede ver en los dos ejemplos que el uso y definición de ambas es prácticamente igual. Otro de los usos para estas funciones es como callback en funciones tengan esa opción.
echo preg_replace_callback('~-([a-z])~', function ($coincidencia) {
return strtoupper($coincidencia[1]);
}, 'hola-mundo');
// Devuelve holaMundo
Para mas información sobre las funciones anónimas http://www.php.net/manual/es/functions.anonymous.php
Obtener el valor seleccionado en un Select con jQuery – jQuery Tips
Imaginemos que queremos conocer que valor hay seleccionado en un campo select, para comprobar su valor o lo que necesitemos. Para hacer esto utilizaremos val().
<select id='ciudades' name='ciudades'>
<option value='BAR'>Barcelona</option>
<option value='MAD'>Madrid</option>
<option value='ZGZ'>Zaragoza</option>
</select>
<script>
$('#ciudades').change(function(){
var ciudad = $(this).val()
alert('Has seleccionado ' + ciudad);
});
</script>
En este ejemplo nos aparece un select en el cual nos da la opción de seleccionar entre tres ciudades, cuando cambiemos el valor nos mostrara un mensaje en pantalla en el cual nos mostrara el valor del value de la ciudad seleccionada.
Editor de RegExp, expresiones regulares Online – Utilidades Web
He encontrado este editor online de expresiones regulares que es muy completo y muy útil. Tiene ejemplos de funciones y va analizando lo que vas poniendo poco a poco, de tal manera que se puede ir interpretando que va ha hacer el patrón.
Cargando clases PHP automaticamente – PHP Tips
Una de las cosas que pueden resultar mas tediosas, por lo menos para mi, a la hora de programar es ir cargando las dependencias necesarias del fichero para que todo funcione. Con PHP podemos usar las funciones de auto carga para que cada vez que se llame a una clase esta se cargue.
Supongamos el siguiente escenario, tenemos todas las clases en el directorio clases y el fichero donde se define cada una de estas tiene el mismo nombre que la clase. Podríamos crear la siguiente función y con esta cuando creemos un nuevo objeto de la clase se cargara automáticamente.
function __autoload($clase) {
include 'clases/' . $clase . '.php';
}
A partir de PHP 5 >= 5.1.2 podemos usar la función spl_autoload_register para la carga automática de clases.
function miAutocargador($clase) {
include 'clases/' . $clase . '.php';
}
spl_autoload_register('miAutocargador');
Y para simplificarlo un poco mas, a partir de la versión PHP 5.3 podemos lanzar una función anónima para realizar lo mismo de antes
spl_autoload_register(function ($clase) {
include 'clases/' . $clase . '.php';
});
Para que esto funcione, tiene que cargarse esta función en el fichero en el que queramos que se ejecute la carga, lo ideal en estos casos es si se tiene un fichero de constantes o funciones auxiliares, que se utilicen en todo el proyecto incluir esta función en este.
Mas información:
http://www.php.net/manual/es/function.spl-autoload-register.php
rubenlacasa.es 