Entradas

Mostrando las entradas de 2024

porque los nombres de las paginas web no existen duplicados?

Imagen
Me doy cuenta tarde de cosas obvias, hermano deja de comerte los mocos, los años pasan... En los nombras de las paginas de internet nunca hay duplicados de nombre ejemplo www.a.com, no existira otra persona que viva en otro pais que registre www.a.com con su contenido  ya que el que se ocupa de regular los nombres de las paginas web no lo deja debido a que se ocupa de esto es millonario y obvio no querra perder su negocio y se seguira ocupando jutificacion oficial: no pueden existir dos páginas web con el mismo nombre de dominio exacto (como www.a.com ) porque los dominios son únicos y gestionados por una organización centralizada llamada ICANN (Internet Corporation for Assigned Names and Numbers). Aquí hay una explicación más detallada: 1. Unicidad de los nombres de dominio Cada nombre de dominio (por ejemplo, a.com ) es único en todo el mundo. Una vez que alguien registra un dominio, nadie más puede registrar el mismo nombre bajo el mismo TLD (como .com ). Esto se asegura a tr...

behace mockup

Imagen
mockup son archivos de photoshop o web de capas para modificarse osea cambiar el nombre de la lata de pepsi a otro nombre ejemplo pepso lo vi en este tutorial la explicacion https://www.youtube.com/watch?v=Zd_p383vFAI osea sirve para ver como se veria de forma fisica 3d una marca o grafico atraves de imagenes barbaro para publicitar en behance que es red social de diseñadores graficos

recortar imagen online

 me sucedio que gimp no recortaba en linux sera porque la imagen era excesivamente alta https://www.iloveimg.com/es/recortar-imagen

simulacion de oferta de trabajo en css box shadow

Imagen
E mpresa: CreativeCode Solutions Sector: Diseño web, experiencia de usuario (UX/UI) y capacitación en tecnologías frontend. Nuestra visión: En CreativeCode Solutions, creemos que el diseño es un equilibrio entre estética y funcionalidad. Detalles como sombras bien trabajadas y bordes estilizados pueden transformar un diseño ordinario en algo extraordinario. Por eso, ponemos especial atención en los pequeños matices que hacen la diferencia. ¿A quién buscamos? Estamos en búsqueda de profesionales que no solo dominen CSS, sino que también comprendan la importancia de elementos visuales como las sombras y los bordes. Actualmente, estamos enfocados en explorar y perfeccionar el uso de técnicas avanzadas como box-shadow para crear profundidad, realismo y atractivo en las interfaces de usuario. ¿Qué valoramos? Experiencia con box-shadow y otras propiedades que afectan la percepción visual. Habilidad para explicar y documentar conceptos de diseño visual en CSS de forma clara y atractiva. U...

box shadow con border radius

 <style> div {border: solid black 2px; margin:20px; width:200px; height:200px; padding:10px; border-radius:10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); } </style> <div> hola mundo </div> veamos todo el css: 1) margin para que tenga margenes de separacion  2) width: para definir el ancho del contenedor 3) height: para definir el alto del contenedor 4) paddin: para espacio de separacion interna alejado de los bordes si se agrega texto o  imagenes dentro del contenedor tendra esa separacion del borde 5) border: aqui para que tenga borde el contenedor; hasta aqui las propiedades basicas css de un contenedor, ahora veamos la sombra: box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); primero demos teoria la sombra puede ser: a) uniforme: que se extienda desde los 4 bordes b) enfocada: osea que supongamos la luz al objeto lo ilumina desde arriba izquiera entonces no hay sombra arriba ni lateral izquierdo pero si hay sombra abajo y lateral derecho

simulacion de oferta de trabajo

Imagen
Oferta de Trabajo: Desarrollador Frontend - HTML, Flexbox y JavaScript Descripción del Puesto Buscamos un desarrollador frontend con experiencia sólida en HTML , Flexbox y JavaScript (específicamente con addEventListener ). El candidato ideal tendrá un enfoque en la creación de interfaces modernas, funcionales y bien estructuradas, así como una comprensión profunda del diseño responsivo y la interacción con el usuario. Requisitos del Puesto: Experiencia demostrable en la creación de páginas web usando HTML . Conocimiento y aplicación de Flexbox para diseño responsivo. Dominio de JavaScript , especialmente en el manejo de eventos con addEventListener . Capacidad para resolver problemas y trabajar de forma autónoma. Buenas prácticas de codificación y estándares web. Familiaridad con herramientas como Chrome Developer Tools para depuración. Tareas y Actividades: HTML Como parte de la evaluación inicial, te pediremos que construyas un formulario de inicio de sesión utilizando etiquetas...

