domingo, 15 de noviembre de 2020

domingo, 1 de noviembre de 2020

Propiedad css para dimensionar imagen en un contenedor

Esta propiedad indica como se puede redimendionar para ajustarse a un ocntenedor, en este caso vamos a ver el "object-fit:cover"

En esta propiedad el contenido se dimensiona para mantener su relación de aspecto pra llenar el contenido al que pertenece, esto puede ser muy útil para una imagen en el contenido de una página o carrusel.


domingo, 25 de octubre de 2020

Cómo convertir automaticamente en mayúscula las letras en Javascript

Hay casos en los que queremos que en javascript solo la persona pueda escribir letras en un campo de formulario, con el siguiente código se convierte automáticamente las letras minúsculas en mayúsculas:

   obj.value = obj.value.replace(/[^A-Z-a-z]/g,'').toUpperCase();


jueves, 24 de septiembre de 2020

Cómo dar sonido a un Botón en html con javascript

Es común ver que las páginas usan sonidos al hacer click en botones y esto hace que mejore la experiencia de usuario y para esto podemos usar el siguiente código:


<button  class="sonido">Nombre_Boton</button>


  <audio src=""></audio>

<script>

    let boton = document.querySelector(".sonido")

    let audioEtiqueta = document.querySelector("audio")


    boton.addEventListener("click", () => {

      audioEtiqueta.setAttribute("src", "nombre_del_audio")

      audioEtiqueta.play()

      console.log(`Reproduciendo: ${audioEtiqueta.src}`)

    })

</script>

martes, 16 de junio de 2020

miércoles, 6 de mayo de 2020

Como Crear un checkbox dinámico que al hacer click despliegue un campo para escribir un texto

Hay ocasiones en las que usamos checkbox para que nuestros formularios sean dinámicos y permitan escoger varias o una opción, En este caso quiero mostrarles una ayuda para que al hacer click en un checkbox, automáticamente se despliegue un input para que las personas escriban un texto

<script>
function miFuncion() {
  var checkBox = document.getElementById("miFuncion");
  var text = document.getElementById("texto");
  if (checkBox.checked == true){
    text.style.display = "block";
  } else {
     text.style.display = "none";
  }
}
</script>

Escribe otra opción: <input type="checkbox" name="check1"  value="1"  id="miFuncion"  onclick="myFunction()"/>  
         
            <input type="text" id="texto" name="ocupac" placeholder="Cual" style="display:none"  />   


Código basado en W3schools.

sábado, 11 de abril de 2020

Convertir el formato de fecha en php con mysqli, mediante consultas seguras para evitar inyeccion SQL

Hay casos en los que necesitamos enviar a una consulta sql un formato de fecha en español, por ejemplo el formato de (Abril 11 2020) y para esto debemos hacer lo siguiente:

$query =mysqli_query($conn,"SET lc_time_names = 'es_ES';"); 

$query = $conn->prepare('SELECT id,DATE_FORMAT(fecha,"%M %d %Y"),,texto FROM tabla WHERE id = ? ');

Hay que tener en cuenta que estas consultas son  las que deberíamos ahcer en nuestros desarrollos para evitar inyección sql.

Enlace relacionado

Cómo obtener la fecha en español, con el formato nombre del mes dia y año

miércoles, 8 de abril de 2020

Cómo obtener la fecha en español, con el formato nombre del mes dia y año

Es normal que en una página web queramos imprimir la fecha mostrando el nombre del mes, por que normalmente lo que hacemos es imprimir una fecha estilo 3/04/2020  y no es lo ideal, ya que para visualizar eventos en un programa, blogs, entre otros el formato ideal es tener el nombre del mes y en español, ya que por defecto en Mysql aparece la fecha en formato us.

El siguiente código fue implementado dentro de PHP y se puede implementar para sus programas:


$res=mysqli_query($enlace,"SET lc_time_names = 'es_ES';");
$res=mysqli_query($enlace,"SELECT id,titulo,DATE_FORMAT(fecha,'%M %d %Y') as fecha FROM blog order by id desc limit 3 ");

