<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>The Nayed Blog: Nayed Saïd Ali&apos;s personal blog</title><description>20-something developer ranting about stuff he doesn&apos;t grasp.</description><link>https://nayed.blog/</link><language>en</language><item><title>Should (web) developers design?</title><link>https://nayed.blog/2019/should-developers-design/</link><guid isPermaLink="true">https://nayed.blog/2019/should-developers-design/</guid><description>Young Programmer Hears “I Hate CSS” Once Too Often</description><pubDate>Mon, 15 Apr 2019 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Throughout my still young career I’ve heard plenty of time stuff like “eww CSS”
“I hate CSS” “I can’t design” when talking design with developers and I…&lt;/p&gt;
&lt;figure class=&quot;figure&quot;&gt;&lt;img class=&quot;photo&quot; src=&quot;https://nayed.blog/_astro/obama-what.XN2bBYqf.gif&quot; width=&quot;480&quot; height=&quot;350&quot; alt=&quot;Barack Obama squinting in disbelief&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; data-zoom data-full-width=&quot;480&quot;&gt;&lt;figcaption class=&quot;caption&quot;&gt;&lt;b&gt;Bewilderment.&lt;/b&gt; &lt;i&gt;The writer’s face, approximately, on hearing “I hate CSS.”&lt;/i&gt;&lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;This. This is something I don’t get. Because one of the main reason why I’m in
this industry is because 10 years-old-Nayed saw websites that were so awesome he
knew that this is what he wanted to do when growing up. So I’m always wondering
how can people want to work as a &lt;del&gt;software&lt;/del&gt; &lt;del&gt;enginer&lt;/del&gt; web developer without
liking the design part of the job? Yo how did you end up here, don’t tell me
it’s because younger you saw databases transactions or tree algorithms and you
were in such awe that it was your call to be a web developer.&lt;/p&gt;
&lt;p&gt;So as you can guess, this is a very opiniated post.&lt;/p&gt;
&lt;h2 id=&quot;should-web-developers-design&quot;&gt;Should (web) developers design?&lt;/h2&gt;
&lt;p&gt;For me, it’s a yes. Definitely. But when I’m talking design, I’m not saying devs
should know how to use Photoshop/Sketch/Figma/[insert your favorite design app].
Or not saying they should know how to design
&lt;a href=&quot;https://www.awwwards.com&quot;&gt;Awwwards&lt;/a&gt; level. Nope. That’s not even the same job.
All I’m saying is devs should know basic CSS stuff, how to not make your users
run away of your website because of bad design decision and you should be proud
of your design.&lt;/p&gt;
&lt;p&gt;I am not a designer but I believe the design is an important step of the
website. It’s how you want people to see what you have envisioned. I know this
is not a simple task but I always try to have different design website to
website. Not to brag (again, I’m not a designer), here are some of my latest
open source toy project:&lt;/p&gt;
&lt;figure class=&quot;exhibits major&quot; style=&quot;--min: 220px&quot;&gt;&lt;div class=&quot;grid&quot;&gt;&lt;div class=&quot;exhibit&quot;&gt;&lt;img src=&quot;https://nayed.blog/_astro/nayed.io.AJ18B5JY_2lMhMC.webp&quot; srcset=&quot;https://nayed.blog/_astro/nayed.io.AJ18B5JY_fgr5r.webp 400w, https://nayed.blog/_astro/nayed.io.AJ18B5JY_ZVhSaY.webp 800w, https://nayed.blog/_astro/nayed.io.AJ18B5JY_8uPg9.webp 1200w, https://nayed.blog/_astro/nayed.io.AJ18B5JY_2lMhMC.webp 1792w&quot; alt=&quot;nayed.io screenshot&quot; sizes=&quot;(min-width: 900px) 300px, 100vw&quot; data-zoom=&quot;true&quot; data-full-width=&quot;1792&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1792&quot; height=&quot;1139&quot; class=&quot;photo&quot;&gt;&lt;div class=&quot;label&quot;&gt;Exhibit A · nayed.io&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;exhibit&quot;&gt;&lt;img src=&quot;https://nayed.blog/_astro/nayed.blog.DxRHe_qu_Z1stWKy.webp&quot; srcset=&quot;https://nayed.blog/_astro/nayed.blog.DxRHe_qu_2iYiE6.webp 400w, https://nayed.blog/_astro/nayed.blog.DxRHe_qu_ORihK.webp 800w, https://nayed.blog/_astro/nayed.blog.DxRHe_qu_2l6kov.webp 1200w, https://nayed.blog/_astro/nayed.blog.DxRHe_qu_Z1stWKy.webp 1792w&quot; alt=&quot;nayed.blog screenshot&quot; sizes=&quot;(min-width: 900px) 300px, 100vw&quot; data-zoom=&quot;true&quot; data-full-width=&quot;1792&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1792&quot; height=&quot;1139&quot; class=&quot;photo&quot;&gt;&lt;div class=&quot;label&quot;&gt;Exhibit B · nayed.blog&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;exhibit&quot;&gt;&lt;img src=&quot;https://nayed.blog/_astro/pokedex.CZ7KjiWx_w9vdD.webp&quot; srcset=&quot;https://nayed.blog/_astro/pokedex.CZ7KjiWx_1DeDSH.webp 400w, https://nayed.blog/_astro/pokedex.CZ7KjiWx_Z1Hg8xV.webp 800w, https://nayed.blog/_astro/pokedex.CZ7KjiWx_Z1DmND6.webp 1200w, https://nayed.blog/_astro/pokedex.CZ7KjiWx_w9vdD.webp 1792w&quot; alt=&quot;pokedex screenshot&quot; sizes=&quot;(min-width: 900px) 300px, 100vw&quot; data-zoom=&quot;true&quot; data-full-width=&quot;1792&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1792&quot; height=&quot;1139&quot; class=&quot;photo&quot;&gt;&lt;div class=&quot;label&quot;&gt;Exhibit C · Pokédex&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption&gt;For the defence: the writer’s latest open source toy projects.&lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;I am no expert, nor trying to revolutionize the design industry, but I can say
that I’m damn proud of those design and how these website feel.&lt;/p&gt;
&lt;h2 id=&quot;the-early-years&quot;&gt;The Early Years&lt;/h2&gt;
&lt;p&gt;Off course at the beginning of my journey CSS was hard (and still is, let’s not
pretend it’s an easy programming language because it is not). Here are some of
my first websites when I was in school around 2011-2013 (I think):&lt;/p&gt;
&lt;figure class=&quot;exhibits minor&quot; style=&quot;--min: 260px&quot;&gt;&lt;div class=&quot;grid&quot;&gt;&lt;div class=&quot;exhibit&quot;&gt;&lt;img src=&quot;https://nayed.blog/_astro/quizz-sida.R2Mq-xwo_2tbaz6.webp&quot; srcset=&quot;https://nayed.blog/_astro/quizz-sida.R2Mq-xwo_Zvm9Ne.webp 400w, https://nayed.blog/_astro/quizz-sida.R2Mq-xwo_Z1Ytaaz.webp 800w, https://nayed.blog/_astro/quizz-sida.R2Mq-xwo_1czjUe.webp 1200w, https://nayed.blog/_astro/quizz-sida.R2Mq-xwo_2tbaz6.webp 1792w&quot; alt=&quot;quizz sida screenshot&quot; sizes=&quot;(min-width: 900px) 300px, 100vw&quot; data-zoom=&quot;true&quot; data-full-width=&quot;1792&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1792&quot; height=&quot;1139&quot; class=&quot;photo&quot;&gt;&lt;div class=&quot;label&quot;&gt;Quizz Sida · c. 2011&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;exhibit&quot;&gt;&lt;img src=&quot;https://nayed.blog/_astro/espacedesign.BlkVfTUM_STpgH.webp&quot; srcset=&quot;https://nayed.blog/_astro/espacedesign.BlkVfTUM_Z1hTrOr.webp 400w, https://nayed.blog/_astro/espacedesign.BlkVfTUM_oq2An.webp 800w, https://nayed.blog/_astro/espacedesign.BlkVfTUM_Z1SSjnw.webp 1200w, https://nayed.blog/_astro/espacedesign.BlkVfTUM_STpgH.webp 1792w&quot; alt=&quot;espace design&quot; sizes=&quot;(min-width: 900px) 300px, 100vw&quot; data-zoom=&quot;true&quot; data-full-width=&quot;1792&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1792&quot; height=&quot;1139&quot; class=&quot;photo&quot;&gt;&lt;div class=&quot;label&quot;&gt;Espace Design · c. 2013&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption&gt;Yeah not very attractive isn&amp;#39;t it?&lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;In french we have this proverb:&lt;/p&gt;
&lt;blockquote class=&quot;proverb&quot;&gt;&lt;p class=&quot;saying&quot; lang=&quot;fr&quot;&gt;« c’est en forgeant qu’on devient forgeron »&lt;/p&gt;&lt;p class=&quot;gloss&quot;&gt;“It’s by smithing that one becomes a blacksmith”&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;which means “practice makes perfect” (the literal translation would be “it’s by
smithing that one becomes a blacksmith”) and this is also why devs should
design. How can you expect to upgrade your design skills and your design
“sensibility” if you despise and avoid it?&lt;/p&gt;
&lt;h2 id=&quot;the-verdict&quot;&gt;The Verdict&lt;/h2&gt;
&lt;p&gt;Yes, in their own way, developers should design. Again I know this is a very
opiniated view, but for me a web developer that doesn’t want to design it’s like
a baker that doesn’t want to bake. That doesn’t make any sense.&lt;/p&gt;
&lt;p&gt;Design is the best way to show your user what you have pictured. It is the part
of the iceberg that people will see first. And let’s be honest, it feels damn
good to be proud of your own design when showing off.&lt;/p&gt;</content:encoded><category>technology</category></item><item><title>My first (React) meetup</title><link>https://nayed.blog/2019/my-first-meetup/</link><guid isPermaLink="true">https://nayed.blog/2019/my-first-meetup/</guid><description>Correspondent, Removed From Lyon to Paris, Reports on the Tech Scene</description><pubDate>Wed, 13 Feb 2019 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;It’s been almost a year since I moved to Paris and one of the reason was because
of the tech industry. Compared to back home in Lyon, here in Paris the tech
community is bigger, more vibrant and more people are involved therefore it has
more big tech conferences like &lt;a href=&quot;https://www.react-europe.org&quot;&gt;React Europe&lt;/a&gt;,
&lt;a href=&quot;https://www.dotgo.eu&quot;&gt;dotGo&lt;/a&gt; or &lt;a href=&quot;https://www.dotjs.io&quot;&gt;dotJS&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I love watching those kind of conferences on Youtube and I always wanted to
attend to one of those. Ironically, after a year in Paris I didn’t find the
&lt;del&gt;courage&lt;/del&gt; time to participate to a single one. So at the beginning of this
year I told myself “Ok Nayed, this year you are going to attend to one of those
tech gathering”.&lt;/p&gt;
&lt;p&gt;React being my main front tool for the past couple of years it was a no brainer
when I saw that there was a group called
&lt;a href=&quot;https://www.meetup.com/ReactJS-Paris&quot;&gt;ReactJS-Paris&lt;/a&gt;. I knew I had to go.&lt;br/&gt;
And here I was, attending my first tech meetup yesterday.&lt;/p&gt;
&lt;p&gt;The event was held in Algolia’s Paris office (nice office by the way). There
were two talks that night, the first one on Service Worker and Progressive Web
Apps and the second one on animation in React Native. Two good talks, I prefered
the second one because I have never tried React Native and it looked pretty
familiar to React. Nonetheless I wasn’t there for the talks, I was there for the
community. And I was there to meet people that uses React!&lt;/p&gt;
&lt;hr/&gt;
&lt;p&gt;At my previous job I was the only React dev there and so I did not have any
React related talk with any member of the team. And here, I’m finally talking to
people IRL about React. I heard what they were building with it, heard their
experiences and all and share mines! That was a really fun experience!&lt;/p&gt;
&lt;p&gt;Before going to the meeting, I don’t know why but I thought that there will be
only big-grey-beard-with-15-years-of-exp developers (yes I know that so
&lt;em&gt;cliché&lt;/em&gt;) and I will be &lt;em&gt;Mr N00b&lt;/em&gt; (… I feel stupid thinking like that). Off
course that was not the case. People from all kind of experiences were there.&lt;/p&gt;
&lt;p&gt;I talk for about 30min to a guy who was neither working with React nor React
Native, he was a game developer looking to switch to the web world. Having
worked in a mobile video game startup recently (as a fullstack web developer,
not a game developer) I understood his motives for switching industry and I was
confident to guide him. And I think I was pretty good.&lt;/p&gt;
&lt;p&gt;Another thing that I enjoyed was the demographic of the attendees. Since my
first programming courses back in 2011 to now I interacted with one fellow
brother at school, another one at work, two girls at school and none at work!
(In 8 years! Yo how is that even possible???) And here I was meeting with a
dozen of developers from minorities. That was unexpected! I have to say I was
pleasantly surprised. Needless to say, I was hooked to attend another meeting!&lt;/p&gt;
&lt;p&gt;Yep, I’m definitly sure that I will attend another meeting, maybe the next
ReactJS-Paris, maybe another tech-related one or maybe a non tech-related
meetup, who knows. And I &lt;del&gt;hope&lt;/del&gt; will &lt;del&gt;try to&lt;/del&gt; attend my first tech
conference this year. Yep, this is the year where I will try to connect to the
tech community.&lt;/p&gt;
&lt;hr/&gt;
&lt;p&gt;Another thing that is on my todo list, not really related to this article, is to
participate to the open source community this year by making pull requests to
projects that I use. I’m so glad to be working in this decade where &lt;del&gt;almost&lt;/del&gt;
everything is free/open sourced. I want to give back to this community.&lt;br/&gt;
I have so much respect for developers that are actively commiting to the OS
world and I aspire to be one of them, someday.&lt;/p&gt;
&lt;p&gt;To wrap things up, this year is the year where I will finally reach the tech
community 😊.&lt;/p&gt;</content:encoded><category>technology</category></item><item><title>Origin story</title><link>https://nayed.blog/2019/origin-story/</link><guid isPermaLink="true">https://nayed.blog/2019/origin-story/</guid><description>Fourth Blog in Six Years Declared, at Last, the Serious One</description><pubDate>Tue, 05 Feb 2019 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Alright. I think this is the 4th time in 6 years that I’m starting a new blog.
But this time, this is it. This time I’ll be serious about blogging. I took
several days for learning &lt;a href=&quot;https://gatsbyjs.org&quot;&gt;Gatsby&lt;/a&gt;, for designing and for
coding this blog. I bought this kickass nayed.blog domain name. I already have
several posts idea for this blog. Yep, everything is set for me to finally blog.
For real.&lt;br/&gt;
Welcome to my blog. My name is Nayed Saïd Ali and I’ll be talking about tech
stuff and other non-related tech stuff.&lt;/p&gt;
&lt;p&gt;But what I like to start as a first post is my story. Here it is.&lt;/p&gt;
&lt;hr/&gt;
&lt;figure class=&quot;map&quot;&gt;&lt;svg viewBox=&quot;0 0 560 470&quot; width=&quot;560&quot; height=&quot;470&quot; role=&quot;img&quot; aria-label=&quot;Map of the Comoros archipelago between the African coast and Madagascar, marking Moroni, where the author was born, and Mayotte, where he grew up&quot; class=&quot;drawing&quot;&gt;
&lt;style&gt;.pp{fill:var(--paper,#F1EADB)}.lbl{font-family:&apos;Old Standard TT&apos;,serif;fill:currentColor}.sm{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.it{font-style:italic}.bd{font-weight:700}&lt;/style&gt;
&lt;defs&gt;
&lt;clipPath id=&quot;inner-comoros&quot;&gt;&lt;rect x=&quot;6&quot; y=&quot;6&quot; width=&quot;548&quot; height=&quot;458&quot; /&gt;&lt;/clipPath&gt;
&lt;pattern id=&quot;sea-comoros&quot; width=&quot;7&quot; height=&quot;7&quot; patternUnits=&quot;userSpaceOnUse&quot;&gt;&lt;path d=&quot;M0 3.5 H7&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.6&quot; opacity=&quot;0.4&quot; /&gt;&lt;/pattern&gt;
&lt;/defs&gt;
&lt;rect x=&quot;1&quot; y=&quot;1&quot; width=&quot;558&quot; height=&quot;468&quot; fill=&quot;url(#sea-comoros)&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.5&quot; /&gt;
&lt;rect x=&quot;6&quot; y=&quot;6&quot; width=&quot;548&quot; height=&quot;458&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.8&quot; /&gt;
&lt;g clip-path=&quot;url(#inner-comoros)&quot;&gt;
&lt;path d=&quot;M0.0 0.0 L72.5 0.0 L76.4 8.0 L66.6 40.0 L78.4 72.0 L88.2 96.0 L105.8 118.0 L111.7 148.0 L115.6 188.0 L113.7 220.0 L119.6 252.0 L115.6 284.0 L123.5 304.0 L101.9 340.0 L90.2 352.0 L62.7 376.0 L0.0 408.0 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.6&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;path d=&quot;M457.1 182.0 L470.4 208.0 L484.1 240.0 L493.9 280.0 L504.9 320.0 L497.8 348.0 L480.2 368.0 L470.4 408.0 L466.5 440.0 L454.7 472.0 L443.0 504.0 L431.2 528.0 L392.0 528.0 L266.6 528.0 L258.7 496.0 L264.6 460.0 L250.9 424.0 L252.8 388.0 L268.5 352.0 L301.8 342.0 L341.0 332.0 L372.4 304.0 L390.0 288.0 L403.8 264.0 L419.4 244.0 L437.1 220.0 L444.9 200.0 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.6&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;/g&gt;
&lt;path d=&quot;M231.2 169.1 L230.1 163.4 L227.4 160.5 L224.8 156.0 L222.6 159.3 L219.8 159.8 L219.7 165.6 L219.6 170.9 L220.8 176.6 L223.4 179.5 L226.0 184.0 L228.2 180.7 L231.0 180.3 L231.1 174.4 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.3&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;path d=&quot;M248.9 195.2 L248.3 193.8 L245.3 193.3 L242.7 192.3 L239.3 193.4 L235.5 193.8 L234.3 195.4 L233.2 196.8 L233.9 198.2 L236.9 198.7 L239.5 199.7 L242.9 198.6 L246.7 198.2 L247.8 196.6 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.3&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;path d=&quot;M272.8 189.0 L271.2 187.2 L268.4 187.6 L265.6 187.2 L263.8 189.9 L261.1 191.7 L261.5 194.3 L261.8 196.7 L263.5 198.4 L266.3 198.0 L269.1 198.4 L270.9 195.7 L273.6 193.9 L273.2 191.3 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.3&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;path d=&quot;M299.8 217.6 L300.2 214.5 L299.1 212.5 L298.4 209.7 L296.3 210.9 L294.5 210.5 L293.2 213.4 L292.1 216.0 L291.7 219.1 L292.8 221.1 L293.6 223.8 L295.6 222.7 L297.5 223.1 L298.7 220.2 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.3&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;path d=&quot;M221.9 166.0 L223.3 170.6 L227.9 172.0 L223.3 173.4 L221.9 178.0 L220.5 173.4 L215.9 172.0 L220.5 170.6 Z&quot; fill=&quot;currentColor&quot; /&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;211.9&quot; y=&quot;176.0&quot; text-anchor=&quot;end&quot; font-size=&quot;13&quot;&gt;Moroni&lt;/text&gt;
&lt;text class=&quot;lbl sm&quot; x=&quot;211.9&quot; y=&quot;190.0&quot; text-anchor=&quot;end&quot; font-size=&quot;9&quot;&gt;born 1992&lt;/text&gt;
&lt;circle cx=&quot;296.0&quot; cy=&quot;216.8&quot; r=&quot;13&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.2&quot; stroke-dasharray=&quot;3 2.5&quot; /&gt;
&lt;text class=&quot;lbl bd&quot; x=&quot;314.0&quot; y=&quot;218.8&quot; text-anchor=&quot;start&quot; font-size=&quot;15&quot;&gt;Mayotte&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;314.0&quot; y=&quot;232.8&quot; text-anchor=&quot;start&quot; font-size=&quot;11&quot;&gt;the first eight years&lt;/text&gt;
&lt;text class=&quot;lbl bd sm&quot; x=&quot;248.9&quot; y=&quot;144.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;13&quot;&gt;COMOROS&lt;/text&gt;
&lt;text class=&quot;lbl bd sm&quot; x=&quot;62.7&quot; y=&quot;208.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;14&quot;&gt;AFRICA&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;58.8&quot; y=&quot;232.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot;&gt;Mozambique&lt;/text&gt;
&lt;text class=&quot;lbl bd sm&quot; x=&quot;392.0&quot; y=&quot;400.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;14&quot;&gt;MADAGASCAR&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;294.0&quot; y=&quot;312.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot;&gt;Mozambique Channel&lt;/text&gt;
&lt;text class=&quot;lbl sm&quot; x=&quot;274.4&quot; y=&quot;48.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot;&gt;INDIAN OCEAN&lt;/text&gt;
&lt;g transform=&quot;translate(514 52)&quot; aria-hidden=&quot;true&quot;&gt;
&lt;path d=&quot;M0 -20 L4 -4 L0 0 L-4 -4 Z&quot; fill=&quot;currentColor&quot; /&gt;&lt;path d=&quot;M0 20 L4 4 L0 0 L-4 4 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; /&gt;
&lt;path d=&quot;M-14 0 H14&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.8&quot; /&gt;
&lt;text class=&quot;lbl bd&quot; x=&quot;0&quot; y=&quot;-25&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot;&gt;N&lt;/text&gt;
&lt;/g&gt;
&lt;g transform=&quot;translate(542 452)&quot;&gt;
&lt;rect x=&quot;-176&quot; y=&quot;-46&quot; width=&quot;176&quot; height=&quot;46&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; /&gt;
&lt;rect x=&quot;-172&quot; y=&quot;-42&quot; width=&quot;168&quot; height=&quot;38&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.6&quot; /&gt;
&lt;text class=&quot;lbl bd sm&quot; x=&quot;-88.0&quot; y=&quot;-27.0&quot; text-anchor=&quot;middle&quot;&gt;Fig. 1 · The Islands&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;-88.0&quot; y=&quot;-12.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot;&gt;where our correspondent began&lt;/text&gt;
&lt;/g&gt;
&lt;/svg&gt;&lt;figcaption&gt;&lt;b&gt;The Islands.&lt;/b&gt; &lt;i&gt;Comoros, between the coast of Africa and Madagascar: Moroni, and Mayotte across the water.&lt;/i&gt;&lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;I was born February 6, 1992, in a little archipelago between Africa and
Madagascar called &lt;a href=&quot;https://en.wikipedia.org/wiki/Comoros&quot;&gt;Comoros&lt;/a&gt;. Born in
&lt;a href=&quot;https://en.wikipedia.org/wiki/Moroni,_Comoros&quot;&gt;Moroni&lt;/a&gt; the capital city of
Comoros. But actually I did not lived there, you see Comoros are made of 4
islands and I lived the first 8 years of my life on the island of
&lt;a href=&quot;https://en.wikipedia.org/wiki/Mayotte&quot;&gt;Mayotte&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I lived a quiet and peaceful life there, without knowing the cold, the pollution
or other #FirstWorldProblem /s.&lt;br/&gt;
I had a fantastic childhood there. I remember playing outside with friends and
playing at home hours and hours of Tomb Raider, Crash Bandicoot, Tekken and
other 90s games on the PlayStation. Yep, a very basic childhood in the 90’s.
When I was playing the Ps1, I remember asking my parents and other relatives HOW
video games were made. It was so fascinating it seemed almost magical. And I
think it’s at that time that I begun my interest in computers. There was an
Internet café that openned across the street and I was mesmerized by those
little bright interactive tv-box-thing…&lt;/p&gt;
&lt;p&gt;Then in late 2000 we moved to France (not my first time there, we travelled
quite a lot in my childhood) in
&lt;a href=&quot;https://en.wikipedia.org/wiki/Marseille&quot;&gt;Marseille&lt;/a&gt;. We did not stay there very
long, less than a year.&lt;/p&gt;
&lt;figure class=&quot;map&quot;&gt;&lt;svg viewBox=&quot;0 0 520 520&quot; width=&quot;520&quot; height=&quot;520&quot; role=&quot;img&quot; aria-label=&quot;Map of France tracing the author from Marseille, to Lyon, his hometown from age nine to twenty-six, and on to Paris&quot; class=&quot;drawing&quot;&gt;
&lt;style&gt;.pp{fill:var(--paper,#F1EADB)}.lbl{font-family:&apos;Old Standard TT&apos;,serif;fill:currentColor}.sm{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.it{font-style:italic}.bd{font-weight:700}&lt;/style&gt;
&lt;defs&gt;
&lt;clipPath id=&quot;inner-france&quot;&gt;&lt;rect x=&quot;6&quot; y=&quot;6&quot; width=&quot;508&quot; height=&quot;508&quot; /&gt;&lt;/clipPath&gt;
&lt;pattern id=&quot;sea-france&quot; width=&quot;7&quot; height=&quot;7&quot; patternUnits=&quot;userSpaceOnUse&quot;&gt;&lt;path d=&quot;M0 3.5 H7&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.6&quot; opacity=&quot;0.4&quot; /&gt;&lt;/pattern&gt;
&lt;/defs&gt;
&lt;rect x=&quot;1&quot; y=&quot;1&quot; width=&quot;518&quot; height=&quot;518&quot; fill=&quot;url(#sea-france)&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.5&quot; /&gt;
&lt;rect x=&quot;6&quot; y=&quot;6&quot; width=&quot;508&quot; height=&quot;508&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.8&quot; /&gt;
&lt;path d=&quot;M264.0 26.4 L271.6 28.8 L291.5 40.8 L324.6 64.8 L346.1 69.6 L346.1 86.4 L377.6 98.4 L397.4 103.2 L417.3 117.6 L457.1 126.2 L443.8 148.8 L437.2 192.0 L417.3 199.2 L397.4 223.2 L387.5 259.2 L410.7 249.6 L417.3 273.6 L404.1 312.0 L417.3 321.6 L414.0 345.6 L433.9 375.4 L426.3 379.2 L404.1 403.2 L381.9 409.0 L363.3 399.4 L346.1 394.6 L324.6 390.2 L304.7 398.4 L286.5 417.6 L290.5 439.7 L261.6 440.6 L241.8 436.8 L208.7 422.4 L175.5 420.0 L139.1 410.4 L126.5 395.0 L135.8 384.0 L144.1 336.0 L146.7 292.8 L150.7 285.6 L145.7 261.6 L125.9 244.8 L114.3 225.6 L112.6 207.8 L92.7 196.8 L69.6 187.2 L41.4 182.4 L28.2 170.9 L39.7 158.4 L27.5 153.6 L33.1 144.0 L53.0 138.2 L79.5 132.0 L102.7 144.0 L119.2 141.6 L135.8 142.6 L132.5 115.2 L124.2 91.2 L143.7 92.6 L149.0 105.6 L173.9 109.0 L188.8 102.2 L195.4 91.2 L221.2 80.2 L238.5 67.2 L238.5 41.8 L246.7 31.2 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.6&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;path d=&quot;M496.8 412.8 L501.8 432.0 L496.8 463.2 L490.2 489.6 L476.9 480.0 L470.3 463.2 L470.3 444.0 L486.9 427.2 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.3&quot; stroke-linejoin=&quot;round&quot; /&gt;
&lt;path d=&quot;M363.3 398.4 C381.3 348.4 367.4 320.3 345.4 288.3&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.4&quot; stroke-dasharray=&quot;5 4&quot; /&gt;
&lt;path d=&quot;M341.4 272.3 C325.4 230.3 293.3 171.5 267.3 139.5&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.1&quot; stroke-dasharray=&quot;2 4&quot; opacity=&quot;0.8&quot; /&gt;
&lt;circle cx=&quot;363.3&quot; cy=&quot;398.4&quot; r=&quot;3.2&quot; fill=&quot;currentColor&quot; /&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;355.3&quot; y=&quot;414.4&quot; text-anchor=&quot;end&quot; font-size=&quot;13&quot;&gt;Marseille&lt;/text&gt;
&lt;text class=&quot;lbl sm&quot; x=&quot;355.3&quot; y=&quot;427.4&quot; text-anchor=&quot;end&quot; font-size=&quot;9&quot;&gt;2000–01&lt;/text&gt;
&lt;path d=&quot;M345.4 271.3 L347.5 278.3 L354.4 280.3 L347.5 282.4 L345.4 289.3 L343.4 282.4 L336.4 280.3 L343.4 278.3 Z&quot; fill=&quot;currentColor&quot; /&gt;
&lt;text class=&quot;lbl bd&quot; x=&quot;359.4&quot; y=&quot;278.3&quot; text-anchor=&quot;start&quot; font-size=&quot;20&quot;&gt;LYON&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;359.4&quot; y=&quot;293.3&quot; text-anchor=&quot;start&quot; font-size=&quot;12&quot;&gt;home, 2001–2018&lt;/text&gt;
&lt;circle cx=&quot;263.3&quot; cy=&quot;131.5&quot; r=&quot;3.2&quot; fill=&quot;currentColor&quot; /&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;272.3&quot; y=&quot;125.5&quot; text-anchor=&quot;start&quot; font-size=&quot;13&quot;&gt;Paris&lt;/text&gt;
&lt;text class=&quot;lbl sm&quot; x=&quot;272.3&quot; y=&quot;138.5&quot; text-anchor=&quot;start&quot; font-size=&quot;9&quot;&gt;now&lt;/text&gt;
&lt;text class=&quot;lbl bd sm&quot; x=&quot;235.2&quot; y=&quot;230.4&quot; text-anchor=&quot;middle&quot; font-size=&quot;15&quot;&gt;FRANCE&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;43.1&quot; y=&quot;292.8&quot; text-anchor=&quot;middle&quot; font-size=&quot;13&quot;&gt;Atlantic&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;357.7&quot; y=&quot;451.2&quot; text-anchor=&quot;middle&quot; font-size=&quot;13&quot;&gt;Mediterranean&lt;/text&gt;
&lt;g transform=&quot;translate(46 52)&quot; aria-hidden=&quot;true&quot;&gt;
&lt;path d=&quot;M0 -20 L4 -4 L0 0 L-4 -4 Z&quot; fill=&quot;currentColor&quot; /&gt;&lt;path d=&quot;M0 20 L4 4 L0 0 L-4 4 Z&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; /&gt;
&lt;path d=&quot;M-14 0 H14&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.8&quot; /&gt;
&lt;text class=&quot;lbl bd&quot; x=&quot;0&quot; y=&quot;-25&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot;&gt;N&lt;/text&gt;
&lt;/g&gt;
&lt;g transform=&quot;translate(502 502)&quot;&gt;
&lt;rect x=&quot;-176&quot; y=&quot;-46&quot; width=&quot;176&quot; height=&quot;46&quot; class=&quot;pp&quot; stroke=&quot;currentColor&quot; /&gt;
&lt;rect x=&quot;-172&quot; y=&quot;-42&quot; width=&quot;168&quot; height=&quot;38&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;0.6&quot; /&gt;
&lt;text class=&quot;lbl bd sm&quot; x=&quot;-88.0&quot; y=&quot;-27.0&quot; text-anchor=&quot;middle&quot;&gt;Fig. 2 · The Mainland&lt;/text&gt;
&lt;text class=&quot;lbl it&quot; x=&quot;-88.0&quot; y=&quot;-12.0&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot;&gt;Marseille, Lyon, and Paris&lt;/text&gt;
&lt;/g&gt;
&lt;/svg&gt;&lt;figcaption&gt;&lt;b&gt;The Mainland.&lt;/b&gt; &lt;i&gt;Marseille, then Lyon, then, much later, Paris.&lt;/i&gt;&lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;And then we moved to the city I consider it to be my hometown, my spot, my
hills, my heaven, my hood: &lt;a href=&quot;https://en.wikipedia.org/wiki/Lyon&quot;&gt;Lyon&lt;/a&gt;. (Yes I’m
a very proud &lt;em&gt;lyonnais&lt;/em&gt;).&lt;br/&gt;
I stayed there from 9 to 26 years-old. Those 17 years were incredible. It’s the
end of my childhood, all of my teenagehood and the beginning of my adulthood.&lt;/p&gt;
&lt;p&gt;And this is were one of my big passion has its roots. From elementary school to
high school I saw the football team of my city,
l’&lt;a href=&quot;https://en.wikipedia.org/wiki/Olympique_Lyonnais&quot;&gt;Olympique Lyonnais&lt;/a&gt; win 7
successive domestic titles (a record in France.. and maybe in Europe?). I
remember every big wins and wins and losses. I saw them beating some of the best
european teams like Manchester United or Bayern Munich and humiliating Real
Madrid for years and years (3-0, 2-0, 1-0, and in round of 16). It was so good.
And I was angry and sad when they lost the most important games in the Champions
League. Well you probably get the idea. This is my favorite football team.&lt;/p&gt;
&lt;p&gt;In the meantime, I had my first computer at 11 years old in 2003. An awesome
Packard Bell that lasted 8 years, which for today electronic device seems like
an eternity. With it, oh boy, I have so many hours of play-time. I don’t play a
lot of different games, but when I choose a game it’s for 1000’s hours. Mostly
on this bad boy, I played Rappelz (a korean MMORPG), Trackmania, Civilization,
GTA San Andreas and you can already guess my favorite game: FIFA.&lt;/p&gt;
&lt;p&gt;Like every teens of my generation, the internet was my playground. We stayed
hours chatting on MSN, laughing at memes and watching funny and dumb videos on
Dailymotion and later Youtube. Everyone of us had a Skyblog (a kind of french
tumblr) or a MySpace (I did not have one, and never ‘got it’). And all of a
sudden, Facebook was THE thing to have (funny to see how less and less of my
friends are using it now..).&lt;/p&gt;
&lt;p&gt;Alright let’s go back in time a little bit. We are somewhere between 2005
and 2006. Maybe sooner maybe later I don’t recall. At that time I encoutered a
website that will change my life and is one of the main reason why I have chosen
to be a web developer.&lt;/p&gt;
&lt;p&gt;You know how people says that Apple revolutionized the smartphone industry
right? So who revolutionized the web industry? Do you remember how websites
looked like in 2000-2010? Basically, it was kind of like looking at.. documents?
And you were scrolling pages til the end unless there was a link to click on to
open that will redirect you to an another document to scroll etc. So how were we
able to move from that era to interactive website, live-streaming content and
360° videos?&lt;/p&gt;
&lt;p&gt;For me, there is this website that blew my mind (and honestly I will not be
surprised to hear if that was also the case for the web industry). This website
is.. &lt;a href=&quot;https://earth.google.com/web/&quot;&gt;Google Earth&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Remember, I mean remember! Almost all of the websites looked like documents with
some colors, pictures and links. And then there was Google Earth. YO THIS SHIT
WAS LIT 🔥🔥🔥 (and still is). You could see the Earth, rotate it, zoom to some
random area in the world and just, play around. It was as interactive as.. as a
video game in a web browser! This was my second HOW did they made it???&lt;br/&gt;
That’s it. This. Right there. I wanna make some awesome cool stuff on the web
when I’ll be an adult. This was my calling to become a web developer.
Definitely.&lt;/p&gt;
&lt;p&gt;And here I am, after years of programming at school and several internships, I
moved from Lyon to Paris, to be closer to companies that influences the internet
and to fulfill my dream.&lt;/p&gt;
&lt;p&gt;So welcome to my blog. My name is Nayed Saïd Ali and I’ll be talking about tech
stuff and other non-related tech stuff.&lt;/p&gt;</content:encoded><category>life</category></item></channel></rss>