Buscar

Índice de contenidos

Búsqueda facilitada por duckduckgo.com

Listado de tags en el blog

Todos los posts publicados

Hay 82 publicadas, ordenadas por fecha. Puedes buscar desde el navegador Comando + f en Mac Control + f en otros sistemas. En dipositivos Ios en el icono de compartir y en Android Buscar en la pagina en el icono de menú..

  1. Actualizaciónes 29 de Marzo de 2025

  2. Mejoras en attr()

    Llegan mejoras en attr() que facilitarán el uso de las animaciones Css entre páginas y el uso de popover.

  3. Actualizando a la v3 de Eleventy

  4. text-wrap: balance

    La propiedad CSS text-wrap controla como fluye el texto dentro del contenedor.

  5. :has

    El selector padre.

  6. :where

  7. 428 líneas de Css

    Cuarto post sobre de la renovación de esta web.

  8. 287 líneas de Css, ajustes aquí y allá

    Tercer post sobre de la renovación de esta web.

  9. 121 líneas de Css, el header

    Segundo post sobre de la renovación de esta web

  10. grid-template-areas

  11. 31 líneas de Css

    Primer post sobre la renovación de la web

  12. Clases de layout

  13. Clases de utilidad como variables

  14. Excepciones y variantes con @mixins

  15. Figma

    Toma de contacto y enlaces relacionados

  16. Animación vertical con css grid

    Mostrar y ocultar contenido con css grid.

  17. Utilizar contenido del blog principal en wordpress multisite

    Compartir contenido entre diferentes wordpress en una instalación multisite

  18. Erb snippets

    Snippets, variables, condiciones, loops, includes ...

  19. lorienbar.com con Eleventy

    Eleventy para lorienbar, recopilación de link sobre eleventy, gulp, netlify y Decap Cms

  20. Nunjucks links y snippets

    Recopilación de snippets en Nunjucks, variables, condicionales, loops, includes, filtros y links relacionados.

  21. Css clamp aplicado a texto

  22. "Follow up", seguimiento de nuevas caracteristicas en css y html

    Recopilación de novedades en html y css de las que vale la pena estar al tanto. font-size-adjust, nth-of-type(of), color-mix(), media queries range syntax, light-dark(), field-sizing, @scope, Container queries, :modal, @layer, Css nesting, Scroll driven animations, text-wrap:balance, text-box-trim & text-box-edge, view transitions.

  23. De Wordpress a middleman

    Migrando este site de Wordpress a Middleman

  24. Cambia la clase en el formulario cuando un checkbox está activo

  25. scss mixin que convierte pixeles en em o rem

    He adaptado un mixin del artículo de css-tricks para poder usar rem o em según necesite.

  26. Salto de linea en "content" en pseudoelementos

    Provocar saltos de linea cuando se introduce contenido mediante pseudoelementos.

  27. Agrupar con un tag un elemento después de una imagen con jQuery

  28. Middleman links

    Recopilación de links relacionados con Middleman, tutoriales y recursos.

  29. Partials en middleman

    Haz includes en middleman con partials.

  30. Seleccionar un elemento por el atributo lang con css

    Estilos diferentes con Css y el atributo lang

  31. Middleman, crear páginas a partir de un json

    La característica que hace que use middleman commo generador de sites estáticos, es su capacidad de generar páginas y contenidos a partir de archivos json.

  32. Usar pseudoelementos para mostrar atributos

    Muestra el atributo de un elemento con css mediante pseudoelementos.

  33. Haz un include de todos los archivos php de una carpeta

    Para por ejemplo cargar funciones a "cascoporro".

  34. Muestra la descripción de los menús en WordPress

    Muestra las descripciones de los items del menú.

  35. WordPress loops

    Loops básicos en Wordpress.

  36. Condicionales en php

    Ejemplos de condicionales en php.

  37. Privilegios recomendados para las bases de datos en WordPress

    Privilegios de usuario para la bases de datos.

  38. Carga las fuentes del sistema operativo en tu web

    Mejora el tiempo de carga de la web.

  39. WordPress theme style.css

    Para crear un Theme es necesario añadir y editar este snippet al principio del archivo style.css

  40. Recortar fotos en mac con Vista previa

    Proceso para recortar imágenes con Vista Previa en MacOsX

  41. Dar estilos a los placeholders con css

    Dar estilos a los placeholders en los campos de los formularios.

  42. Cuando Mamp da error al cargar mysql

    En raras ocasiones no arranca mySql en mamp.

  43. Css multiple backgrounds

    Varias imágenes de fondo con css.

  44. Ordenando código Css

    Mi método para ordenar el código Css.

  45. Recortar imagenes a un tamaño específico en wordpress

    Corta las imágenes que se suben a media a un tamaño concreto para su uso en plantillas.

  46. Checklist, puesta en producción de un proyecto hecho con WordPress

    Al finalizar los tests del site hay que asegurarse de hacer algunos cambios antes de publicar un proyecto en Wordpress.

  47. Añadir la versión del Theme al final de la ruta al archivo css en WordPress

    Para forzar el vaciado de la caché al subir una actualización.

  48. Includes php en wordpress

    Diferentes maneras de hacer includes en las plantillas de wordpress.

  49. Moviendo archivos via terminal

    Mover archivos desde el terminal tiene ciertas ventajas, como excluir carpetas o vaciar archivos.

  50. Empezar un proyecto

    Workflow. Inicio de un proyecto.

  51. Menú hamburguesa, animación de un archivo svg con css

  52. Layouts con css grid

    Diferentes layouts con Css grid

  53. Sketch

    Links a plugins y recursos que uso en Sketch

  54. Sass mixins para fallback y debug de flexbox

    Mixins en scss para dar fallback a navegadores que no soportan flexbox

  55. Alternativa a css sticky

    Alternativa a css sticky, cuando display: sticky falla.

  56. Ocultando el menu al hacer click fuera de su contenedor

  57. Recursos online

    Colección de herramientas online que uso habitualmente.

  58. Mixins y loops en sass (scss)

    Mixins scss que uso habitualmente en mis proyectos.

  59. Toma de contacto, animaciones CSS al cargar una página.

  60. Contenedor lateral al hacer click

  61. Cambiar el texto de un boton al hacer click

    Como modificar al texto de un botón al hacer click con jQuery

  62. Formación

    Recopilación de links sobre cursos, tutoriales o guias que, en algún momento, he encontrado útiles.

  63. Añadir subtitulo a los enlaces del menú en wordpress

    Añadir un subtitulo mediante css aprovechando el atributo title y los pseudoelementos

  64. Mi Sublime text

    Recopilación de recursos y links de Sublime Text

  65. Arranca, para y reinicia apache desde el terminal en macos

  66. Añadir el atributo checked via jquery

    Añadir el atributo checked a un checkbox haciendo click en el label via jquery

  67. Columna más ancha al hacer hover

    Como aumentar el ancho de una columna al hacer hover reduciendo el ancho de las adyacentes.

  68. Colores aleatorios con sass

    Generar colores aleatorios con sass al compilar.

  69. Diferente apariencia de menú en movil, escritorio y al hacer scroll

    Uso de mixins de scss, mediaqueries y jQuery para cambiar la apariencia de un menú en tres estados diferentes, movil, escritorio y al hacer scroll.

  70. Añadir Placeholders con jQuery

    Añadir placeholders con jQuery, podemos hacer las diferentes versiones en idiomas usando la etiqueta html con el atributo lang

  71. Simular comprotamientos dinámicos con php estático

    Loops con php estático para simular diferentes comportamientos dinámicos.

  72. Añadir clases a un elemento con .delay de jquery

    Animaciones hechas con css, concatenándolas con .delay.

  73. Ocultar y mostrar menús otros métodos

    Cuatro métodos para mostar y ocultar información, por ejemplo un menú.

  74. Ocultar, mostrar información mediante checkbox

    Pruebas con checkbox para mostrar ocultar contenido en formularios.

  75. Agrupando visualmente conceptos en formularios

    Separando información en formularios para facilitar su uso, usando el mínimo código posible.

  76. Reset Css para mis proyectos

    Reset que uso habitualmente. Su función es resetear todos los valores a 0 para acercarse lo máximo posible al diseño presentado y que sea lo más parecido posible entre navegadores.

  77. Shortcodes en wordpress

    Crea Shortcodes para usar en el gestor de wordpress. En el ejemplo se crea un párrafo con la clase .message.

  78. Imagen destacada en wordpress

    Imagenes destacadas en Wordpress (Featured image).

  79. Box sizing

    Boxizing o como dejar de hacer malabarismos para crear columnas con html y css.

  80. Seleccionar inputs por type=""

    Seleccionar elementos, en CSS, de un formulario por tipo.

  81. Ruta a la plantilla de wordpress

    Ruta desde una plantilla de Wordpress a un archivo ubicado en el Theme.

  82. Reset CSS

