RSS

GIT FTP: Deploy a tu server

Este artículo va dirigido para los que como yo, tienen un dominio web propio y tienen varios proyectos repartidos en subdominios. hugudugui.com Generalmente lo usamos de stage que nos funciona para probar nuestros desarrollos y/o ejemplos de algo que estemos aprendiendo.

Para los que llevamos un tiempo en esto de desarrollar sistemas y webs, llega un momento que subir tu código al servidor con un cliente FTP se vuelve realmente TE-DIO-SO. Pues bien, con el uso de git ftp obtienes todas las bondades de git además de que la subida de archivos se hace más que con solo un comando y así evitas ese engorroso momento de tener que renombrar archivos tipo archivo_old.php y subir lo nuevo. Si te siente identificado con el texto anterior, es hora de usar esta gran herramienta y pasar al siguiente nivel

Read the rest of this entry »

Anuncios
 
Deja un comentario

Publicado por en 19 abril, 2018 en git, Linux

 

Etiquetas: , , , , ,

Error de dependencias en Ubuntu

¿Alguna vez te ha sucedido que quieres instalar en línea de comandos y justo cuando crees que terminará la instalación, te muestra el siguiente mensaje?, “Los siguientes paquetes tienen dependencias imcumplidas”

Después de investigar por aquí y por allá, tan solo con ejecutar uno a uno los siguientes comandos, las dependencias se instalan y puedes volver a hacer tu apt-get install <paquete> y problema solucionado. Se instalará sin problemas.

Leer más…

 
Deja un comentario

Publicado por en 15 abril, 2017 en Linux

 

Etiquetas: , ,

Sistema CRUD en Codeigniter 2/5

En esta entrega vamos a aprender la estructura de Controlador-Vista y dónde poner la carpeta que contendrá el css, img y js de la aplicación. El objetivo de esta entrega es separar la estructura de un sitio web en vistas de Codeigniter para poder usarlas en cualquier momento, esto agiliza en gran medida el desarrollo de las páginas que conforman un sitio web y/o aplicación.

Leer más…

 
1 comentario

Publicado por en 28 diciembre, 2016 en Codeigniter, PHP

 

Etiquetas: , , , ,

Curso Codeigniter 1/5

Es un curso que tiene como objetivo principal guiar a los que quieran conocer el funcionamiento de Codeginter.

Siendo honesto, Codeigniter es un de los frameworks más sencillos de comprender y la curva de aprendizaje es corta. Sin meterme en temáticas que cuál o tal framework es el mejor, yo siempre digo que todos tienes pros y contras. Uno de los pros que mejor he visto en Codeigniter es precisamente que es sencillo de aprender, lo cual para mí es suficiente para seguir adelante en seguir aprendiendo.

Ya para terminar esta introducción, cabe mencionar que los pasos que están en estos tutoriales son los que aprendí e investigué por la red en diferentes fuentes. Cualquier sugerencia de mejora, házmela saber a ringhugos@gmail.com.

El objetivo es bajar y configurar Codeingiter para comenzar a trabajar. Son configuraciones básicas que  se hacen solo una vez.

Leer más…

 
Deja un comentario

Publicado por en 28 diciembre, 2016 en Codeigniter, HTML, CSS, JQUERY, PHP

 

Etiquetas: , , ,

Links en imágenes y links responsive

El solo hecho de poner links con el tag <a> de HTML en imágenes fue algo nuevo para mí pero que con un poco de práctica, ponerle links a las imágenes fue super sencillo.

Hay una propiedad del tag img de HTML que se llama usemap, el cual te permite colocar coordenadas sobre la imagen y sobre dichas coordenadas poner los links con el tag a. 

html

Paso a paso vamos a ver este proceso.

Leer más…

 
Deja un comentario

Publicado por en 8 diciembre, 2016 en HTML, CSS, JQUERY

 

Etiquetas: , , , ,

Llenar arreglo con números aleatorios sin repetirse PHP

Imaginen el siguiente problema, tienen que mostrar 4 posts de su blog aleatoriamente cada vez que el usuario refresque la página. Y digamos que en la BD tenemos un total 50 posts. Entonces; se tienen que elegir aleatoriamente 4 id’s de la tabla donde tienen alojados sus posts y mandar éstos a una sentencia de MySQL que se hará cargo de traer los id’s de dichos posts.

aleatorios

Bueno, este es un caso clásico de problema de algoritmos en la universidad: Llenar arreglo con números aleatorios sin repetirse, pero ahora ya con un efecto práctico. No tocaré el punto de llamada de la BD solo el algoritmo que llenará el arreglo que debe hacerse con una función de PHP que maximiza el obtener un número aleatorio, esta función es mt_rand().

Por cierto, te invito a ver mi CV en línea así como los servicios freelance que puedo ofrecerte huguidugui

