<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Alberto Varela</title><link>https://www.albertovarela.net/</link><description>Recent content on Alberto Varela</description><generator>Hugo</generator><language>en</language><copyright>This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.</copyright><lastBuildDate>Wed, 04 Feb 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://www.albertovarela.net/index.xml" rel="self" type="application/rss+xml"/><item><title>Programming with AI, Without the Hype</title><link>https://www.albertovarela.net/blog/2026/02/programming-with-ai/</link><pubDate>Wed, 04 Feb 2026 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2026/02/programming-with-ai/</guid><description>&lt;h2 id="is-this-vibe-coding"&gt;Is This Vibe Coding?&lt;/h2&gt;
&lt;p&gt;Let&amp;rsquo;s start with the name.&lt;/p&gt;
&lt;p&gt;These days, every few months a new term appears to describe what is essentially the same thing: people using AI tools to write code.&lt;/p&gt;
&lt;p&gt;First it was Vibe Coding (which even became &amp;ldquo;word of the year&amp;rdquo; &lt;a href="https://www.collinsdictionary.com/woty"&gt;according to Collins&lt;/a&gt;). Then we got Agentic Coding, Augmented Coding, and I&amp;rsquo;ve even seen people start calling coding without an AI agent &amp;ldquo;Trad Coding&amp;rdquo;. At this point, there are already &lt;a href="https://arxiv.org/html/2505.19443v1"&gt;academic papers&lt;/a&gt; discussing the naming itself.&lt;/p&gt;</description></item><item><title>How a Time Zone Change Could Break Your Apps</title><link>https://www.albertovarela.net/blog/2025/10/time-zone-change-break-apps/</link><pubDate>Mon, 27 Oct 2025 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2025/10/time-zone-change-break-apps/</guid><description>&lt;p&gt;Most people think of time zones as &amp;ldquo;offsets from UTC&amp;rdquo;, but we know they&amp;rsquo;re more than that: they also include rules, like when to switch to summer time, and the historical rules and offsets.&lt;/p&gt;
&lt;p&gt;If Europe removes the DST switch, &lt;code&gt;Europe/Madrid&lt;/code&gt; would, for example, transition from a two-rule timezone (UTC+1 in winter, UTC+2 in summer) to a single offset. That means new data in the &lt;a href="https://www.iana.org/time-zones"&gt;IANA tz database (tzdata)&lt;/a&gt;, and a quiet cascade of changes across our stacks. OSes, runtimes, databases, browsers&amp;hellip; everything that depends on it needs to catch up.&lt;/p&gt;</description></item><item><title>Why You Should Have Your Own Website (and How I Built Mine)</title><link>https://www.albertovarela.net/blog/2024/11/your-own-website/</link><pubDate>Tue, 26 Nov 2024 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2024/11/your-own-website/</guid><description>&lt;p&gt;Twitter and I aren&amp;rsquo;t a thing anymore, I&amp;rsquo;m a &lt;a href="https://bsky.app/profile/albertovarela.net"&gt;Bluesky&lt;/a&gt; user now, and I noticed a trend: people are buying custom domains to use as their handles, like &lt;code&gt;@yourname.dev&lt;/code&gt;. It&amp;rsquo;s elegant, personal, and professional. But, if you&amp;rsquo;ve already invested in a custom domain, why not use it for more than just a handle?&lt;/p&gt;
&lt;h2 id="simple-alternatives"&gt;Simple Alternatives&lt;/h2&gt;
&lt;p&gt;If you&amp;rsquo;re using a domain as your handle, chances are that &lt;strong&gt;someone will open it in a browser at some point&lt;/strong&gt;. So it&amp;rsquo;s a good idea to have &lt;em&gt;something&lt;/em&gt; there, even if it&amp;rsquo;s just a basic page. You can easily redirect your domain to a service that showcases your information. All domain providers allow you to do this.&lt;/p&gt;</description></item><item><title>Building Timeless JavaScript Projects: Ensuring Consistency in Dependencies and Versions</title><link>https://www.albertovarela.net/blog/2023/12/building-timeless-javascript-projects/</link><pubDate>Mon, 04 Dec 2023 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2023/12/building-timeless-javascript-projects/</guid><description>&lt;p&gt;Not for the first time, but I recently came across a tweet that confidently asserted the fragility of JavaScript projects:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Typescript solved JavaScript like Heroin solved Cocaine.&lt;/p&gt;
&lt;p&gt;If you leave a medium sized node or front end project aside and come back to it 6 month later, chances are it will never work again.&lt;/p&gt;
&lt;p&gt;Spent 2-3 hours bringing up a docs site last night, lots of breakage, libraries breaking, incompatible interfaces, what a living hell that is.&lt;/p&gt;</description></item><item><title>Stop using Google Fonts, stop fueling the flames</title><link>https://www.albertovarela.net/blog/2022/11/stop-using-google-fonts/</link><pubDate>Thu, 17 Nov 2022 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2022/11/stop-using-google-fonts/</guid><description>&lt;p&gt;I remember when most websites used only web-safe fonts: Arial, Courier, Impact, Times New Roman, Verdana&amp;hellip;, or the so-loved Comic Sans. Sad days for designers, great days for bandwidth. I also remember how the &amp;ldquo;new browsers&amp;rdquo; started supporting new features like &lt;code&gt;@font-face&lt;/code&gt; to get a piece of the cake, at that time in the hands of Internet Explorer. A short while later, &lt;a href="https://techcrunch.com/2009/11/11/typekit-launches-hopes-to-save-typography-on-the-web/"&gt;Typekit was created&lt;/a&gt; and it revolutionized the way typography was used on the web (Typekit was formerly acquired by Adobe and converted into Adobe fonts).&lt;/p&gt;</description></item><item><title>How to implement light and dark modes with a toggle switch on your website</title><link>https://www.albertovarela.net/blog/2022/07/implementing-light-dark-mode/</link><pubDate>Tue, 12 Jul 2022 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2022/07/implementing-light-dark-mode/</guid><description>&lt;p&gt;Nowadays, the ability to switch between a light or a dark theme has become extremely popular on the internet. It has been a while since we began to see it on desktop applications, but now, we can also see it every day on most websites we use: Github, Stackoverflow, Twitter, etc. There are multiple ways to implement it, I&amp;rsquo;ll show you mine.&lt;/p&gt;
&lt;h2 id="writing-the-themes"&gt;Writing the themes&lt;/h2&gt;
&lt;p&gt;It&amp;rsquo;s 2022, we survived the Coronavirus, and Internet Explorer is finally dead. I think it&amp;rsquo;s a good time to &lt;strong&gt;start using CSS custom properties&lt;/strong&gt; if you haven&amp;rsquo;t already (you can read &lt;a href="https://css-tricks.com/a-complete-guide-to-custom-properties/"&gt;this fantastic post from Chris Coyier&lt;/a&gt; if you are not familiar with them or if you don&amp;rsquo;t know what I&amp;rsquo;m talking about).&lt;/p&gt;</description></item><item><title>Reinventing the wheel: DIOD (a new Typescript dependency injection library)</title><link>https://www.albertovarela.net/blog/2021/06/diod-dependency-injection-typescript/</link><pubDate>Thu, 03 Jun 2021 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2021/06/diod-dependency-injection-typescript/</guid><description>&lt;p&gt;The post&amp;rsquo;s title is a confession; I know that there are other libraries for dependency injection with Typescript; even more, I&amp;rsquo;ve used them a lot, and I&amp;rsquo;ve learned a lot from them. &lt;a href="https://github.com/inversify/InversifyJS"&gt;Inversify&lt;/a&gt;, &lt;a href="https://github.com/microsoft/tsyringe"&gt;tsyringe&lt;/a&gt; &amp;hellip;, it&amp;rsquo;s thanks to all of them that I&amp;rsquo;ve been able to write this, but obviously, there is a motivation behind creating my own, and I&amp;rsquo;ll try my best to explain it.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;⚡️ You may end up here just looking for a dependency injection library and not on the willingness to read my explanations. Do not worry; &lt;a href="https://www.npmjs.com/package/diod"&gt;stop reading here and try DIOD&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Decoupling SPAs from the framework, a practical example</title><link>https://www.albertovarela.net/blog/2019/05/decoupling-from-framework/</link><pubDate>Tue, 28 May 2019 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2019/05/decoupling-from-framework/</guid><description>&lt;p&gt;The aim of this post is to encourage you to avoid coupling your application to the framework you choose.
By doing it you will be able to switch your framework quite easy, which is probably not a common task,
but it will help you update it to a new version with very low effort also. Apart from that, a huge advantage
will be that it will let you test your application logic without depending on the view.&lt;/p&gt;</description></item><item><title>(Spanish) La empresa para la que trabajo ha quebrado, y ahora... ¿Qué hago?</title><link>https://www.albertovarela.net/blog/2017/12/empresa-quiebra-que-hacer.1/</link><pubDate>Fri, 29 Dec 2017 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2017/12/empresa-quiebra-que-hacer.1/</guid><description>&lt;p&gt;Muchas veces se habla de lo que arriesgan los emprendedores cuando se embarcan en una nueva aventura, pero en este caso yo voy a
hablar de algunos riesgos que corremos los trabajadores por cuenta ajena cuando decidimos unirnos a ellos en una de esas aventuras.
En una de esas, que además, necesita mucha gasolina para arrancar y otra tanta para empezar a cubrir costes. Hay quien no es del
todo consciente de esos riesgos y hay otros que simplemente los asumen como algo normal, pero lo que es innegable es que existen,
y en este caso además de correrlos los sufrimos.&lt;/p&gt;</description></item><item><title>Microsoft, you need to take it one step further</title><link>https://www.albertovarela.net/blog/2017/03/microsoft-step-further/</link><pubDate>Mon, 06 Mar 2017 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2017/03/microsoft-step-further/</guid><description>&lt;p&gt;I have been a hater. Since I started in web development I have been a Linux user, a FOSS consumer and, to a lesser degree,
a free software contributor. Somehow, this made me despise Microsoft and, at some point, I was even not able to see
any of their products on an objective basis, I just flat out rejected everything coming from them.&lt;/p&gt;
&lt;p&gt;This is not happening anymore, I am now a more mature developer (or just an older one), and I know that taking professional
technical decisions based on sentiments is just not an option. The last years that I have been working in a company with plenty
of Microsoft-friendly mates and also the last movements of Microsoft have opened my mind even more and, now, I can agree with
David Heinemeier Hansson when he says: &lt;a href="https://signalvnoise.com/svn3/microsoft-i-forgive-you/"&gt;&amp;ldquo;Microsoft, I forgive you!&amp;rdquo;&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Creating Background Ambient Videos In HTML5 using FFMPEG</title><link>https://www.albertovarela.net/blog/2016/11/using-ffmpeg-web-ambient-videos/</link><pubDate>Mon, 14 Nov 2016 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2016/11/using-ffmpeg-web-ambient-videos/</guid><description>&lt;p&gt;The use of ambient videos as background is not something new, &lt;a href="https://www.smashingmagazine.com/2011/01/creative-use-of-background-video-web-design-showcase/"&gt;Smashing Magazine was already talking
about it&lt;/a&gt; more than five years ago, but at that time it was still quite tricky to make it work in every browser.
I&amp;rsquo;d say that in 2013-2014 it started becoming a trend, and nowadays we can say that it&amp;rsquo;s just another common resource
to make our website look fancy.&lt;/p&gt;
&lt;h2 id="html-markup-and-styles"&gt;HTML Markup and styles&lt;/h2&gt;
&lt;p&gt;Thanks to HTML5, CSS3 and the new JavaScript API, Flash is &amp;ldquo;no longer neccesary&amp;rdquo; as Steve Jobs already stated in 2010, so,
we&amp;rsquo;ll just take a look to &lt;a href="https://www.w3.org/TR/2011/WD-html5-20110113/video.html"&gt;the specification&lt;/a&gt; to see how can we use HTML videos (as you probably know, CSS do not
support them).&lt;/p&gt;</description></item><item><title>Managing PHP Dependencies Properly</title><link>https://www.albertovarela.net/blog/2016/10/managing-php-dependencies/</link><pubDate>Fri, 28 Oct 2016 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2016/10/managing-php-dependencies/</guid><description>&lt;div class="series"&gt;
 &lt;i class="fa fa-info-circle" aria-hidden="true"&gt;&lt;/i&gt; This is the first post of the
 &lt;a href="#other-posts-of-the-series"&gt;The Perfect Continous Delivery Pipeline For PHP&lt;/a&gt; series.