pasar pdf a jpg free

  https://pdf2jpg.net/

Web online jpg a png transparente

Imagen
https://www.photopea.com

paginna web online para borrar elementos de una imagen

https://cleanup.pictures/

pagina web para pasar de imagen a texto

https://www.onlineocr.net/

Formulario select html

codigo para formulario servidor Selecciona una opción: Opción 1 Opción 2 Opción 3 Enviar codigo para formulario javascript Selecciona una opción: Opción 1 Opción 2 Opción 3 Enviar

viñetas li de html css

Por defecto, los navegadores colocan la viñeta fuera del contenido del  <li> , por lo que se comporta como si estuviera "fuera" del bloque del texto. Para mover la viñeta hacia adentro y luego agregar el margen izquierdo, puedes hacer lo siguiente: aside ul li {     list-style-position: inside; /* Coloca la viñeta dentro del bloque de texto */     margin-left: 20px; /* Aplica margen al lado izquierdo, afectando la viñeta y el texto */ }

Js para cambiar fondo con un click

 <style> #cuadro{ width:100px; height:100px} </style> <button id='cambiar1'>verde </button> <button id='cambiar2'>amarillo </button> <div id='cuadro'>hola mundo </div> <script> document.getElementById('cambiar1').addEventListener('click', function(){  document.getElementById('cuadro').style.backgroundColor = 'green';}); document.getElementById('cambiar2').addEventListener('click', function(){  document.getElementById('cuadro').style.backgroundColor = 'yellow'}); </script>

Eventos javascript

 Bueno para recordar javascript  Los eventos es necesario ya que su funcion principal es la conexion por eventos Dime todos los eventos js Aquí tienes una lista exhaustiva de los eventos en JavaScript, agrupados por categorías: Eventos del Documento (DOM) DOMContentLoaded: Ocurre cuando el documento HTML ha sido completamente cargado y parseado. readystatechange: Se dispara cuando el estado del documento cambia. Eventos de Carga load: Se dispara cuando un recurso como una página o una imagen se ha cargado completamente. beforeunload: Ocurre antes de que el usuario abandone la página. unload: Ocurre cuando la página ha sido completamente descargada. Eventos de Ventana resize: Se dispara cuando cambia el tamaño de la ventana del navegador. scroll: Se dispara cuando se desplaza el contenido de la página. Eventos de Ratón click: Ocurre cuando se hace clic en un elemento. dblclick: Ocurre cuando se hace doble clic. mousedown: Ocurre cuando se presiona un botón del ratón. mouseup: O...

comentarios en consola linux bash

 osea no se puede hacer varias lineas sino solo uno por uno con el # #primer comentario #segundo comentario 

se bloquea consola, recuperar consola

Imagen
 puede pasar que tu consola este modo de lectura y no acepte comandos entonces para recuperar el control de tu consola toca: control z, eso detendra el proceso enviandolo al fondo #Para ver los procesos en segundo plano, usa:  comando: jobs 2. Terminar el proceso dd Si no quieres que el proceso continúe, puedes matarlo con el siguiente comando: kill %1

mysql como ordenar en forma creciente decreciente

  SELECT * FROM nombre_tabla  ORDER BY nombre_columna  ASC ;   SELECT   *   FROM  nombre_tabla  ORDER   BY  nombre_columna desc;