Leer más…

 
Deja un comentario

Publicado por en 7 diciembre, 2016 en PHP

 

Preloader al entrar a una sección

Con unas cuantas líneas de código se puede hacer un efecto bastante agradable para el usuario y con algunos ajustes puedes hacer algo muy elegante que le da un toque a tus sitios al entrar a cada sección de tu sitio web. En mi sitio huguidugui.com se puede ver este efecto. Claro, no soy diseñador xD pero me gustó como quedó. Ademas, la facilidad con la que se puede cambiar el CSS y cambiar la apariencia es genial.

preloader

Read the rest of this entry »

 
Deja un comentario

Publicado por en 29 octubre, 2016 en HTML, CSS, JQUERY

 

Etiquetas: , , , ,

Resize de imágenes con mogrify

Recién estuve trabajando en un sitio web donde se manejaban muchas imágenes de gran resolución y por tanto eran muy grandes, por poner un ejemplo, una imagen tenía 3940 x 1580 pixeles con un peso de 2.4 Mb. Como programadores web, todos debemos saber que mostrar imágenes tan grandes en un sitio web es muy mala práctica.

resize_and_optimization

 

Mi primer solución fue usar GIMP, abrir cada imagen y redimensionar con la herramienta adecuada. Como es de esperar, esto lleva mucho tiempo y es una tarea tediosa (muuuuy tediosa). Al  saber que eran muchas imágenes por redimensionar, preferí buscar algo que me fuera más cómodo.

Por fin encontré el comando mogrify de linux, que en una sola instrucción, hace resize de todas las imágenes con las medidas y extensión que se requiera. Explicaré la forma en que lo usé yo, espero que sea de ayuda a quien esté en esta tarea de hacer resize de muchas imágenes. Leer más…

 
2 comentarios

Publicado por en 24 septiembre, 2016 en Linux

 

Etiquetas: , ,

Obtener el Sistema Operativo con PHP

De esas veces que debes conocer el Sistemas Operativo para aplicar ciertos estilos específicos. Esto me pasó últimamente e investigando un poco, es muy fácil saberlo con PHP.

winlinuxmac

Para saberlo solo necesitas hacer la siguiente instrucción que obtiene información sobre la máquina donde está corriendo tu script:

echo $_SERVER["HTTP_USER_AGENT"];

Con esta instrucción viene la siguiente información, la cual cambia dependiendo del sistema operativo en la que esté corriendo. Por ejemplo:

Para Linux Ubunutu

Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:42.0) Gecko/20100101 Firefox/42.0

Para windows

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36

Para Mac

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8 AppleWebKit;/537.36 [KHTML, like Gecko] Chrome/46.0.22490.86 Safari/537.36

Ahora bien, para hacer algo con esta información usaremos el siguiente código:

$infoSO = $_SERVER["HTTP_USER_AGENT"];

if( strpos($infoSO) == "Windows" ){
    //Agregamos ciertas instrucciones que solo se aplicarán para windows
    //Por ejemplo, estilos:
?>
    <style>
      /* ****  **/
    </style>

<?php } ?>

if( strpos($infoSO) == "Macintosh" ){
    //Código
}

if( strpos($infoSO) == "Linux" ){
    //Código
}

Así de simple se pueden aplicar estilos o cualquier otro tipo de código para un Sistema Operativo en PHP.

Espero que haya sido de ayuda como lo fue para mí. Cualquier duda o sugerencia me la pueden hacer llegar a ringhugos@gmail.com y con mucho gusto les ayudo.

 
Deja un comentario

Publicado por en 6 diciembre, 2015 en PHP

 

Generar gafetes con HTML2PDF

En este tuto vamos a generar gafetes en PDF de una base de datos previamente llena con los siguientes datos: nombre, mail, edad y una ruta de la imagen de perfil que hayan subido. Suponemos que se tienen que hacer gafetes para un evento y necesitamos que se muestren 4 gafete por hoja.

El ejemplo completo con BD, comentarios en el código, la librería, imágenes y árbol de directorios listo para usarse, están el zip de descarga desde mi googleDrive 😀

Para esto vamos a requerir un poco de lógica de programación para ver cómo hacer lo antes mencionado. El diseño de cada gafete es un tabla hecha con HTML y pueden darle el estilo CSS que requieran, en el archivo de la vista ya verán cómo está hice el diseño. Cada hoja que se genere, tendrá las siguientes posiciones de cada gafete generado:

Posiciones en que se va generando cada gafete

Posiciones en que se va generando cada gafete

Entonces, nuestro algoritmo será de la siguiente forma:

Leer más…

 
3 comentarios

Publicado por en 12 abril, 2015 en HTML2PDF

 

Etiquetas: , ,