&lt;/div&gt;
&lt;p&gt;&lt;a href="https://getcomposer.org/"&gt;Composer&lt;/a&gt; is the &lt;em&gt;de facto&lt;/em&gt; dependency manager for PHP and &lt;a href="https://packagist.org/"&gt;Packagist&lt;/a&gt; is its official package repository.
The release of this project in 2012 has revolutionized the PHP world, and nowadays, the dependencies of most of the
projects are being managed with it.&lt;/p&gt;
&lt;p&gt;The usage of Composer and a Version Control System is the first step to build a CD pipeline for PHP- I will use
&lt;a href="https://git-scm.com/"&gt;git&lt;/a&gt; as VCS in the rest of the article, but the same ideas could be applied if you are using other systems like
Mercurial or Subversion.&lt;/p&gt;</description></item><item><title>NPM vs Yarn benchmark</title><link>https://www.albertovarela.net/blog/2016/10/npm-yarn-benchmark/</link><pubDate>Sat, 15 Oct 2016 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2016/10/npm-yarn-benchmark/</guid><description>&lt;p&gt;If you are a Javascript developer, specially if you work with Node.js, you have probably read something
about &lt;a href="https://yarnpkg.com/"&gt;Yarn&lt;/a&gt; in the last days. Engineers from Facebook Exponent, Google, and Tilde &lt;a href="https://code.facebook.com/posts/1840075619545360"&gt;have been
working together&lt;/a&gt; &lt;a href="https://yehudakatz.com/2016/10/11/im-excited-to-work-on-yarn-the-new-js-package-manager-2/"&gt;to build&lt;/a&gt; an alternative for the well known &lt;a href="https://www.npmjs.com/"&gt;NPM&lt;/a&gt;, the built-in package manager of
Node.js.&lt;/p&gt;
&lt;p&gt;During the last years, developers around the world have complained a lot about how slow NPM is. Having a
dependency system able to avoid inconsistences between environments has been the other big request around
NPM. So, if we take a look to the claim of Yarn, it seems that this is what we have been expecting all this
time: &amp;lsquo;Fast, Reliable, and Secure Dependency Management&amp;rsquo;.&lt;/p&gt;</description></item><item><title>It's Alive</title><link>https://www.albertovarela.net/blog/2016/09/its-alive/</link><pubDate>Fri, 30 Sep 2016 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2016/09/its-alive/</guid><description>&lt;p&gt;The last year I closed my blog after 8 years, 174 posts and more than 2400 comments.
I did it because I stayed more than one year
without writting anything on it. Now, just a year later I&amp;rsquo;ve decided to re-open it, this time in English.&lt;/p&gt;
&lt;p&gt;I like to write about what I&amp;rsquo;ve learnt. At least sometimes.
So, even I will probably not write posts usually, I want to have
my own space to write about what I want. When I want.&lt;/p&gt;</description></item><item><title>My Point Of View About Personal Branding For Developers</title><link>https://www.albertovarela.net/blog/2016/09/personal-branding-for-developers/</link><pubDate>Wed, 07 Sep 2016 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2016/09/personal-branding-for-developers/</guid><description>&lt;p&gt;I work at Ve&amp;rsquo;s Development Center in Bilbao. It&amp;rsquo;s a little city in the north of Spain where the people are usually infected by &lt;a href="https://saskiabasquecountry.blogspot.com.es/2008/11/dont-be-shy.html"&gt;the special Basque shyness&lt;/a&gt; and this is why I&amp;rsquo;m not absolutely sure whether this post will be useful for everyone or just something that is totally obvious, but I hope that you can at least find parts of it enlightening or mildly entertaining. I&amp;rsquo;ll write about my personal experience because, even though I&amp;rsquo;m quite far from being a superstar and you&amp;rsquo;ve probably never heard about me before, I have been employed since I finished my studies and I&amp;rsquo;m quite happy about how my career has grown.&lt;/p&gt;</description></item><item><title>Publishing a Puppet Module</title><link>https://www.albertovarela.net/blog/2016/03/publishing-puppet-module/</link><pubDate>Tue, 15 Mar 2016 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2016/03/publishing-puppet-module/</guid><description>&lt;p&gt;There&amp;rsquo;s a lot &lt;a href="https://forge.puppet.com/about/approved/criteria"&gt;of&lt;/a&gt; &lt;a href="https://bombasticmonkey.com/2011/12/27/stop-writing-puppet-modules-that-suck/"&gt;great&lt;/a&gt; &lt;a href="https://www.devco.net/archives/2012/12/13/simple-puppet-module-structure-redux.php"&gt;information&lt;/a&gt; online about how to write a good &lt;a href="https://puppetlabs.com/"&gt;Puppet&lt;/a&gt; module. In this post I&amp;rsquo;m going to focus on the techniques we&amp;rsquo;ve used to have our modules officially &amp;lsquo;&lt;a href="https://forge.puppetlabs.com/approved"&gt;approved&lt;/a&gt;&amp;rsquo; by PuppetLabs.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m assuming you&amp;rsquo;ve either built an entirely new module, or substantially improved one on the &lt;a href="https://forge.puppetlabs.com/"&gt;Forge&lt;/a&gt;, and that you&amp;rsquo;d like to prove this is a good quality module, so that it could gain approval by PuppetLabs.&lt;/p&gt;
&lt;h2 id="quality-score"&gt;Quality Score&lt;/h2&gt;
&lt;p&gt;Once you&amp;rsquo;ve published your module to the Forge, you&amp;rsquo;ve got a &lt;a href="https://forge.puppet.com/about/scoring"&gt;Quality Score&lt;/a&gt; to start with, and you can aim to improve it. This score comprises the code quality, the Puppet compatibility and the metadata quality.&lt;/p&gt;</description></item><item><title>Code and Kids</title><link>https://www.albertovarela.net/blog/2015/12/code-and-kids/</link><pubDate>Thu, 10 Dec 2015 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/blog/2015/12/code-and-kids/</guid><description>&lt;p&gt;Coding has been considered to be something for geeks for a long time, but this approach makes no sense anymore. We live in a world where we can find technology and programs everywhere on our daily lives (laptops, cellphones, tablets, but also now on the TV, washing machines, medical tools, cash machines, transport,&amp;hellip;).&lt;/p&gt;
&lt;p&gt;As we teach our kids about how nature works, it is now the time to teach them about how technology works, we can not let them think of technology as magic, we must allow them to learn the How.&lt;/p&gt;</description></item><item><title>About me</title><link>https://www.albertovarela.net/about-me/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/about-me/</guid><description>&lt;p&gt;I&amp;rsquo;m &lt;strong&gt;Alberto Varela&lt;/strong&gt;, a 42 years old &lt;strong&gt;full-stack developer&lt;/strong&gt; based in Bilbao with more than 20 years of experience. I&amp;rsquo;m passionate about everything related to web development, and I&amp;rsquo;m currently working as a Product Engineer at &lt;a href="https://www.paired.com/"&gt;Paired&lt;/a&gt;. The easiest way to get in touch is via email: &lt;a href="mailto:hello@albertovarela.net"&gt;hello@albertovarela.net&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;






