Tags

Ein neues Projekt: Von der Planung bis zur Fertigstellung

Jedes Projekt beginnt mit der Planung. Auf diese Weise kann ich ein konkreteres Gefühl für das Projekt bekommen.

A new project: from planning to publication

Every project starts with planning. This way I can get a more concrete feel for the project. I study websites from the same industry and look for inspiration.

Un nuevo proyecto: de la planificación a la publicación

Cada proyecto comienza con la planificación. Así puedo tener una sensación más concreta del proyecto.

Technische Details über die Entwicklung von ineliagestion.com

ineliagestion.com wurde mit der Jamstack-Methode entwickelt, orientiert sich an den frühen Tagen der Webentwicklung, als alle Webseiten statisch waren.

Technical details about the development of ineliagestion.com

ineliagestion.com was developed with the Jamstack method, like in the early days of web development, when all web pages were static.

Detalles técnicos sobre el desarrollo de ineliagestion.com

ineliagestion.com se desarrolló con un el método Jamstack. Está orientada a los primeros tiempos del desarrollo web, cuando todas las páginas web eran estáticas.

Gedanken über klar strukturierte Inhalte

Übersichtlichkeit ist am wichtigsten. Ein schönes Design nützt wenig, wenn der Besucher es nicht versteht und die Seite frustriert verlässt.

The importance of content clarity

The clarity of the contents is most important. A nice design is of little use if the visitor does not understand anything and leaves the page frustrated.

La claridad en los contenidos una página web

La claridad en los contenidos es lo más importantes. De poco sirve un bonito diseño si luego el visitante no entiende nada y abandona la página.

Web-Performance: Warum Geschwindigkeit wichtig ist

Bei web performance geht es darum, dass jeder schnell auf eine Webseite zugreifen kann.

Why speed matters. Thoughts about web performance

Web performance is about everyone being able to access a website quickly, no matter what the internet conditions are or what device is being used.

Por qué la velocidad es importante

El rendimiento de la web consiste en que todo el mundo pueda acceder rápidamente a una página web sin tener que superar obstáculos innecesarios.

Neuer Shop für albertoballesteros.com: Eleventy und Snipcart

Eine schnelle und sichere Website - und ein Look and Feel, das dies widerspiegelt - ist entscheidend für einen Shop.

New store for albertoballesteros.com: Eleventy and Snipcart

A fast and secure website - and a look and feel that reflects that! - is crucial for a shop. albertoballesteros.com is a static website based on the Jamstack method.

Nuevo shop para albertoballesteros.com: Eleventy y Snipcart

Una páginaweb rápida y segura - ¡y con una apariencia que lo refleja! - es crucial para un shop.

Einige Gedanken zu WordPress im Jahr 2022

2007 entdeckte ich WordPress. Es war immer eine gute Lösung für komplexe benutzerdefinierte Websites, weshalb ich es immer noch nutze.

Some random personal notes on using WordPress in 2022

Back in 2007, I discovered WordPress. It never stopped being a great solution for complex custom websites, which is why I am still using it, 15 years later.

Algunas notas personales sobre WordPress en 2022

En 2007, descubrí WordPress. Nunca dejó de ser una gran solución para páginas web complejas y personalizadas, por lo que todavía lo estoy usando.

Meine sozialen Medien Ende 2022

My Social Media by the end of 2022

Mis redes sociales a finales de 2022

Meine erste Website

Heute ist etwas Lustiges passiert. Die allererste Website, die ich Ende 2008 als Selbstständige erstellt habe, hat mich wieder eingeholt.

My first website

A funny thing happened today. The very first website I made as a freelancer, in late 2008, caught up with me again. I haven't seen or heard from it in 14 years.

Mi primera página web

Hoy ha ocurrido algo curioso. La primera página web que hice como autónoma, a finales de 2008, me ha vuelto a atrapar. Hacía 14 años que no la veía ni sabía nada de ella.

Organisierung der Eleventy config-Datei

Eleventy lässt dich eine Datei anlegen, um alles nach den Bedürfnissen deines Projekts zu konfigurieren. In diesem Artikel geht es um Organisation.

Organizing the Eleventy config file

Eleventy lets you create a file called eleventy.js to configure the SSG to your own project’s needs. This article is all about organizing your config file!

Estructuración del archivo de configuración de Eleventy

Eleventy te permite crear un archivo para configurarlo todo según las necesidades de tu proyecto. Este artículo trata de la organización de este archivo.

Lightning talk bei TheJam.dev 2023

Lightning talk with TheJam.dev 2023

Lightning talk con TheJam.dev 2023

Internationalisierung mit Eleventy 2.0 und Netlify

In diesem Artikel, den ich zusammen mit einem Lightning Talk bei TheJam.dev 2023 veröffentliche, geht es um die Internationalisierung mit Eleventy 2.0.

Internationalization with Eleventy 2.0 and Netlify

Along with a lightning talk at TheJam.dev 2023, I explain how internationalization works with Eleventy 2.0, building out a simple starter project.

Internacionalización con Eleventy 2.0 y Netlify

Junto con una charla relámpago en TheJam.dev 2023, explico cómo funciona la internacionalización con Eleventy 2.0, construyendo un sencillo proyecto de inicio.

Eleventy Excellent demo branches

Aufnehmen, Bearbeiten und Einbauen eines Sounds

Kleine Interaktionssounds haben in den letzten Jahren wieder Einzug in persönliche Websites gehalten, und das finde ich wunderbar.

Recording, editing and integrating a sound for a click event

Whimsical interaction sounds have found their back into personal websites in recent years, and I think that's wonderful.

Grabación, edición e integración de un sonido de evento de clic

Los pequeños sonidos de interacción han vuelto a aparecer en los sitios web personales en los últimos años, y creo que eso es maravilloso.

Über subgrid und farbige Rasterlinien

Für mich war das subgrid immer das, was mir fehlte, um grid wirklich in meine workflows zu integrieren. In diesem Artikel versuche ich, einen Prototyp für ein Design aufzubauen, das ein vierspaltiges Layout mit farbigen Rasterlinien erfordert.

About subgrid and colored grid lines

For me, subgrid is the missing piece for my mental model to fully embrace grid. In this article, I will try to create a prototype of a design that requires a four column layout with colored grid lines.

Sobre subgrid y líneas coloreadas

Para mí, subgrid siempre fue lo que me faltaba para integrar realmente grid en mis flujos de trabajo. En este artículo intento construir un prototipo de una que requiere un diseño de cuatro columnas con líneas coloreadas.

Übernahme von Grid-Abmessungen von Geschwistern dank subgrid

Was ich erreichen möchte, ist die vertikale Ausrichtung von Geschwistern: die dynamischen Dimensionen von Elementen innerhalb des <header> landmark sollen das Grid-Spalten-Template implementieren, das auf dem <body>-Element definiert ist, so dass Geschwister-Elemente sich daran ausrichten können.

"Inheriting" grid dimensions from siblings with subgrid

What I want to achieve is aligning siblings vertically: the dynamic dimensions of elements inside the <header> landmark shall implement the grid column template defined on the <body> element, so that sibling elements can align themselves with it.

Adopción de dimensiones de rejilla de hermanos gracias a subgrid

Lo que quiero conseguir es la alineación vertical de los hermanos: las dimensiones dinámicas de los elementos dentro del <header> landmark deberían implementar la plantilla de columna de rejilla definida en el elemento <body>, para que los elementos hermanos puedan alinearse a ella.