RT @semrush_es: Los backlinks son uno de los principales factores en el algoritmo de clasificación orgánica de Google. 🥇 Entonces, ¿cómo puedo hacer un buen link building? Compartimos 9 sugerencias ➕ https://t.co/BuPZRKVkkD https://t.co/8vRYveW3xE


from Twitter https://twitter.com/juli6464

martes, 7 de abril de 2020

Cómo insertar un texto en css en la posición que deseamos

Con text indent establecemos la sangría que queremos en el texto

.texto{
 text-indent:0px;
   margin-left: 75px;

}

miércoles, 1 de abril de 2020

Video. Aprende a hacer SEO en Manizales

Aquí les comparto un video sobre cómo aprender a hacer SEO en Manizales.


Conoce más sobre el posicionamiento web en Manizales ingresando a Seo en Manizales

lunes, 30 de marzo de 2020

Cómo borrar un archivo subido en base de datos

Para eliminar un archivo cargado en un servidor debemos ingresar el siguiente código en nuestro programa:

  // Procedemos a borrar
     if (!unlink('uploads/'.$archivo)) {
          // impirmimos error al borrar
          echo 'Error al borrar';
     } else {
          // Archivo borrado
          echo 'Archivo borrado';
     }
 

jueves, 26 de marzo de 2020

Cómo saber el tipo de letra en una Página web

Para conocer qué tipo de letra usa una página hay que hacer lo siguiente:

Ctrl+shift+l  o vamos a los tres puntos que aparecen en Chrome, buscamos la opción "Más Herramientas" y hacemos click en Herramiendas del desarrollador.

Luego de esto buscamos allí la pestaña Style en donde buscaremos Font-Family, allí sabremos que tipo de letra usa una página web.

Cómo saber la tipografia de un sitio web

miércoles, 25 de marzo de 2020

Cómo aumentar tamaño a la letra y espacio entre lineas en CSS

Estas dos líneas de código nos sirven de referencia para aplicar a nuestra página web y crear textos mas grnades, los cuales se debe tener en cuenta que a mayor tamaño en el font size, mayor line-height debe haber para mejor visualización. Tener en cuenta el tema responsive en este caso.

font-size: 20px; line-height: 40px;

martes, 24 de marzo de 2020

Cómo hacer botones responsive para tu web con desplazamiento horizontal

Cuando desarrollamos un sitio web es normal que para algunas funciones tengamos varios botones y en este caso es importante tener en cuenta la visualización responsive, ya que puede ser muy molesto para los usuarios entrar por celular a una página web que se vean muchos botones hacia abajo, lo cual podría generar que estas personas dejen de entrar al sitio solo pro el hecho de que nuestra web no tiene buena experiencia de usuario. Para esto haremos lo siguiente

Dentro del código css  añadiremos estas dos líneas de código. No olvidar darle un nombre class al div para poder que el css tome el valor. Aquí veremos un ejemplo:

.resp{

Overflow:auto;
White-Space:nowrap;
}

domingo, 22 de marzo de 2020

Cómo enviar una variable eliminando los últimos caracteres

En php es normal que necesitemos imprimir un valor de una cadena eliminando caracteres de un valor que no queramos mostrar y para esto debemos hacer lo siguiente:

<?php
   $rest 
substr("camisa"0, -1);  // devuelve "camis"

   $rest substr("camisa"2, -1);  // devuelve "mis"
   $rest substr("camisa"4, -4);  // devuelve false
   $rest substr("camisa", -3, -1); // devuelve "is"
?>

Código basado en https://www.php.net/manual/es/function.substr.php

Cómo crear un árbol de navegación para tu sitio web

Para realizar un árbol de navegación hay que realizar lo siguiente:


Creamos un programa php en donde crearemos uba variable, la cual vamos a imprimir
 para obtener de la base de datos la ruta de navegación. Por ejemplo Inicio/quienes somos


  <?php

        $s=$_SERVER['SCRIPT_NAME'];
         print('<p><a href="index.php">Inicio</a>'.$s.'</p>');

?>

Como imprimir el nombre de mes en español para una página web

Para imprimir el nombre en español de un número de mes hay que hacer lo siguiente

 setlocale(LC_TIME, 'es_ES.UTF-8');
        $numero =3;
        $fecha = DateTime::createFromFormat('!m', $numero);
        $mes = strftime("%B", $fecha->getTimestamp());
         print($mes);