&lt;p class="content-img"&gt;
 
 &lt;picture&gt;
 &lt;source
 type="image/webp"
 srcset="https://www.albertovarela.net/about-me/images/alberto-varela-2_hu_d71631afe2e94488.webp 360w,
 https://www.albertovarela.net/about-me/images/alberto-varela-2_hu_f85f2a2044ddcf02.webp 640w,
 https://www.albertovarela.net/about-me/images/alberto-varela-2_hu_350b00ec8512994c.webp 800w"
 /&gt;
 &lt;source
 type="image/jpeg"
 srcset="https://www.albertovarela.net/about-me/images/alberto-varela-2_hu_7ce42ebaedfe2d0a.jpg 360w,
 https://www.albertovarela.net/about-me/images/alberto-varela-2_hu_bf66ffea10996cbb.jpg 640w,
 https://www.albertovarela.net/about-me/images/alberto-varela-2_hu_a4471353d8e15941.jpg 800w"
 /&gt;
 &lt;img
 src="https://www.albertovarela.net/about-me/images/alberto-varela-2_hu_a4471353d8e15941.jpg"
 alt="Alberto Varela"
 style="aspect-ratio: 800 / 450"
 /&gt;
 &lt;/picture&gt;
 
 
&lt;/p&gt;
&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;I like to&lt;/strong&gt; work in agile teams where I can &lt;strong&gt;participate and help at every stage of product development&lt;/strong&gt;. I&amp;rsquo;ve worked with several technologies and frameworks (both backend and frontend), and I&amp;rsquo;ve implemented continuous integration and continuous deployment pipelines in several projects. I also have experience heading the development department in a small start-up, but currently prefer the individual contributor path.&lt;/p&gt;</description></item><item><title>Antifa &amp; Dev Fashion Store</title><link>https://www.albertovarela.net/shop/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/shop/</guid><description/></item><item><title>Page Not Found - Error 404</title><link>https://www.albertovarela.net/404/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/404/</guid><description/></item><item><title>Projects</title><link>https://www.albertovarela.net/projects/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/projects/</guid><description/></item><item><title>Sidr</title><link>https://www.albertovarela.net/sidr/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.albertovarela.net/sidr/</guid><description>&lt;p&gt;






