Help
RSS
API
Feed
Maltego
Contact
Domain > fabien-d.github.io
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2014-02-27
199.27.74.133
(
ClassC
)
2014-04-17
199.27.72.133
(
ClassC
)
2014-04-19
199.27.73.133
(
ClassC
)
2014-12-04
23.235.39.133
(
ClassC
)
2015-03-28
199.27.75.133
(
ClassC
)
2024-07-07
185.199.110.153
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyConnection: keep-aliveContent-Length: 162Server: GitHub.comContent-Type: text/htmlpermissions-policy: interest-cohort()Location: https://fabien-d.github.io/X-GitHub-Request-Id: DB1F:1F306B:108E60A:113F9A5:668AFFACAccept-Ranges: bytesAge: 0Date: Sun, 07 Jul 2024 20:50:52 GMTVia: 1.1 varnishX-Served-By: cache-bfi-krnt7300029-BFIX-Cache: MISSX-Cache-Hits: 0X-Timer: S1720385453.672320,VS0,VE60Vary: Accept-EncodingX-Fastly-Request-ID: 52cba060ea1c0404d3d9206ce6f3a00d11ab1dd6 html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>nginx/center>/body>/html>
Port 443
HTTP/1.1 200 OKConnection: keep-aliveContent-Length: 8571Server: GitHub.comContent-Type: text/html; charsetutf-8permissions-policy: interest-cohort()Last-Modified: Wed, 03 Apr 2024 12:26:15 GMTAccess-Control-Allow-Origin: *ETag: 660d4ae7-217bexpires: Sun, 07 Jul 2024 21:00:52 GMTCache-Control: max-age600x-proxy-cache: MISSX-GitHub-Request-Id: 9DA7:2071D6:109BC00:114CD31:668AFFABAccept-Ranges: bytesAge: 0Date: Sun, 07 Jul 2024 20:50:52 GMTVia: 1.1 varnishX-Served-By: cache-bfi-krnt7300119-BFIX-Cache: MISSX-Cache-Hits: 0X-Timer: S1720385453.783557,VS0,VE82Vary: Accept-EncodingX-Fastly-Request-ID: 55ca5af569f66a47d2bd60c3a24717b4ac688d23 !DOCTYPE html>html> head> meta charsetutf-8 /> title>Fabien Doiron, Senior front-end developer/title> meta namedescription contentOnline portfolio of senior front-end developer Fabien Doiron /> meta nameviewport contentwidthdevice-width /> link hrefhttps://fonts.googleapis.com/css2?familyWork+Sans:wght@400;700&displayswap relstylesheet /> link relstylesheet hrefassets/css/styles.min.css /> script idpc-embed-ol5kfn4g85r3 classpagecloud async srchttps://embeds.page.cloud/ol5kfn4g85r3.js>/script> /head> body classfont-body p-8 bg-background text-20 leading-relaxed text-foreground > header> nav classblock mb-10> ul classsm:flex items-center> li classsm:flex-1> Fabien Doiron /li> li>a classunderline href#about-me>About/a>/li> li classsm:ml-8>a classunderline href#work>Work/a>/li> li classsm:ml-8> a classunderline href#reach-me>Contact/a> /li> /ul> /nav> div classmax-w-6xl mx-auto sm:text-center mb-16 sm:mb-24 md:mb-56 xl:mb-64 sm:mt-16 md:mt-40 xl:mt-56 > h1 classleading-tight text-36 sm:text-48 md:text-64 font-bold> span classtext-18 sm:text-24 md:text-30 block font-normal> Senior front-end developer /span> I write accessible, performant, reusable, tested code. /h1> /div> /header> main> section idabout-me classmb-10 md:mb-24 max-w-4xl mx-auto> h2 classfont-bold text-30 sm:text-48 leading-tight mb-6 sm:mb-10> My journey /h2> p classmb-6> My first taste of programming happened in high school back in 2001. I remember being fascinated by what could be achieved writing code. /p> p classmb-6> In the summer of 2003, I received a life-changing invite to play baseball for a hrefhttps://durhamcollege.ca/ classunderline >Durham College/a >. I immediately researched the school and the programs it offered. I got to the “Web Developer” program and got flashbacks of my high school programming class. Two months later I was on a plane. /p> p classmb-6> I started in the industry as a designer. The good old days of designing in Photoshop, slicing and exporting images, and slapping it together in code>table/code> markup. /p> p classmb-6> Shortly after, I started designing and developing Flash applications and games. This started my transition into developer roles. And Ive been on the front-end bandwagon ever since. /p> h3 classfont-bold text-24 mb-4> My hobbies /h3> ul classlist-outside list-disc ml-8> li classmb-2> Spending time with my wife and kids /li> li classmb-2> Trying to keep all my fingers woodworking /li> li>Taking care of my growing plant collection/li> /ul> /section> section idwork> ul> li classmb-24 md:mb-40> article> div classmb-6 sm:mb-10 max-w-4xl mx-auto> h2 classfont-bold text-36 sm:text-48 leading-tight> span classtext-20 block font-normal> Highlights /span> Auto reflow algorithm /h2> /div> div classsm:grid sm:grid-cols-2 mx-auto max-w-6xl mb-10 sm:mb-16 md:mb-24 > figure> video autoplay loop muted playsinline classmb-1> source srcassets/videos/auto-reflow-before.mp4 typevideo/mp4 /> /video> figcaption classtext-14> Layout remained fixed on text changes /figcaption> /figure> div classrow-span-2> h4 classbg-background sm:px-2 md:px-4 mb-5 mt-8 leading-none font-bold text-30 sm:text-48 md:text-80 lg:text-128 relative sm:transform sm:-translate-x-32 > Problem /h4> p classsm:ml-10> “Manual layouts” in a classunderline hrefhttps://www.pagecloud.com >PageCloud/a > allow users to position elements anywhere without constraints. This gives users complete creative freedom but breaks the native flow of elements. Whenever a user would edit text they would be required to manually re-adjust every element negatively affected by the change. /p> /div> /div> div classmb-10 md:mb-40 max-w-4xl mx-auto> h4 classmb-5 mt-8 leading-none font-bold text-30 sm:text-48 md:text-80 lg:text-128 > Solution /h4> p classmb-6> I wrote an auto reflow algorithm which recursively determines how each object relates to one another in real-time. While a user edits text, the elements which are determined to be affected will update automatically in real-time. This means as the text element grows, certain elements will be pushed down, when the text element shrinks, certain elements will be pulled up. /p> figure classmb-6> video autoplay loop muted playsinline classmb-1> source srcassets/videos/auto-reflow-after.mp4 typevideo/mp4 /> /video> figcaption classtext-14> Layout auto adjusts on text changes /figcaption> /figure> p classmb-6> When pushing elements down, affected elements were never in a risk of collision. However, pulling elements up could lead to collision. This was solved by determining where these collision axis were, and ensure elements stopped prior. /p> figure classmb-6> video autoplay loop muted playsinline classmb-1> source srcassets/videos/auto-reflow-collision.mp4 typevideo/mp4 /> /video> figcaption classtext-14> Bottom divider stops to prevent collision /figcaption> /figure> /div> /article> /li> li classmb-24 md:mb-40> article> div classmb-10 max-w-4xl mx-auto> More coming shortly… /div> /article> /li> /ul> /section> /main> footer idreach-me classmb-10 max-w-4xl mx-auto> h2 classfont-bold text-4xl sm:text-5xl leading-tight mb-5> Reach me /h2> ul classsm:flex justify-start items-center> li classmr-4> a classunderline hrefhttps://www.github.com/fabien-d>GitHub/a> /li> li classmr-4> a classunderline hrefhttps://www.twitter.com/fabien_doiron >Twitter/a > /li> li classmr-4> a classunderline hrefhttps://ca.linkedin.com/in/fdoiron >LinkedIn/a > /li> li classmr-4> a classunderline hrefhttps://speakerdeck.com/fabien_doiron/ >Speaker Deck/a > /li> /ul> /footer> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]