Файловый менеджер

Файловый менеджер - Редактировать - /home/gqdcvggs/mail/imators.com/izhak/cur/1758559870.M859477P2258846.web05.ouiheberg.com,S=47928,W=48717:2,S

Назад
Return-Path: <bounces+14879421-b679-izhak=imators.com@ckespa.joshwcomeau.com> Delivered-To: izhak@imators.com Received: from web05.ouiheberg.com by web05.ouiheberg.com with LMTP id aHHnL35+0WiedyIAw70cEg (envelope-from <bounces+14879421-b679-izhak=imators.com@ckespa.joshwcomeau.com>) for <izhak@imators.com>; Mon, 22 Sep 2025 16:51:10 +0000 Return-path: <bounces+14879421-b679-izhak=imators.com@ckespa.joshwcomeau.com> Envelope-to: izhak@imators.com Delivery-date: Mon, 22 Sep 2025 18:51:10 +0200 Received: from o33.ck.d.convertkit.com ([149.72.235.3]:54410) by web05.ouiheberg.com with esmtps (TLS1.3) tls TLS_AES_128_GCM_SHA256 (Exim 4.98.2) (envelope-from <bounces+14879421-b679-izhak=imators.com@ckespa.joshwcomeau.com>) id 1v0jkn-00000009Y7k-3KIR for izhak@imators.com; Mon, 22 Sep 2025 18:51:10 +0200 DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=joshwcomeau.com; h=content-type:date:from:mime-version:subject:list-unsubscribe: list-unsubscribe-post:to:cc:content-type:date:from:subject:to; s=cka; bh=/QXYaUloKoy91cHDzPwXZhOGZlsoKgTFsuJ8iWYhEBo=; b=tk94DP1x190yCIosnCMRwPXLhclsSy/8X7Mi8c106tPhwiQLL/+7K9r2r/hqxsIJpy+M M8NKWM6d7oclxT6flENA1e1t8m3q8jsuciSfpuxb1cAO+rpxooATkvRAQ1VSbAiO27XLd8 jkxc7C1sdeyWyOJT2GbNYUPWgvKKfoNKo= Received: by recvd-85cd49b596-q5tjd with SMTP id recvd-85cd49b596-q5tjd-1-68D17F36-4D 2025-09-22 16:54:14.314365431 +0000 UTC m=+9504601.687783275 Received: from MTQ4Nzk0MjE (unknown) by geopod-ismtpd-1 (SG) with HTTP id BCe9rhncR_-NQ72MthHtKA Mon, 22 Sep 2025 16:54:14.290 +0000 (UTC) Content-Type: multipart/alternative; boundary=c7b65e0246d45e5c6ebe32765a3e72eb41fcb92a620dafded059cec7417c Date: Mon, 22 Sep 2025 16:54:14 +0000 (UTC) From: Josh Comeau <me@joshwcomeau.com> Mime-Version: 1.0 Message-ID: <p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2@convertkit-mail4.com> Subject: 48 hours to =?UTF-8?B?Z2/igKY=?= Feedback-ID: 19076870:243102:broadcast:CK List-Unsubscribe: <mailto:unsub+p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2@convertkit-mail.com>, <https://unsubscribe.kit.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2> List-Unsubscribe-Post: List-Unsubscribe=One-Click Precedence: bulk X-Report-Abuse: <abuse@kit.com> X-Report-Spam: <abuse@kit.com> X-SG-EID: =?us-ascii?Q?u001=2EZX=2FRbMtIlpuYCWT+2cJsHA5KXzNYoLBINz9jortfbgFHGlOAt+aBt4Nwx?= =?us-ascii?Q?AEzDNf9QNlNT4sWF1Xhf+eaFRfPEShpkpkypnMK?= =?us-ascii?Q?CiW9IDieaim=2FkK2GxMW7+QZJSqpR2VfuPxcl+o1?= =?us-ascii?Q?1WB5tk7KdnRjYXfEJLvNwIBHIQL+1k3nYG4xhys?= =?us-ascii?Q?FQcp94hp57xRqOwAf0FhQ35OmscNJNA=2FLcZXmsY?= =?us-ascii?Q?Ykvxxle0c9FoY4N23eeYmY=3D?= X-SG-ID: =?us-ascii?Q?u001=2ESdBcvi+Evd=2FbQef8eZF3BpTL9BgbK5wfSJMJGMsmprBTLquV1ImzFIrgT?= =?us-ascii?Q?SaJ3+RZqtKPk8rXD2BAMeg9fgP0nygh5gJ+EHoZ?= =?us-ascii?Q?bSYXwmduZr+iwWzM4=2F=2FBXMo0QXcgaO1NoG4V2eK?= =?us-ascii?Q?tZFayDAUt9wpTY=2FqK8Drz84z1YrwCIEvrjhItmQ?= =?us-ascii?Q?VriGrLydIuz3sBm3sp5CFZacY9y2HoVYuCf05pm?= =?us-ascii?Q?0IW4wApWYgJvmbjv=2FcgTHR4KD7p7ZVHRJRxAPui?= =?us-ascii?Q?T+PGFBmGH3I5XauOU5kJUT7QXXAbF0UFpP1u29=2F?= =?us-ascii?Q?8YUBuWXr3u5K4HMTCPMSG7o3fImSl0IWpAiGH27?= =?us-ascii?Q?SZxkWBzk1hrl8uGHkbdMd0E4T6HhcHchk=3D?= To: izhak@imators.com X-Entity-ID: u001.INl/IQv4Jhiy1wIMf5MgyA== X-Spam-Status: No, score=-0.1 X-Spam-Score: 0 X-Spam-Bar: / X-Ham-Report: Spam detection software, running on the system "web05.ouiheberg.com", has NOT identified this incoming email as spam. The original message has been attached to this so you can view it or label similar future email. If you have any questions, see root\@localhost for details. Content preview: * * * * Hi there! You’re receiving this email because you signed up for updates about my upcoming course, Whimsical Animations ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/3ohphkh37moor8t [...] Content analysis details: (-0.1 points, 5.0 required) pts rule name description ---- ---------------------- -------------------------------------------------- 0.0 URIBL_BLOCKED ADMINISTRATOR NOTICE: The query to URIBL was blocked. See http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block for more information. [URI: convertkit-mail4.com] [URI: joshwcomeau.com] 0.0 URIBL_DBL_BLOCKED_OPENDNS ADMINISTRATOR NOTICE: The query to dbl.spamhaus.org was blocked due to usage of an open resolver. See https://www.spamhaus.org/returnc/pub/ [URI: open.convertkit-mail4.com] [URI: www.joshwcomeau.com] [URI: click.convertkit-mail4.com] [URI: unsubscribe.convertkit-mail4.com] [URI: joshwcomeau.com] [URI: whimsy.joshwcomeau.com] [URI: preferences.convertkit-mail4.com] 0.0 RCVD_IN_ZEN_BLOCKED_OPENDNS RBL: ADMINISTRATOR NOTICE: The query to zen.spamhaus.org was blocked due to usage of an open resolver. See https://www.spamhaus.org/returnc/pub/ [149.72.235.3 listed in zen.spamhaus.org] 0.0 RCVD_IN_VALIDITY_RPBL_BLOCKED RBL: ADMINISTRATOR NOTICE: The query to Validity was blocked. See https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more information. [149.72.235.3 listed in bl.score.senderscore.com] 0.0 RCVD_IN_VALIDITY_SAFE_BLOCKED RBL: ADMINISTRATOR NOTICE: The query to Validity was blocked. See https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more information. [149.72.235.3 listed in sa-accredit.habeas.com] 0.0 RCVD_IN_VALIDITY_CERTIFIED_BLOCKED RBL: ADMINISTRATOR NOTICE: The query to Validity was blocked. See https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more information. [149.72.235.3 listed in sa-trusted.bondedsender.org] -0.0 SPF_PASS SPF: sender matches SPF record -0.0 SPF_HELO_PASS SPF: HELO matches SPF record -0.1 DKIM_VALID_AU Message has a valid DKIM or DK signature from author's domain 0.1 DKIM_SIGNED Message has a DKIM or DK signature, not necessarily valid -0.1 DKIM_VALID Message has at least one valid DKIM or DK signature 0.0 HTML_MESSAGE BODY: HTML included in message 0.0 T_KAM_HTML_FONT_INVALID Test for Invalidly Named or Formatted Colors in HTML X-Spam-Flag: NO --c7b65e0246d45e5c6ebe32765a3e72eb41fcb92a620dafded059cec7417c Content-Transfer-Encoding: quoted-printable Content-Type: text/plain; charset=utf-8 Mime-Version: 1.0 * * * * Hi there! You=E2=80=99re receiving this email because you signed up for updates about my upcoming course, Whimsical Animations ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/3oh= phkh37moor8tr/aHR0cHM6Ly93aGltc3kuam9zaHdjb21lYXUuY29tLw=3D=3D ). We=E2=80=99re in the home stretch now: The course launches in =E2=80=9CEarl= y Access=E2=80=9D on Wednesday, in just 48 hours from now! =F0=9F=8E=89 I really appreciate you signing up for updates. It=E2=80=99s been reassuring to see so many developers express an interest in this course! To show my appreciation, I decided to create a secret coupon code just for y=E2=80=99all on the waitlist. =E2=9D=A4=EF=B8=8F * =E2=86=92 GET_THE_WORM When registration opens on Wednesday, this coupon code will reduce the price of the course by an extra 10%. I typically disable coupons during launches to prevent stacking coupons on top of sales, but I=E2=80=99m making an exception this time. Here=E2=80=99s some important information about the upcoming launch: * =E2=86=92 Registration will only be open for 1 week! On September 30th, the checkout gets disabled, and nobody will be able to join again until the full release sometime in 2026. * =E2=86=92 Registration will open around 11AM Eastern Time (UTC -04:00). I=E2=80=99ll share some calendar links below which should automatically convert this into your local timezone. * =E2=86=92 ~50% of the content will be available from day 1. Based on feedback from the beta testers, I think this is roughly 10-15 hours of content. The remaining 50% will be published as I finish it in the months ahead. * =E2=86=92 This course is a one-time purchase, not a subscription. If you register during Early Access, you=E2=80=99ll receive all future updates for free, indefinitely. If you=E2=80=99d like, you can add a calendar reminder: * =E2=86=92 Add to Google Calendar ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/n2h= ohvhv3q88gdf6/aHR0cHM6Ly9jYWxlbmRhci5nb29nbGUuY29tL2NhbGVuZGFyL3JlbmRlcj9hY= 3Rpb249VEVNUExBVEUmZGF0ZXM9MjAyNTA5MjRUMTUwMDAwWiUyRjIwMjUwOTI0VDE2MDAwMFom= ZGV0YWlscz1SZWdpc3RyYXRpb24lMjBvcGVucyUyMGZvciUyMEpvc2glMjBDb21lYXUlRTIlODA= lOTlzJTIwJUUyJTgwJTlDV2hpbXNpY2FsJTIwQW5pbWF0aW9ucyVFMiU4MCU5RCUyMGNvdXJzZS= UyMSUyMFlvdSUyMGNhbiUyMHNpZ24lMjB1cCUyMGhlcmUlM0ElMjBodHRwcyUzQSUyRiUyRndoa= W1zeS5qb3Nod2NvbWVhdS5jb20lMkYmbG9jYXRpb249JnRleHQ9JUYwJTlGJThFJTg5JTIwJUUy= JTgwJTlDV2hpbXNpY2FsJTIwQW5pbWF0aW9ucyVFMiU4MCU5RCUyMGxhdW5jaCUyMQ=3D=3D ) * =E2=86=92 Add to Apple Calendar ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/48h= vhehmrl55qzbx/aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL2pvc2h3Y29tZWF1L25ld= 3NsZXR0ZXIvd2hpbXN5LWxhdW5jaC5pY3M=3D ) * =E2=86=92 Add to Outlook ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/wnh= 2hghqw755v5i7/aHR0cHM6Ly9vdXRsb29rLmxpdmUuY29tL2NhbGVuZGFyLzAvYWN0aW9uL2Nvb= XBvc2U_YWxsZGF5PWZhbHNlJmJvZHk9UmVnaXN0cmF0aW9uJTIwb3BlbnMlMjBmb3IlMjBKb3No= JTIwQ29tZWF1JUUyJTgwJTk5cyUyMCVFMiU4MCU5Q1doaW1zaWNhbCUyMEFuaW1hdGlvbnMlRTI= lODAlOUQlMjBjb3Vyc2UlMjElMjBZb3UlMjBjYW4lMjBzaWduJTIwdXAlMjBoZXJlJTNBJTIwaH= R0cHMlM0ElMkYlMkZ3aGltc3kuam9zaHdjb21lYXUuY29tJTJGJmVuZGR0PTIwMjUtMDktMjRUM= TIlM0EwMCUzQTAwJmxvY2F0aW9uPSZwYXRoPSUyRmNhbGVuZGFyJTJGYWN0aW9uJTJGY29tcG9z= ZSZycnU9YWRkZXZlbnQmc3RhcnRkdD0yMDI1LTA5LTI0VDExJTNBMDAlM0EwMCZzdWJqZWN0PSV= GMCU5RiU4RSU4OSUyMCVFMiU4MCU5Q1doaW1zaWNhbCUyMEFuaW1hdGlvbnMlRTIlODAlOUQlMj= BsYXVuY2glMjE=3D ) * =E2=86=92 Download .ics ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/48h= vhehmrl55qzbx/aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL2pvc2h3Y29tZWF1L25ld= 3NsZXR0ZXIvd2hpbXN5LWxhdW5jaC5pY3M=3D ) You can learn more about the course and the upcoming launch on the course homepage, whimsy.joshwcomeau.com ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/3oh= phkh37moor8tr/aHR0cHM6Ly93aGltc3kuam9zaHdjb21lYXUuY29tLw=3D=3D ). Near the bottom of the page, you=E2=80=99ll find a =E2=80=9CFrequently A= sked Questions=E2=80=9D section that answers a bunch of common questions around PPP, course pre-requisites, student discounts, team licenses, and more. I have something else to share with you today: I just published a brand new blog post! It=E2=80=99s all about a modern CSS feature called @starting-style. ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/reh= 8hohm0d22v3u2/aHR0cHM6Ly93d3cuam9zaHdjb21lYXUuY29tL2Nzcy9zdGFydGluZy1zdHlsZ= T9mcm9tPW5ld3NsZXR0ZXI=3D ) This new feature is essentially a way to use the CSS transition property to handle enter animations, like having an element fade in when the page loads. Until now, we=E2=80=99ve needed to use CSS keyframe animations for this kind of thing. This sounds great, but there=E2=80=99s a pretty big catch. When I tried to use @starting-style in my own work, I ran into some gnarly specificity issues. =F0=9F=98=AC In this blog post, I=E2=80=99ll share this issue, and go over three possible solutions I=E2=80=99ve found. That way, you can skip the frustration that I went through! This lesson was originally going to be part of Whimsical Animations, but I=E2=80=99m really trying to keep the course focused on high-value practical stuff. It didn=E2=80=99t make sense to spend time covering something I don=E2=80=99t actually recommend using =F0=9F=98=82. S= o, I plucked it out into a blog post instead. That said, I think it=E2=80=99s still a very worthwhile read. Even if you=E2=80=99re not particularly interested in this feature, the blog post can help deepen your understanding of CSS specificity! You can check it out here: * =E2=86=92 The Big Gotcha With @starting-style ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/reh= 8hohm0d22v3u2/aHR0cHM6Ly93d3cuam9zaHdjb21lYXUuY29tL2Nzcy9zdGFydGluZy1zdHlsZ= T9mcm9tPW5ld3NsZXR0ZXI=3D ) That=E2=80=99s all I=E2=80=99ve got for you today, but I=E2=80=99ll send an= other email your way when registration opens on Wednesday. Don=E2=80=99t forget to use the coupon code GET_THE_WORM to save an extra 10%! Until then, PS. Credit to Sara Soueidan for coming up with the coupon code =E2=80=9CGET_THE_WORM=E2=80=9D. She used it for the earlybird launch of her excellent course, Practical Accessibility ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/08h= wh9h2deoowxul/aHR0cHM6Ly9wcmFjdGljYWwtYWNjZXNzaWJpbGl0eS50b2RheS8=3D ). View email on web ( https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/8gh= qhohold00ppak/aHR0cHM6Ly9qb3Nod2NvbWVhdS5jb20vZW1haWwvd2hhbS13YWl0bGlzdC0wM= DYtc3RhcnRpbmctc3R5bGU=3D ) =C2=B7 Unsubscribe ( https://unsubscribe.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnv= m2 ) =C2=B7 Update profile ( https://preferences.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnv= m2 ) 390 Saint-Catherine Ouest #39013, Montreal, QC H3B 0B2 --c7b65e0246d45e5c6ebe32765a3e72eb41fcb92a620dafded059cec7417c Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset=utf-8 Mime-Version: 1.0 <!DOCTYPE html> <html> <head> <style>.ck-link { text-decoration: underline; }</style> <style>@media only screen { .email * { word-break: break-word; } } @media screen and (max-width: 384px) { .mail-message-content { width: 414px= !important; } } @media (prefers-color-scheme: light) { a[data-element=3D"button"] { background-color: #262d40 !important; } } @media (prefers-color-scheme: dark) { a[data-element=3D"button"] { background-color: #2518ff !important; } }</style> <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3DUTF-8"> </head> <body> <div id=3D"preview-text"> <span style=3D"display: none; max-height: 0; overflow: hidden;"> Whimsical Animations comes out on Wednesday, and I have a speci= al lil=E2=80=99 code for you =F0=9F=98=84. Plus, a new blog post on a moder= n animation API! </span> <span style=3D"display: none; max-height: 0; overflow: hidden;"> =E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2= =80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=E2=80=87=CD=8F=C2= =AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD= =C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2= =AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD= =C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2= =AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD= =C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2= =AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD= =C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2= =AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD= =C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2= =AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD= =C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD=C2=AD </span> </div> <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D1"= > <meta content=3D"text/html; charset=3DUTF-8" http-equiv=3D"Content-Type"> <meta name=3D"x-apple-disable-message-reformatting"> <meta name=3D"color-scheme" content=3D"light dark"> <meta name=3D"supported-color-schemes" content=3D"light dark"> <link href=3D"https://joshwcomeau.com/fonts/email-fonts.css" rel=3D"stylesh= eet" type=3D"text/css"> <table align=3D"center" width=3D"100%" border=3D"0" cellpadding=3D"0" cells= pacing=3D"0" role=3D"presentation" style=3D"max-width:574px"><tbody><tr sty= le=3D"width:100%"><td><table cellpadding=3D"0" cellspacing=3D"0" style=3D"w= idth:100%;margin:0 auto"><tbody><tr><td><div> <link rel=3D"preload" as=3D"image" href=3D"https://www.joshwcomeau.com/emai= l/squiggly-divider.png"> <link rel=3D"preload" as=3D"image" href=3D"https://www.joshwcomeau.com/imag= es/og-starting-style.png"> <link rel=3D"preload" as=3D"image" href=3D"https://www.joshwcomeau.com/emai= l/signature.png"> <meta content=3D"text/html; charset=3DUTF-8" http-equiv=3D"Content-Type"> <meta name=3D"x-apple-disable-message-reformatting"> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">Hi there!<= /p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">You=E2=80= =99re receiving this email because you signed up for updates about my upcom= ing course, <a href=3D"https://click.convertkit-mail4.com/p9uxxen86ka9h24xv= rmcqhpv5g333hrhnvm2/3ohphkh37moor8tr/aHR0cHM6Ly93aGltc3kuam9zaHdjb21lYXUuY2= 9tLw=3D=3D" style=3D"box-sizing:border-box;-webkit-font-smoothing:antialias= ed;color:inherit;text-decoration:underline;text-decoration-color:#5A59FF;te= xt-underline-offset:2px;text-decoration-thickness:2px;font-weight:600" url-= id=3D"1788618910">Whimsical Animations</a>.</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px"><strong>We= =E2=80=99re in the home stretch now:</strong> The course launches in =E2=80= =9CEarly Access=E2=80=9D on Wednesday, in just 48 hours from now! =F0=9F=8E= =89</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">I really a= ppreciate you signing up for updates. It=E2=80=99s been reassuring to see s= o many developers express an interest in this course! To show my appreciati= on, I decided to create a secret coupon code just for y=E2=80=99all on the = waitlist. =E2=9D=A4=EF=B8=8F</p> <ul style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;paddi= ng-left:0px;padding-right:0px;margin-bottom:32px;list-style-type:none"><li = style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-size= :1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line-he= ight:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span><strong>GET_THE_WORM</strong> </li></ul> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">When regis= tration opens on Wednesday, this coupon code will reduce the price of the c= ourse by an extra 10%. I typically disable coupons during launches to preve= nt stacking coupons on top of sales, but I=E2=80=99m making an exception th= is time.</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">Here=E2=80= =99s some important information about the upcoming launch:</p> <ul style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;paddi= ng-left:0px;padding-right:0px;margin-bottom:32px;list-style-type:none"> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span><strong>Registration will only be open for 1 week!</= strong> On September 30th, the checkout gets disabled, and nobody will be a= ble to join again until the full release sometime in 2026.</li> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span>Registration will open around 11AM Eastern Time (UTC= -04:00). I=E2=80=99ll share some calendar links below which should automat= ically convert this into your local timezone.</li> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span>~50% of the content will be available from day 1. Ba= sed on feedback from the beta testers, I think this is roughly 10-15 hours = of content. The remaining 50% will be published as I finish it in the month= s ahead.</li> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span>This course is a one-time purchase, not a subscripti= on. If you register during Early Access, you=E2=80=99ll receive all future = updates for free, indefinitely.</li> </ul> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">If you=E2= =80=99d like, you can <strong>add a calendar reminder:</strong></p> <ul style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;paddi= ng-left:0px;padding-right:0px;margin-bottom:32px;list-style-type:none"> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span><a href=3D"https://click.convertkit-mail4.com/p9uxxe= n86ka9h24xvrmcqhpv5g333hrhnvm2/n2hohvhv3q88gdf6/aHR0cHM6Ly9jYWxlbmRhci5nb29= nbGUuY29tL2NhbGVuZGFyL3JlbmRlcj9hY3Rpb249VEVNUExBVEUmZGF0ZXM9MjAyNTA5MjRUMT= UwMDAwWiUyRjIwMjUwOTI0VDE2MDAwMFomZGV0YWlscz1SZWdpc3RyYXRpb24lMjBvcGVucyUyM= GZvciUyMEpvc2glMjBDb21lYXUlRTIlODAlOTlzJTIwJUUyJTgwJTlDV2hpbXNpY2FsJTIwQW5p= bWF0aW9ucyVFMiU4MCU5RCUyMGNvdXJzZSUyMSUyMFlvdSUyMGNhbiUyMHNpZ24lMjB1cCUyMGh= lcmUlM0ElMjBodHRwcyUzQSUyRiUyRndoaW1zeS5qb3Nod2NvbWVhdS5jb20lMkYmbG9jYXRpb2= 49JnRleHQ9JUYwJTlGJThFJTg5JTIwJUUyJTgwJTlDV2hpbXNpY2FsJTIwQW5pbWF0aW9ucyVFM= iU4MCU5RCUyMGxhdW5jaCUyMQ=3D=3D" style=3D"box-sizing:border-box;-webkit-fon= t-smoothing:antialiased;color:inherit;text-decoration:underline;text-decora= tion-color:#5A59FF;text-underline-offset:2px;text-decoration-thickness:2px;= font-weight:600" url-id=3D"1788618911">Add to Google Calendar</a> </li> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span><a href=3D"https://click.convertkit-mail4.com/p9uxxe= n86ka9h24xvrmcqhpv5g333hrhnvm2/48hvhehmrl55qzbx/aHR0cHM6Ly9zdG9yYWdlLmdvb2d= sZWFwaXMuY29tL2pvc2h3Y29tZWF1L25ld3NsZXR0ZXIvd2hpbXN5LWxhdW5jaC5pY3M=3D" st= yle=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;color:inher= it;text-decoration:underline;text-decoration-color:#5A59FF;text-underline-o= ffset:2px;text-decoration-thickness:2px;font-weight:600" url-id=3D"17886189= 12">Add to Apple Calendar</a> </li> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span><a href=3D"https://click.convertkit-mail4.com/p9uxxe= n86ka9h24xvrmcqhpv5g333hrhnvm2/wnh2hghqw755v5i7/aHR0cHM6Ly9vdXRsb29rLmxpdmU= uY29tL2NhbGVuZGFyLzAvYWN0aW9uL2NvbXBvc2U_YWxsZGF5PWZhbHNlJmJvZHk9UmVnaXN0cm= F0aW9uJTIwb3BlbnMlMjBmb3IlMjBKb3NoJTIwQ29tZWF1JUUyJTgwJTk5cyUyMCVFMiU4MCU5Q= 1doaW1zaWNhbCUyMEFuaW1hdGlvbnMlRTIlODAlOUQlMjBjb3Vyc2UlMjElMjBZb3UlMjBjYW4l= MjBzaWduJTIwdXAlMjBoZXJlJTNBJTIwaHR0cHMlM0ElMkYlMkZ3aGltc3kuam9zaHdjb21lYXU= uY29tJTJGJmVuZGR0PTIwMjUtMDktMjRUMTIlM0EwMCUzQTAwJmxvY2F0aW9uPSZwYXRoPSUyRm= NhbGVuZGFyJTJGYWN0aW9uJTJGY29tcG9zZSZycnU9YWRkZXZlbnQmc3RhcnRkdD0yMDI1LTA5L= TI0VDExJTNBMDAlM0EwMCZzdWJqZWN0PSVGMCU5RiU4RSU4OSUyMCVFMiU4MCU5Q1doaW1zaWNh= bCUyMEFuaW1hdGlvbnMlRTIlODAlOUQlMjBsYXVuY2glMjE=3D" style=3D"box-sizing:bor= der-box;-webkit-font-smoothing:antialiased;color:inherit;text-decoration:un= derline;text-decoration-color:#5A59FF;text-underline-offset:2px;text-decora= tion-thickness:2px;font-weight:600" url-id=3D"1788618913">Add to Outlook</a= > </li> <li style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-= size:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;lin= e-height:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span><a href=3D"https://click.convertkit-mail4.com/p9uxxe= n86ka9h24xvrmcqhpv5g333hrhnvm2/48hvhehmrl55qzbx/aHR0cHM6Ly9zdG9yYWdlLmdvb2d= sZWFwaXMuY29tL2pvc2h3Y29tZWF1L25ld3NsZXR0ZXIvd2hpbXN5LWxhdW5jaC5pY3M=3D" st= yle=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;color:inher= it;text-decoration:underline;text-decoration-color:#5A59FF;text-underline-o= ffset:2px;text-decoration-thickness:2px;font-weight:600" url-id=3D"17886189= 12">Download <em>.ics</em></a> </li> </ul> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">You can le= arn more about the course and the upcoming launch on the course homepage, <= a href=3D"https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333h= rhnvm2/3ohphkh37moor8tr/aHR0cHM6Ly93aGltc3kuam9zaHdjb21lYXUuY29tLw=3D=3D" s= tyle=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;color:inhe= rit;text-decoration:underline;text-decoration-color:#5A59FF;text-underline-= offset:2px;text-decoration-thickness:2px;font-weight:600" url-id=3D"1788618= 910">whimsy.joshwcomeau.com</a>. Near the bottom of the page, you=E2=80=99l= l find a =E2=80=9CFrequently Asked Questions=E2=80=9D section that answers = a bunch of common questions around PPP, course pre-requisites, student disc= ounts, team licenses, and more.</p> <table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%" style=3D"box-sizing:border-box;-webkit-font-smoothing:antialia= sed;width:100%"><tbody><tr><td align=3D"center" style=3D"padding:0 16px"><i= mg src=3D"https://www.joshwcomeau.com/email/squiggly-divider.png" alt=3D"" = width=3D"150" style=3D"box-sizing:border-box;-webkit-font-smoothing:antiali= ased;width:150px"></td></tr></tbody></table> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">I have som= ething else to share with you today: I just published a brand new blog post= !</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">It=E2=80= =99s all about a modern CSS feature called <span style=3D'box-sizing:border= -box;-webkit-font-smoothing:antialiased;font-family:"Cartograph CF", monosp= ace;background-color:hsla(213deg, 100%, 65%, 0.2);padding:0.2em 0.4em;borde= r-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone'= >@starting-style</span>.</p> <a href=3D"https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333= hrhnvm2/reh8hohm0d22v3u2/aHR0cHM6Ly93d3cuam9zaHdjb21lYXUuY29tL2Nzcy9zdGFydG= luZy1zdHlsZT9mcm9tPW5ld3NsZXR0ZXI=3D" url-id=3D"1788618914"><img src=3D"htt= ps://www.joshwcomeau.com/images/og-starting-style.png" style=3D"display:blo= ck;outline:none;border:none;text-decoration:none;border-radius:8px;margin-b= ottom:16px;min-width:0;max-width:574px;margin-left:auto;margin-right:auto;m= argin-top:32px" width=3D"100%"></a><p style=3D"box-sizing:border-box;-webki= t-font-smoothing:antialiased;font-size:20px;font-family:'Wotfard', 'Helveti= ca Neue', Helvetica,sans-serif;line-height:1.5;text-wrap:pretty;padding-lef= t:0px;padding-right:0px;font-weight:bold;margin-bottom:32px;text-align:cent= er"><a href=3D"https://click.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5= g333hrhnvm2/reh8hohm0d22v3u2/aHR0cHM6Ly93d3cuam9zaHdjb21lYXUuY29tL2Nzcy9zdG= FydGluZy1zdHlsZT9mcm9tPW5ld3NsZXR0ZXI=3D" style=3D"color:inherit;text-decor= ation:none" url-id=3D"1788618914"></a></p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">This new f= eature is essentially a way to use the CSS <span style=3D'box-sizing:border= -box;-webkit-font-smoothing:antialiased;font-family:"Cartograph CF", monosp= ace;background-color:hsla(213deg, 100%, 65%, 0.2);padding:0.2em 0.4em;borde= r-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone'= >transition</span> property to handle enter animations, like having an elem= ent fade in when the page loads. Until now, we=E2=80=99ve needed to use CSS= keyframe animations for this kind of thing.</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">This <em>s= ounds</em> great, but there=E2=80=99s a pretty big catch. When I tried to u= se <span style=3D'box-sizing:border-box;-webkit-font-smoothing:antialiased;= font-family:"Cartograph CF", monospace;background-color:hsla(213deg, 100%, = 65%, 0.2);padding:0.2em 0.4em;border-radius:3px;-webkit-box-decoration-brea= k:clone;box-decoration-break:clone'>@starting-style</span> in my own work, = I ran into some gnarly specificity issues. =F0=9F=98=AC</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">In this bl= og post, I=E2=80=99ll share this issue, and go over three possible solution= s I=E2=80=99ve found. That way, you can skip the frustration that I went th= rough!</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">This lesso= n was originally going to be part of <em>Whimsical Animations</em>, but I= =E2=80=99m really trying to keep the course focused on high-value practical= stuff. It didn=E2=80=99t make sense to spend time covering something I don= =E2=80=99t actually recommend using =F0=9F=98=82. So, I plucked it out into= a blog post instead.</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">That said,= I think it=E2=80=99s still a very worthwhile read. Even if you=E2=80=99re = not particularly interested in this feature, the blog post can help deepen = your understanding of CSS specificity!</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">You can ch= eck it out here:</p> <ul style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;paddi= ng-left:0px;padding-right:0px;margin-bottom:32px;list-style-type:none"><li = style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-size= :1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line-he= ight:1.5;text-wrap:pretty;margin-bottom:16px"> <span style=3D"font-family:system-ui, sans-serif;color:#5A59FF;font-weight:= bold">=E2=86=92 </span><a href=3D"https://click.convertkit-mail4.com/p9uxxe= n86ka9h24xvrmcqhpv5g333hrhnvm2/reh8hohm0d22v3u2/aHR0cHM6Ly93d3cuam9zaHdjb21= lYXUuY29tL2Nzcy9zdGFydGluZy1zdHlsZT9mcm9tPW5ld3NsZXR0ZXI=3D" style=3D"box-s= izing:border-box;-webkit-font-smoothing:antialiased;color:inherit;text-deco= ration:underline;text-decoration-color:#5A59FF;text-underline-offset:2px;te= xt-decoration-thickness:2px;font-weight:600" url-id=3D"1788618914">The Big = Gotcha With @starting-style</a> </li></ul> <div style=3D"height:32px;line-height:32px"> </div> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">That=E2=80= =99s all I=E2=80=99ve got for you today, but I=E2=80=99ll send another emai= l your way when registration opens on Wednesday. Don=E2=80=99t forget to us= e the coupon code <strong>GET_THE_WORM</strong> to save an extra 10%!</p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px">Until then= ,</p> <div><img alt=3D"-Josh" src=3D"https://www.joshwcomeau.com/email/signature.= png" width=3D"300" style=3D"box-sizing:border-box;-webkit-font-smoothing:an= tialiased;margin-left:0px;margin-bottom:32px;margin-top:8px"></div> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:1rem;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px;font-style:= italic;margin-top:64px">PS. Credit to Sara Soueidan for coming up with the = coupon code =E2=80=9CGET_THE_WORM=E2=80=9D. She used it for the earlybird l= aunch of her excellent course, <a href=3D"https://click.convertkit-mail4.co= m/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2/08hwh9h2deoowxul/aHR0cHM6Ly9wcmFjdGl= jYWwtYWNjZXNzaWJpbGl0eS50b2RheS8=3D" style=3D"box-sizing:border-box;-webkit= -font-smoothing:antialiased;color:inherit;text-decoration:underline;text-de= coration-color:#5A59FF;text-underline-offset:2px;text-decoration-thickness:= 2px;font-weight:600" url-id=3D"1788618915">Practical Accessibility</a>.</p> <div style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;back= ground:hsla(215deg, 100%, 70%, 0.2);padding:32px 16px;margin-top:64px"> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:14px;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px;text-align:= center;margin-bottom:0px"><a href=3D"https://click.convertkit-mail4.com/p9u= xxen86ka9h24xvrmcqhpv5g333hrhnvm2/8ghqhohold00ppak/aHR0cHM6Ly9qb3Nod2NvbWVh= dS5jb20vZW1haWwvd2hhbS13YWl0bGlzdC0wMDYtc3RhcnRpbmctc3R5bGU=3D" style=3D"bo= x-sizing:border-box;-webkit-font-smoothing:antialiased;color:inherit;text-d= ecoration:underline;text-decoration-color:#5A59FF;text-underline-offset:2px= ;text-decoration-thickness:2px;font-weight:600" url-id=3D"1788618916">View = email on web</a> =C2=B7 <a href=3D"https://unsubscribe.convertkit-mail4.c= om/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2" style=3D"box-sizing:border-box;-we= bkit-font-smoothing:antialiased;color:inherit;text-decoration:underline;tex= t-decoration-color:#5A59FF;text-underline-offset:2px;text-decoration-thickn= ess:2px;font-weight:600">Unsubscribe</a> =C2=B7 <a href=3D"https://prefer= ences.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333hrhnvm2" style=3D"b= ox-sizing:border-box;-webkit-font-smoothing:antialiased;color:inherit;text-= decoration:underline;text-decoration-color:#5A59FF;text-underline-offset:2p= x;text-decoration-thickness:2px;font-weight:600">Update profile</a></p> <p style=3D"box-sizing:border-box;-webkit-font-smoothing:antialiased;font-s= ize:14px;font-family:'Wotfard', 'Helvetica Neue', Helvetica,sans-serif;line= -height:1.5;text-wrap:pretty;padding-left:0px;padding-right:0px;text-align:= center;margin-bottom:0">390 Saint-Catherine Ouest #39013, Montreal, QC H3B = 0B2</p> </div> </div></td></tr></tbody></table></td></tr></tbody></table> <!-- --> <img src=3D"https://open.convertkit-mail4.com/p9uxxen86ka9h24xvrmcqhpv5g333= hrhnvm2" alt=3D""> </body> </html> --c7b65e0246d45e5c6ebe32765a3e72eb41fcb92a620dafded059cec7417c--

| ver. 1.6 | Github | . | PHP 8.1.33 | Генерация страницы: 0 | proxy | phpinfo | Настройка