&lt;p class="content-img"&gt;
 
 &lt;picture&gt;
 &lt;source
 type="image/webp"
 srcset="https://www.albertovarela.net/sidr/images/screenshots_hu_b4b8d32458ee41bf.webp 360w,
 https://www.albertovarela.net/sidr/images/screenshots_hu_2e02cfac2730096c.webp 640w,
 https://www.albertovarela.net/sidr/images/screenshots_hu_d9b2636ea1731b40.webp 800w"
 /&gt;
 &lt;source
 type="image/jpeg"
 srcset="https://www.albertovarela.net/sidr/images/screenshots_hu_5742663783632294.png 360w,
 https://www.albertovarela.net/sidr/images/screenshots_hu_b535d0ee8d2e6a03.png 640w,
 https://www.albertovarela.net/sidr/images/screenshots_hu_bca0603b4827536c.png 800w"
 /&gt;
 &lt;img
 src="https://www.albertovarela.net/sidr/images/screenshots_hu_bca0603b4827536c.png"
 alt="Sidr effect preview image"
 style="aspect-ratio: 800 / 195"
 /&gt;
 &lt;/picture&gt;
 
 
&lt;/p&gt;
&lt;/p&gt;
&lt;p&gt;You will be able to create multiple &lt;em&gt;sidrs&lt;/em&gt; on both sides of your web to make responsives menus (or not, it works perfectly on desktop too).
It uses CSS3 transitions (and fallbacks to &lt;code&gt;$.animate&lt;/code&gt; with older browsers) and it supports multiple source types.&lt;/p&gt;
&lt;h2 id="get-started"&gt;Get started&lt;/h2&gt;
&lt;p&gt;Like any other plugin, you must include it after the jQuery script. For a better performance load them at the bottom of your page or in an asynchronous way.&lt;/p&gt;</description></item></channel></rss>