reflexion de mysql en tablas relacionadas

 pongamos ideas tengo una tabla empleados:  id, nombre, puesto 1, ana, vendedora 2, julia, diseñadora y tengo la tabla tareas id_tareas, id_empleados, que hace 1,  1,  atiende alos clientes 2,  1, maneja el dinero 3,  2, elije materiales para hacer ropa 4 , 2, crea modelos de ropa entonces hacemos que la columna id.empleados sea una clave foranea que es esto? a) solo recibe valores que existe en la columna id de la tabla empleados osea si pongo 3 o a, cuando agrego filas a la tabla tareas no me dejara agregar ya que esta validando que 3 o la letra a no pertenece como codigo de la id de la tabla empleados b) crea bloqueos de eliminar datos de la tabla padre, ya que la tabla hija esta usando esos datos como es esto?, osea existen 3 opciones principales I) condicion de bloqueo de eliminar id particulares osea si quieres eliminar un id ejemplo el id=2 de la tabla empleados mysql no te dejara ya que existen datos en la tabla tareas que tienen datos con el id=2 (...

idea ux

 DISEÑADOR UX UI: El diseño UX no se limita a la estética; se centra en comprender profundamente las necesidades, expectativas, y comportamientos de los usuarios para crear experiencias

para ingresar datos text, varchar en filas de tablas se usa comillas simples en mysql

miren el pdf pdf de usar tipo texto en filas mysql

conectarme a mariadbd ex mysql en termux android

 Para conectarme por termux a mariadbd ex mysql osea activar el servicio Use el comando: $mariadbd & (Si ponia mariadbd, se me tildaba la consola segun el chat espera conecciones que nunca se conecto) Ok sigamos, para que este actico el comando: $mysql -u root  (Asi se conecta sin contraseña, si usas: mysql -u root -p, es para conectarse con contraseña pero previamente debiste crearla antes) Ok ahora sigamos veamos las bases de datos Comando: $show dabates;

abrir el explorador de archivos con privilegios de superusuario sudo en linux lubuntu lst 18

Imagen
 bueno queria ver las tablas de mysql resulta que estan en el sistema y protegido para que no pueda ver los archivos /var/lib/mysql como hago, no quiero ver desde consola entonces preguntando lo pude lograr comando: sudo pcmanfm ese comando abre el explorador de archivos.

salir de la consola mysql

 comando:  exit (y enter)

limpiar pantalla en consola linux

 no uses el comando : clear usa : reset osea reset, resetea, el clear solo agrega saltos de linea ok

Podcast termux c++ android

Imagen
 

pasar webp a jpg linux consola

Imagen
 Para convertir imágenes de formato webp a jpg en la consola de Linux, puedes usar herramientas como imagemagick o ffmpeg . Te explico ambos métodos: 1. Usar imagemagick (con el comando convert ): Instalación de imagemagick : Primero, asegúrate de tener imagemagick instalado. Si no lo tienes, puedes instalarlo con el siguiente comando: bash Copiar código sudo apt-get install imagemagick Convertir de webp a jpg : Una vez instalado, puedes convertir una imagen webp a jpg usando el siguiente comando: bash Copiar código convert imagen.webp imagen.jpg

Mi propia vision de diseño ux

 Osea supongamos haces una web o visitas una web El diseño ux seria anotar la experiencia que senti al visitar interactuar con la pagina web Ponerme del lado si me gusta o no me gusta esa web Proponer cambios Osea que pueda ser aceptable O caso que no haya nada para cambiae porque esta perfecto lo que se busca Conclusion Es diseñador de experiencia Puede haber diseñador de casas, diseñando que sea bonito la casa Pero el diseñador de experiencia Cambia entre varias experiencia: 1 cual elegir 2 cual mejora 3 cual quitar Hay muchas analogias Como git que es un gestor de versiones, osea guarda distintas versiones de un archivo de texto de forma oculta, la cual se puede ver si se borro lineas de texto, si se agrego con los respectivas comandos que lo hacen Asi es diseño ux A simple vista parece que no depende de una persona sino buscar informacion emtre distintas personas para anotar su experiencia Pero no puedo dar por echo que tendre todos esos datos  Que la gente amablemente ten...

Teoria diseño ux

 ¿En qué consiste el diseño UX? Se habla de diseño UX (user experience design) con el propósito de definir el diseño de la experiencia de usuario. Por design se hace referencia sobre todo a la «concepción» de la experiencia de usuario más que a la creación visual. El papel de un diseñador UX consiste en pensar, reflexionar y crear no sólo el producto, la interfaz de usuario, sino también la experiencia del usuario que esta genera. Para realizar un diseño UX hay que tener en cuenta las expectativas, necesidades y posibles deseos de los usuarios. Podemos definir el diseño UX como un proceso compuesto por diferentes etapas: I. La fase de investigación y análisis (research) 1. Comprensión de las necesidades. Realización de entrevistas a usuarios (user interviews) para identificar sus necesidades, definir los objetivos y comprender las expectativas de los usuarios. 2. Personas. Creación perfiles tipo para identificar lo más destacado de su experiencia, sus objetivos, sus frustraciones. ...

Empece curso ux ui

Imagen
 Tengo una pc vieja vere si puedo hacer el curso Por lo pronto entendi que se trata de investigar a los usuarios para hacer una app que les resulte util y agradable

Hablemos de github pages

Imagen
 Antes al repositorio se le tenia que poner de nombre al final: repositoriox.github.io Osea el github.io Ahora no hace falta Para decirle a github que el repositorio sera pagina web se configura: 1 Tocas el repositorio 2 tocas menu horizontal superio en setting 3 tocas menu lateral izquierdo: pages 4 en brach osea la rama pones main y aceptas Luego te dara el link de la pagina

Al fin mi web subido a github

 https://modgit2024.github.io/webdepractica/ https://modgit2024.github.io/webdepractica/

Git agregar archivos

 Me olvide de como agregar archivos paso como 2 meses que no toco git Queria subir una web pero necesito hosting gibhub para eso necesito usar git  ========= Para agregar archivos a Git, necesitas usar el comando `git add`. Este comando le dice a Git que empiece a rastrear archivos nuevos, o que tome en cuenta los cambios realizados en archivos que ya están siendo rastreados. Aquí te explico los diferentes modos en que puedes usar `git add`: ### 1. **Agregar un archivo específico** Si solo quieres agregar un archivo específico, puedes hacerlo con: ```bash git add nombre_del_archivo ``` Por ejemplo, si tienes un archivo llamado `index.html`, puedes añadirlo así: ```bash git add index.html ``` ### 2. **Agregar varios archivos específicos** Puedes agregar múltiples archivos a la vez listándolos en el comando: ```bash git add archivo1 archivo2 archivo3 ``` ### 3. **Agregar todos los archivos en el directorio actual** Si quieres agregar todos los archivos en el directorio actual (y...

Git en android problema solucionado al hacer git init

 El mensaje que recibes indica que Git ha detectado un problema de "propiedad dudosa" (dubious ownership) en el directorio del repositorio. Esto ocurre porque Git está diseñado para proteger tu repositorio ante posibles problemas de seguridad, especialmente cuando el directorio está en una ubicación que podría ser accesible por otros usuarios o aplicaciones. **¿Por qué ocurre esto?** - **Ubicación del directorio**: Estás trabajando en un directorio ubicado en `/storage/emulated/0/`, que es parte del almacenamiento compartido de Android. Este almacenamiento puede ser accesible por múltiples aplicaciones, lo que hace que Git considere la propiedad del repositorio como "dudosa" porque puede no estar bajo el control exclusivo del usuario que ejecuta Git. **¿Cómo solucionar esto?** Para indicarle a Git que confíe en este directorio a pesar de su ubicación, debes agregarlo a la lista de directorios seguros con el siguiente comando: ```bash git config --global --add safe.d...

Que chulo mi web

Imagen
 Se uso un header con imagen de fondo css despues subo a gibhub o hosting

hacer diseños web depende de editar imagenes

Imagen
 si es absurdo hacer todo por codigo css, aunque se puede, la forma mas instuitiva es manejarse con programas editores de imagenes supongamos queremos imagenes 200x300 px para web movil unas cuatro dos en la primera fila dos en la segunda fila entonces debe asegurarte que las imagenes tengan proporciones identicas  200x300=k 1000x1340 = k? en caso de no serlo ver donde cortar horizontal o vertical  ancho*alto=k entonces a ancho=k/alto asi te manejas por matematicas luego pones estos valores en el editor de imagenes el razonamiento es el siguiente si ancho1*alto1 = k ancho2*alto2 = k entonces ancho1 * alto1 = ancho2 * alto2 entonces si ancho1,alto1 son datos y si  alto2 es menor, recortamos el ancho2 despejamos la ecuacion para hallar el ancho2  caso si alto2 es mas grande recortamos el alto2, despejamos y buscamos alto2 aplicacion de matematicas para definir medidas  ############### Todo esto fue porque queria hacee uba web con 4 imagenes iguales y tube el ...

Me gusto este diseño web

Imagen
 Vere despues si trato de emularlo en codigo

mostrando esquemas web

Imagen
en realidad asi debe ser el frontend averiguar desde la grafica que estilo es mas adecuado, luego uno se la ingeniaria para hacer los codigos