jueves, 19 de marzo de 2020

Cómo arreglar el problema de tildes al mostrar un contenido en tu web con Mysqli

Es normal que cuando estamos empezando a programar, subimos contenidos desde formularios y desde bases de datos. El problema es que algunas veces vemos que no configuramos apropiadamente las tíldes para que nuestra web las reconozca. La solución es la siguiente:

$conexion = mysql_connect($host,$user,$pass);
mysqli_set_charset($conexion, 'utf8'); 

lunes, 9 de marzo de 2020

Qué contiene un theme en Wordpress?

En la siguiente entrada vamos a hablar un poco de cómo crear tu propio theme en Wordpress, contenido creado enfocado en que las personas que tienen sus empresas en Manizales o en otras ciudades de Colombia , puedan crear su propia página web.

En localhost/wp  o como le hayamos puesto a la carpeta encontramos una carpeta llamada wp-content, la cual será muy útil para nuestra creación de tema.
Esta carpeta esta compuesta de las siguientes subcarpetas:


- languages
- plugins
- themes (aquí irá nuestro tema descargado o creado)
- upgrade
- uploads
- archivo index.php

Para conocer la jerarquía que usa un theme en wordpres podemos conocerlo aqui https://wphierarchy.com/


Enlaces recomendados

jueves, 5 de marzo de 2020

Cómo ocultar los directorios de tu web para evitar ataques

Para evitar ataques de seguridad, hay que tener en cuenta muchos aspectos, pero un factor fundamental es evitar que los visitantes puedan acceder a los directorios que tenemos en nuestra web y para eso existe una solución. Crear un archivo llamado "index.html" y pegarlo en cada carpeta, para así evitar que puedan conocer nuestros archivos, el siguiente código es el que debemos poner dentro del archivo:

<Directory /> 
Order Deny,Allow 
Deny from all 
Options None
 AllowOverride None 
</Directory>

Enlaces relacionados:

miércoles, 4 de marzo de 2020

Como proteger tu web de SQL injection con Mysqli

Para mejorar la seguridad de tu sitio web, es recomendable tener prioridad en revisar las consultas sql, las cuales son vunerables en el momento de crear una web y eslo lo podemos hacer por PDO o por Mysqli, dependiendo de cual versión usamos en PHP. Lo más recomendable es dejar de usar Mysql ya que está en este momento obsoleto y ya no es tan seguro. Es necesario migrar a Mysqli.  A continuación podemos ver un ejemplo para que puedan ejecutar en localhost:

<?php
try {
    $conn = new mysqli('localhost', 'root', '','bd');

    echo "Connected successfully";
    }
catch(PDOException $e)
    {
    echo "Connection failed: " . $e->getMessage();
    }
    //MySQLi,
  class Usuario {
  public $id;
  public $fecha;
  public $titulo;

  public function info(){
//devolvemos resultados de estos campos de la tabla
    return '#' . $this->id . ': ' . $this->fecha . ' ' . $this->titulo;
  }
}
    $query = "SELECT * FROM tabla";
if ($result = $con->query($query)) {
  while ($user = $result->fetch_object('Usuario')) {
    echo $user->info() . "\n";
  }
}
// mysqli,
$query = $con->prepare('SELECT * FROM tabla WHERE id = ?');
$query->bind_param('s', $_GET['id']);
$query->execute();
 $result = $query->get_result();
    while ($row = $result->fetch_assoc()){
       //aquí se imprime los resultados de los campos seleccionados
    }
?>

Recomiendo visitar el artículo https://cursos.mejorcodigo.net/article/pdo-vs-mysqli-cuales-son-las-diferencias-37 en donde se aprendió a realizar este tipo de código para mejorar la seguridad en nuestras páginas web.

Enlace Relacionado

martes, 3 de marzo de 2020

Importancia del .htaccess en una Página web

Para nadie es un secreto que todas las paginas web corren peligro en el mismo momento de estar al aire, dado a tantos ataques que ocurren a webs vulnerables y por esto recomiendo descargar el Software OWASP ZAP con el fin de descubrir los riesgos altos, medios y bajos de nuestra web.

