<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>HTML on Antoine Boucher</title><link>https://antoineboucher.info/CV/blog/tags/html/</link><description>Recent content in HTML on Antoine Boucher</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Sat, 10 Sep 2022 10:00:00 -0400</lastBuildDate><atom:link href="https://antoineboucher.info/CV/blog/tags/html/index.xml" rel="self" type="application/rss+xml"/><item><title>Creating a professional résumé with JSON Resume</title><link>https://antoineboucher.info/CV/blog/posts/professional-resume-json-resume/</link><pubDate>Sat, 10 Sep 2022 10:00:00 -0400</pubDate><guid>https://antoineboucher.info/CV/blog/posts/professional-resume-json-resume/</guid><description>&lt;h2 id="introduction"&gt;Introduction&lt;/h2&gt;
&lt;p&gt;In today&amp;rsquo;s digital world, having an online resume is crucial for showcasing your professional profile. One effective way to create an online resume is by using the JSON Resume npm package. This package allows you to write your resume in JSON and then export it to various formats such as HTML, PDF, or even integrate it into your personal website.&lt;/p&gt;
&lt;h2 id="json-resume-format"&gt;JSON Resume Format&lt;/h2&gt;
&lt;p&gt;JSON Resume is a community-driven open-source initiative to create a JSON-based standard for resumes. The format is lightweight and easy to use, making it perfect for building tools around it.&lt;/p&gt;</description></item><item><title>CodePen demos (collection)</title><link>https://antoineboucher.info/CV/blog/posts/codepen-demos-antoinebou13/</link><pubDate>Tue, 10 Jan 2017 10:00:00 -0400</pubDate><guid>https://antoineboucher.info/CV/blog/posts/codepen-demos-antoinebou13/</guid><description>&lt;p&gt;Small experiments on &lt;strong&gt;CodePen&lt;/strong&gt; (live embeds below) plus standalone write-ups that used to be separate posts—jQuery/CSS patterns, &lt;code&gt;getDisplayMedia&lt;/code&gt;, and other front-end notes—gathered here for one bookmark.&lt;/p&gt;
&lt;h2 id="small-pens"&gt;Small pens&lt;/h2&gt;
&lt;h3 id="bmdzwx"&gt;BMdzwx&lt;/h3&gt;
&lt;div class="not-prose my-6 w-full overflow-hidden rounded-lg border border-black/10 dark:border-white/10"&gt;
 &lt;iframe
 title="CodePen embed"
 src="https://codepen.io/antoinebou13/embed/BMdzwx?default-tab=result"
 style="width:100%; height: 420px;"
 loading="lazy"
 allowfullscreen="true"
 &gt;&lt;/iframe&gt;
&lt;/div&gt;

&lt;p&gt;&lt;a href="https://codepen.io/antoinebou13/pen/BMdzwx"&gt;Open on CodePen&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="details-view-xmxnyy"&gt;Details view (xMXNyy)&lt;/h3&gt;
&lt;div class="not-prose my-6 w-full overflow-hidden rounded-lg border border-black/10 dark:border-white/10"&gt;
 &lt;iframe
 title="CodePen embed"
 src="https://codepen.io/antoinebou13/embed/xMXNyy?default-tab=result"
 style="width:100%; height: 420px;"
 loading="lazy"
 allowfullscreen="true"
 &gt;&lt;/iframe&gt;
&lt;/div&gt;

&lt;p&gt;&lt;a href="https://codepen.io/antoinebou13/details/xMXNyy"&gt;Open on CodePen&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="jxrqqx"&gt;JxrqQx&lt;/h3&gt;
&lt;div class="not-prose my-6 w-full overflow-hidden rounded-lg border border-black/10 dark:border-white/10"&gt;
 &lt;iframe
 title="CodePen embed"
 src="https://codepen.io/antoinebou13/embed/JxrqQx?default-tab=result"
 style="width:100%; height: 420px;"
 loading="lazy"
 allowfullscreen="true"
 &gt;&lt;/iframe&gt;
&lt;/div&gt;

&lt;p&gt;&lt;a href="https://codepen.io/antoinebou13/pen/JxrqQx"&gt;Open on CodePen&lt;/a&gt;&lt;/p&gt;</description></item></channel></rss>