Nuevo logo animado formado por una serie de círculos concéntricos de color azul (de más oscuro a más claro) y uno interior de color amarillo. De ese círculo surgen dos flechas apuntando a las esquinas superior derecha e inferior izquierda. Los círculos azules se mueven durante dos segundos, el círculo amarillo parpadea un par de veces, como un ojo, y finalmente las flechas se acercan al centro para volver a alejarse.

El Proxy

«Proxy: sistema que actúa como intermediario entre cliente y servidor en una red»

Este blog pretende cumplir la misma función filtrando las noticias más relevantes para ese grupo de usuarios que no necesita estar todo el día pendiente de la tecnología.
Aquí podrás encontrar enlaces a noticias interesantes sobre todas estas tecnologías, sencillas guías o explicaciones sobre conceptos informáticos útiles…

Web portfolio
El Cuaderno
Correo electrónico: info@jesusysustics.com
Mastodon
JesusDQbos en Luzeed
Pixelfed
YouTube

Etiqueta: HTML

  • Guía de unidades en CSS

    Guía práctica de unidades CSS y ejemplos sencillos de cómo utilizarlas en WordPress @ Ayuda WordPress
    https://ayudawp.com/unidades-css/

    Me he encontrado con esta guía en español sobre las unidades de medida en CSS y no he podido evitar guardármela, pues es una de esas cosas que me ha estado dando más dolor de cabeza como autodidacta en esto de crear estilos totalmente personalizados para mis blogs.

    Creo que aún sigo algo perdido con este tema, pero me será útil cuando necesite refrescar memoria.

  • ¡Que uses el $#%& HTML!

    Usa el puto HTML, joder
    https://justfuckingusehtml.com/es-ES

    Hace poco hablaba de todos los elementos del HTML, pero esta página va un poco más allá intentando alabar de forma pasivo-agresiva el código HTML al desnudo, sin CSS ni adornos extra. No es que sea lo más educativo del mundo, pero puede llegar a ser convincente.

    También tiene versiones curiosas localizadas a otros países como Argentina o México.

  • Todos los elementos HTML en una sola página

    Todos los elementos HTML en una misma página: una explicación tan educativa como interesante
    https://www.microsiervos.com/archivo/internet/todos-elementos-html-una-pagina-educativa.html

    Every HTML Element intenta ser fiel a su nombre y nos muestra de una forma muy rápida y visual cada uno de los elementos más importantes que podemos crear en HTML. Hace muchos años que la web va más allá del HTML plano, pero desde luego me parece un gran punto de partida.

    Me será útil en cursos de creación de blogs y webs combinado con HTML para personas y las chuletas interactivas ya que, aunque se trabaje con sistemas WYSIWYG, al final uno puede sacarle partido al editor de código.

  • HTML para personas: aprende a crear una web desde cero

    Aprende HTML desde cero y crea tu propio sitio web
    https://victorhckinthefreeworld.com/2024/12/11/aprende-html-desde-cero-y-crea-tu-propio-sitio-web/

    Tremendo recurso el que se ha sacado Victorhck de la manga: HTML para personas es la traducción al español del proyecto HTML for People que nos permite aprender a crear una web empezando desde lo más básico.

    Y ahora, además, lo ha publicado también en formato PDF (102 páginas), lo que facilita a mucha gente acercarse a este aprendizaje. Luego comparas este esfuerzo con el que hace, por ejemplo, la Xunta (obligándote a hacer sus formaciones online o invitándote a guardar la página web en local) y todo adquiere mayor mérito.

    Me parece un regalo ideal para un día como este.

  • Neumorphism.io es un generador CSS muy útil para los novatos

    Neumorphism/Soft UI CSS shadow generator
    https://neumorphism.io

    El neomorfismo es un tipo de diseño de interfaz gráfica que juega con niveles y sombras sutiles. Dicho así suena muy abstacto y genérico, pero creo que da unos resultados muy vistosos. Por ejemplo, buena parte del diseño de El cuaderno tiene inspiración en esa escuela (sin yo saber nada sobre ello).

    En esta web encontramos un generador muy básico pero súper visual para crear estilos CSS para los elementos de una web. Nos permite cambiar la forma del elemento base, pero también la intensidad, desenfoque o distancia de su sombra.

    Lo cierto es que esta página me habría sido muy útil hace unos meses.

  • Chuletas interactivas de HTML, CSS, JavaScript, jQuery y hasta SEO

    Chuletas de JavaScript, HTML y CSS interactivas y completas
    https://www.microsiervos.com/archivo/internet/chuletas-javascript-html-css-interactivas-completas.html

    HTMLcheatsheets es un fantástico recurso para aquellos que queremos saber un poco de todo pero tenemos mala memoria o poco tiempo para practicar: tiene un poco de todo, por lo que sirve para refrescar la memoria. Que sea interactiva y esté llena de ejemplos facilita también mucho su uso.

    Resultará muy útil la próxima vez que quiera retocar una hoja de estilo ya sea para cambiar la interfaz del Firefox o para cambiar el diseño de El Cuaderno.

  • Adentrándome en la web sencilla

    Recursos sobre web sencilla
    https://websencilla.editora.info/

    La web sencilla (o small web) es una aproximación a la web alejada de las grandes multinacionales, su invasión de la privacidad y la mercantilización del usuario. Este modelo pone el foco en el contenido (y su autor) que en el continente, lo que da como resultado muchos ejemplos de webs que nos devuelven a una época en la que Internet era más fácil de navegar (incluso a pesar de la lentitud de las conexiones).

    Recientemente decidí meterme de lleno en esta corriente resucitando un proyecto de blog más discursivo que El Proxy: El Cuaderno. Como siempre, mi intención principal era experimentar con herramientas que luego podría enseñar en clase mientras, al mismo tiempo, le sacaba algún partido personal.

    Seguir leyendo

  • Best Online HTML Editor

    BEST ONLINE HTML EDITOR | Best Free Online WYSIWYG HTML Editor
    https://bestonlinehtmleditor.com/

    Un editor muy sencillo y visual para coquetear levemente con el código HTML… su nombre lo dice todo.