Un paso muy importante en el momento de tener nuestra web es crear el .htaccess en nuestro directorio raiz para poder ingresar las restricciones o privilegios en un archivo oculto. Por ejemplo usando WindowsSCP para mostrar/ocultar el archivo utilizamos el comando ctrl+alt+h.

Para  impedir que se puedan ver los archivos o carpetas de nuestra web lo que hacemos es ingresar los siguiente:

   Options -Indexes

domingo, 1 de marzo de 2020

Cómo enviar por SQL un texto y conservar los saltos de línea

Dentro del código php  ponemos nl2br, el cual es un salto de línea para poder tomar los textos que enviamos por un formulario con los espacios que tiene este contenido. Para lograrlo hacemos lo siguiente:

 $texto=nl2br($_POST['texto']);  

Esto antes de hacer el insert en la base de datos SQL con la información que llenamos en el formulario del programa que hace el envío a este.

Recomiendo ver el manual https://www.php.net/manual/es/function.nl2br.php para ver más ejemplos del tema.

Enlaces recomendados

Autoincremento en Mysql para empezar a contar desde 1

La manera mas sencilla de hacer que el autoincremento en Mysql empiece desde uno es:

Truncate nombre_tabla

Para comenzar ocn el autoincremento en el número que queramos debemos ingresar por ejemplo

Alter Table nombre_tabla AUTOINCREMENT=10

Cómo imprimir los primeros caracteres de una cadena en Php

Creamos una función conocida como subst de 0 al número que deseamos poner límite.

$string= substr($string, 0, 100);

Luego de crear la función la ejecutamos para verificar que funciona correctamente imprimiendo un texto en el programa. 

echo $string

Recomiendo ingresar a Cómo usar PHP para desarrollar una web o software para conocer más sobre este lenguaje de programación.

lunes, 24 de febrero de 2020

Cómo tener permisos para hacer Upload en un servidor Linux

Recientemente, hemos visto que muchas personas al subir su página web o software a la medida han tenido problemas ya que localmente no hay inconvenientes para subir sus archivos de distintos tipos, pero en el momento de hacer la prueba en el servidor se encuentran con que no se ve reflejada la subida del archivo dentro de la carpeta upload o como le hayan llamado dentro del programa. Para esto tenemos la siguiente solución:


Abrimos el Putty para conectarnos, e ingresamos la sigiente línea

chmod -R 777 /usr//www/upload/  (La ruta cambia dependiendo donde se aloje la web en el servidor)

Luego de esto solo queda verificar en la web que si funcione el upload correctamente.

lunes, 3 de febrero de 2020

Crea tu Curso usando el LMS Moodle

En este video subido por Roxana Falasco explica cómo instalar y gestionar un LMS conocido como Moodle para crear cursos, examenes y diferentes actividades para una clase. Esta es una herramienta recomendada para los profesores y hacer más dinámica las clases. En Manizales y en toda Colombia esta plataforma es muy usada en las Universidades.


Si deseas contar con la plataforma Moodle en tu dominio contacta a Moodle en Colombia

Enlace recomendado:


viernes, 31 de enero de 2020

miércoles, 29 de enero de 2020

lunes, 13 de enero de 2020

Crea una página web para incrementar ventas de tu ... https://t.co/921lzxH8pK


from Twitter https://twitter.com/juli6464

Toda la información sobre Colombia: Clásico cafetero: Once Caldas vs Deportivo Pereira...

Toda la información sobre Colombia: Clásico cafetero: Once Caldas vs Deportivo Pereira...: El día Domingo 12 de Enero en el cierre de la Feria de Manizales, en el Estadio Palogrande hubo un partido de fútbol amistoso entre el Once ...

RT @semrush: SEO-friendly URLs will: 🔗 Include your keyword 🔗 Be descriptive and meaningful 🔗 Easy to read 🔗 Use relevant categories/subfolders 🔗 Contain around 3 to 5 words if possible For more best practices for URLs visit 👉 https://t.co/Ob90CEWKxc


from Twitter https://twitter.com/juli6464

Blogs Colombia