From fa5923f12eb9b4609fce1eeabf875712690adc16 Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Fri, 27 Mar 2020 22:21:22 +0100 Subject: [PATCH 1/3] blog(embertimes#141): writeup on @mansona s blog post about site porting --- .../2020-03-27-the-ember-times-issue-141.md | 31 ++++++++++--------- 1 file changed, 17 insertions(+), 14 deletions(-) diff --git a/source/2020-03-27-the-ember-times-issue-141.md b/source/2020-03-27-the-ember-times-issue-141.md index cab96521a..0cb95c9f0 100644 --- a/source/2020-03-27-the-ember-times-issue-141.md +++ b/source/2020-03-27-the-ember-times-issue-141.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 141 -author: Anne-Greeth van Herwijnen, Preston Sego, Jared Galanis, Isaac Lee, Chris Ng, the crowd +author: Anne-Greeth van Herwijnen, Preston Sego, Jared Galanis, Isaac Lee, Chris Ng, Jessica Jordan, the crowd tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 alias : "blog/2020/03/27-the-ember-times-issue-141.html" responsive: true @@ -16,7 +16,8 @@ Ember Autostash Modifier ๐Ÿ’พ, Decorator positioning now enforceable โ†•๏ธ, Stand Alone EmberConf 2020 Videos Are Out ๐ŸŽฅ, Read about how to use a ember-template-lint rule from an addon โœ…, - +Easier porting of websites with Percy โœจ, + READMORE --- @@ -26,7 +27,7 @@ READMORE There's an awesome new Octane tutorial in town ๐Ÿค  and it's written by none other than our very own [Yehuda Katz @wycats](https://github.com/wycats)!!! -In the tutorial you'll build the schedule page for a conference like EmberConf. It feels like just the right thing to build after our amazing virtual EmberConf ๐Ÿ’™๐Ÿ’š๐Ÿ’›๐Ÿ’œ๐Ÿงก. +In the tutorial you'll build the schedule page for a conference like EmberConf. It feels like just the right thing to build after our amazing virtual EmberConf ๐Ÿ’™๐Ÿ’š๐Ÿ’›๐Ÿ’œ๐Ÿงก. The first part in this tutorial, [Let's Go](https://yehudakatz.com/2020/03/25/ember-octane-lets-go/), begins with something that not all JavaScript tutorials cover, HTML and CSS, using CSS Grid and Flex. You'll learn how to go from mocks to a deployed app in very little time. @@ -48,7 +49,7 @@ So be on the look out ๐Ÿ‘€ for more in this very helpful new series! ## [A quick tip for refactoring your templates ๐Ÿ“‘](https://abhilashlr.in/ember-refactor-templates) -[Abhilash L Ramesh @abhilashlr](https://github.com/abhilashlr) wrote a small and clear [blog post](https://abhilashlr.in/ember-refactor-templates) with actionable tips to make your Ember Templates cleaner. So if you have complex `if-else` logic in your template that you would like to make clearer, this blog post could help you out. +[Abhilash L Ramesh @abhilashlr](https://github.com/abhilashlr) wrote a small and clear [blog post](https://abhilashlr.in/ember-refactor-templates) with actionable tips to make your Ember Templates cleaner. So if you have complex `if-else` logic in your template that you would like to make clearer, this blog post could help you out. He also added some extra bonus tips, but no **spoilers** here, head to the [blog post](https://abhilashlr.in/ember-refactor-templates) to check them out! @@ -64,7 +65,7 @@ From Yehuda and Abhilash's blog posts, you got to see a bit of how templates wor ## [Ember Autostash Modifier ๐Ÿ’พ](https://twitter.com/nullvoxpopuli/status/1239325059656933376) -New modifier alert ๐Ÿšจ! [Preston Sego @NullVoxPopuli](https://github.com/NullVoxPopuli) has created [`ember-autostash-modifier`](https://github.com/NullVoxPopuli/ember-autostash-modifier) that stashes changes, binds those changes to a key, and restores those changes based on that key! +New modifier alert ๐Ÿšจ! [Preston Sego @NullVoxPopuli](https://github.com/NullVoxPopuli) has created [`ember-autostash-modifier`](https://github.com/NullVoxPopuli/ember-autostash-modifier) that stashes changes, binds those changes to a key, and restores those changes based on that key! This modifier is useful for chat apps, where you'd want to persist incomplete messages on a contact's page while the user navigates between other contacts before finishing and submitting a message, or where you want to bind component data based on the URL. Checkout this [demo](https://nullvoxpopuli.github.io/ember-autostash-modifier/1) of the modifier in action. @@ -82,11 +83,11 @@ provides some configuration with some recommended defaults to help your project ## [Stand Alone EmberConf 2020 Videos Are Out ๐ŸŽฅ](https://www.youtube.com/playlist?list=PL4eq2DPpyBbkC03mdzlyej6tcbEqrZK8N) -If you missed part or all of the โœจโœจ**amazing EmberConf 2020** โœจโœจ, now's your chance to catch up on all the great talks ร  la carte! While the live streams have been available since the days they were streamed, now you can watch them as stand alone talks. +If you missed part or all of the โœจโœจ**amazing EmberConf 2020** โœจโœจ, now's your chance to catch up on all the great talks ร  la carte! While the live streams have been available since the days they were streamed, now you can watch them as stand alone talks. If you want to re-live some of the best moments, or watch them for the first time, you can find the complete library of videos ๐Ÿ“ผ available for your viewing pleasure on [YouTube](https://www.youtube.com/playlist?list=PL4eq2DPpyBbkC03mdzlyej6tcbEqrZK8N). Be sure not to miss the BonusConf sessions which are included in this list! -Again, don't forget to check out all the related resources for the talks in [the conference notes](https://twitter.com/alex_diliberto/status/1240449629612892161) by [Alex DiLiberto (@alexdiliberto)](https://github.com/alexdiliberto). +Again, don't forget to check out all the related resources for the talks in [the conference notes](https://twitter.com/alex_diliberto/status/1240449629612892161) by [Alex DiLiberto (@alexdiliberto)](https://github.com/alexdiliberto). Also one more reminder! We have a request for those of you who attended **EmberConf 2020**: @@ -151,14 +152,16 @@ To follow the detailed steps please read the [full blog post](https://mehulkar.c --- -## [Section title in sentence case ๐Ÿน](#section-url) +## [Tech stack modernisation without breaking things with Percy โœจ](https://simplabs.com/blog/2020/03/27/porting-a-site-to-ember-with-percy/) - - - + +You might already be a regular visitor of the [Ember Guides](https://guides.emberjs.com/release/). +But did you know, that the **No. 1 learning site for Ember developers** used to be powered [with Ruby and Middleman](https://github.com/emberjs/guides); but after plenty of contributions by many different community members the app [has been modernised with an Ember tech stack](https://blog.emberjs.com/2018/05/25/the-emberjs-times-issue-48.html) to make it much easier to contribute to the [project](https://github.com/ember-learn/guides-source)! + +You might not have noticed the switch of tech stacks under the hood of the Ember Guides, and this is exactly how it should be! Want to learn more about how this was done? Be sure to read [Chris Manson's (@mansona)](https://github.com/mansona) latest [blog post](https://simplabs.com/blog/2020/03/27/porting-a-site-to-ember-with-percy/) about the process behind **Emberification of the Guides** (and the Ember website): it highlights how the visual regression testing tool [Percy](https://percy.io/) can help developers to bootstrap their efforts of porting a website to a new tech stack without breaking it. + +You can read the full blog post [on the simplabs blog](https://simplabs.com/blog/2020/03/27/porting-a-site-to-ember-with-percy/). - - --- @@ -214,4 +217,4 @@ That's another wrap! โœจ Be kind, -Anne-Greeth van Herwijnen, Preston Sego, Jared Galanis, Isaac Lee, Chris Ng, the crowd and the Learning Team +Anne-Greeth van Herwijnen, Preston Sego, Jared Galanis, Isaac Lee, Chris Ng, Jessica Jordan, the crowd and the Learning Team From 26b2a45081042d6fc1d6590994d9b79692397f1b Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Fri, 27 Mar 2020 22:23:06 +0100 Subject: [PATCH 2/3] blog(embertimes#141): add contributors --- source/2020-03-27-the-ember-times-issue-141.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-03-27-the-ember-times-issue-141.md b/source/2020-03-27-the-ember-times-issue-141.md index 0cb95c9f0..6cd7b701f 100644 --- a/source/2020-03-27-the-ember-times-issue-141.md +++ b/source/2020-03-27-the-ember-times-issue-141.md @@ -189,7 +189,7 @@ You can read the full blog post [on the simplabs blog](https://simplabs.com/blog ## [Contributors' corner ๐Ÿ‘](https://guides.emberjs.com/release/contributing/repositories/) -

This week we'd like to thank our siblings for their contributions to Ember and related repositories! ๐Ÿ’–

+

This week we'd like to thank @pzuraq, @locks, @rwjblue, @btecu, @kratiahuja, @Gaurav0, @kturney, @chancancode, @leondmello, @zapalagrzegorz, @monitron, @MelSumner, @jtappa, @brentzc, @skaterdav85, @NullVoxPopuli, @rajasegar and @xg-wang for their contributions to Ember and related repositories! ๐Ÿ’–

--- From cf076e4b7b9a4d5c858b7f27a74bd6f11e4afb08 Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Fri, 27 Mar 2020 22:29:19 +0100 Subject: [PATCH 3/3] blog(embertimes#141): copy edits --- source/2020-03-27-the-ember-times-issue-141.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/source/2020-03-27-the-ember-times-issue-141.md b/source/2020-03-27-the-ember-times-issue-141.md index 6cd7b701f..29113da0f 100644 --- a/source/2020-03-27-the-ember-times-issue-141.md +++ b/source/2020-03-27-the-ember-times-issue-141.md @@ -156,9 +156,9 @@ To follow the detailed steps please read the [full blog post](https://mehulkar.c You might already be a regular visitor of the [Ember Guides](https://guides.emberjs.com/release/). -But did you know, that the **No. 1 learning site for Ember developers** used to be powered [with Ruby and Middleman](https://github.com/emberjs/guides); but after plenty of contributions by many different community members the app [has been modernised with an Ember tech stack](https://blog.emberjs.com/2018/05/25/the-emberjs-times-issue-48.html) to make it much easier to contribute to the [project](https://github.com/ember-learn/guides-source)! +But did you know, that the **No. 1 learning site for Ember developers** used to be powered [with Ruby and Middleman](https://github.com/emberjs/guides)? After plenty of contributions by many different community members the app [has been modernised with an Ember tech stack](https://blog.emberjs.com/2018/05/25/the-emberjs-times-issue-48.html) to make it much easier for new contributors to work on the [project](https://github.com/ember-learn/guides-source)! -You might not have noticed the switch of tech stacks under the hood of the Ember Guides, and this is exactly how it should be! Want to learn more about how this was done? Be sure to read [Chris Manson's (@mansona)](https://github.com/mansona) latest [blog post](https://simplabs.com/blog/2020/03/27/porting-a-site-to-ember-with-percy/) about the process behind **Emberification of the Guides** (and the Ember website): it highlights how the visual regression testing tool [Percy](https://percy.io/) can help developers to bootstrap their efforts of porting a website to a new tech stack without breaking it. +You might not have noticed the switch of tech stacks under the hood of the Ember Guides, and this is exactly how it should be! Want to learn more about how this was done? Be sure to read [Chris Manson's (@mansona)](https://github.com/mansona) latest [blog post](https://simplabs.com/blog/2020/03/27/porting-a-site-to-ember-with-percy/) about the process behind the seamless **Emberification of the Guides** (and the Ember website): it highlights how the visual regression testing tool [Percy](https://percy.io/) can help developers to bootstrap their efforts of porting a website to a new tech stack without breaking it. You can read the full blog post [on the simplabs blog](https://simplabs.com/blog/2020/03/27/porting-a-site-to-ember-with-percy/).