Todas las notas publicadas

Hay 7 notas publicadas, ordenadas por fecha. Puedes buscar desde el navegador Comando + f en Mac Control + f en otros sistemas. En dipositivos Ios en el icono de compartir y en Android Buscar en la pagina en el icono de menú.

  1. Enlaces 25/05/2025

    Recopilación de enlaces Nuevas funciones Css. Carousels en Css. Optimización de imágenes y cambios en los estilos definidos en los navegadores. GSAP liberado. Gitlab permite "deploys" de versiones. Dar estilos al atributo "alt" y cuando no cargan imágenes.

  2. Enlaces 04/04/2025

    Recopilación de enlaces estilos para legend, consenso para el uso de etiquetas Html, redirecciones en eleventy, Gtmetrix, como reportar bugs, quitar la Css asociada a Gutenberg en wordpress.

  3. Enlaces 22/03/2025

    Recopilación de enlaces. find-in-page, microformatos, Html en 2025, Shortcodes en eleventy, asegurar wordpress.

  4. Enlaces 22/03/2025

    Recopilación de enlaces. find-in-page, microformatos, Html en 2025, Shortcodes en eleventy, asegurar wordpress.

  5. Enlaces 24/06/2024

    Recopilación de enlaces. Llega popover(), usabilidad de <input type="range">, Responsively app y pruebas con @starting-style.

  6. Enlaces 16/06/2024

    Recopilación de enlaces. Wordpress y Gutenberg. Implementación de nuevas características en navegadores. Aligerar el DOM. Css anchor positioning. Validar el responsive correctamente. La comunidad Indieweb.

  7. Enlaces 18/05/2024

    Recopilación de enlaces. Imágenes responsive, Git, defensores de la accesibilidad y uso del atributo `alt=""`.