A cry for help from employees. A how-to guide for corporate. — Let me start with a couple of considerations: this article doesn’t aim at any particular company. It is a collection of previous experiences and things I’ve heard (and seen) from friends and coworkers. Also, the post focuses mainly on software development jobs and mid-to-large-sized tech companies (although they apply to…

Una lista de atributos para usar en elementos comunes de HTML y que pueden mejorar la usabilidad de tu página — allow El atributo allow define la política de permisos a seguir con las funcionalidades que estarán disponibles en el iframe. Algunos de los valores que puede tener: accelerometer (para el acelerómetro), fullscreen (entrar en pantalla completa), microphone (acceso al micrófono), USB... allow redefine cómo se incluyen/permiten las funciones en un iframe…

comiCSS cartoon for May 22, 2023 — In the last few weeks, I have seen many demos and posts about web development that use the <center> tag. This HTML element was deprecated and should not be used… but many people (especially beginners) use it often because it is convenient and because they follow old tutorials (or grifters…

Practica CSS con este personaje de Gravity Falls — Bill Cipher es un personaje de la serie de televisión Gravity Falls (altamente recomendad por cierto, y disponible en Disney+): En este artículo vamos a ver cómo dibujar a Bill usando propiedades modernas de CSS: gradientes, clip-paths, filtros… y lo vamos a hacer explicando el proceso paso a paso. Preparando el escenario Vamos…

After a while, I did some CSS Art. In this article, I explain how it was done and the decisions made during the drawing process. — A few weeks ago, I did some CSS Art. This time it was a cup of coffee with a coffee ring stain next to it. All in HTML and CSS –and not as many elements as you’d think… if we don’t count the bubbles. I tried to make it realistic…

comiCSS cartoon for May 15, 2023 — In today’s cartoon, I tried to envision how some styling technologies and strategies would translate into spoken languages—from CSS to Sass, going through Tailwind or BEM. As always, the cartoon is coded in HTML and CSS (no SVG at all, although I must admit, the Sass logo tempted me.) It…

La etiqueta HTML <pre> se usa para text pre-formateado, pero ¿tiene sentido mantenerla en la web semántica? — Hace un tiempo, sugerí este tema en Reddit y salí malparado (en parte porque no expresé bien la idea). Luego, hablando con otros programadores y profesionales del desarrollo web, la mayoría coincidía en lo contrario de lo que la gente me decía en Reddit. El centro de la discusión eran…

In this silly infographic, I imagine how coffee could be expressed if represented similarly to CSS colors. — They say developers could work only for coffee. I don’t think that’s true (but maybe not too far either). So this week’s cartoon will mix two of my favorite things: coffee and CSS. …

Una colección de 10 demos front-end interesantes que se compartieron en CodePen durante Abril de 2023 — Procedural Japanese Style Tree Un proyecto de arte generativo por Rafa. Un proyecto poco habitual porque está desarrollado con JavaScript puro usando un canvas (sin ninguna librería adicional). La demo fue parte de un reto de desarrollo de CodePen para crear algo relacionado con la naturaleza y la flora. Un gran trabajo.