Links mentioned: Details automatically generated.

They are talking about their dreams. Andreww wants to go back to the place of their dreams.

Andreww is working on a side project. Andreww bought a laptop that is a shell of a laptop, with a screen and a battery and there are ports to hook up to it. they bought it because they accidentally got the Galaxy z - fold 3.

Andreww has a new Samsung device. It has decks on it. Andreww wants to connect it to their phone. they want to install Linux on their Chromebook to code and shout to a DeRose Cannon.

Andreww is interested in learning how to code on Linux.

Andreww is a big fan of the web. Recently Photoshop came to the web and Adobe had their Adobe Max conference. Andreww wants to play around with that and maybe build a project with it.

Adobe has brought public beta Photoshop to the web. Andreww wants to check it out for himself. Photoshop has been brought to the web. Andreww is excited about it.

Andreww explains how flu shots came to the web. they also explains how They in Lightroom from came to be available on the web via webassembly. Skoosh is a photo compression app. It uses webassembly to bridge the gap between the browser and the Photoshop code. Chromium has developed full - featured webassembly, debugging support for Porting desktop applications to the web. Andreww explains how Photoshop works. Access handles were developed and implemented as an Origin trial.

Andreww is interested in accessing files from the origin private file system and colour accurate images in the browser. Andreww has used spectrum web components from Adobe to create a web component.

Andreww has created a talk page based on Adobe's web components Library.

The entire Photoshop app is built using web components. The team found it easy to integrate a few Islands.

Andreww likes Adobe's presentation. Andreww is wondering if there's a similar presentation online.

Andreww has posted the link to this article on the archive page. Andreww has never used photo P, but they can open files from the editor. Andreww thinks that photo p played a part in bringing Photoshop to the web. Andreww thinks others will adopt Adobe's technology and it will push adoption for everything.

Andreww is going to send everyone back to work. Andreww is posting a link to Adobe's website on the web.

Andreww is making progress and hopes to have something to show by the next week or something.

  • full keyboard
  • stack blitz
  • web dev
  • public beta photoshop
  • creative cloud
  • file types
  • desktop application
  • input elements
  • canvas
  • ui elements
  • shadow dom encapsulation

Welcome back your dreams.

Are your tickets, Welcome Back.

That same old place that you will the new, but those dreams everything, and they thought they need you.

Yeah, where we need to, please.

Welcome back.

Welcome back.

Welcome back.

Welcome back.

Welcome back.

Welcome back.

Welcome back.


Good spotted rare.

Welcome back.

Hey, welcome back.

All right.

So, how's everyone doing?

Hopefully you're making some progress and whatever it is that you're working on and the Sun is like coming out.

Super bright here in Orlando, Florida.

I am actually seen that there.

That's the side project that I am working on.

Right there.

Yeah, see I caught everything on a Chromebook.

And, so I just got this new like It's like a, it's like a shell of a laptop.

I guess.

There's like no hard drive or anything, but there's a screen.

There's a battery and there're ports to hook up to.

So you can use it as like a secondary monitor.

And so when I bought it for is because I recently purchased the I accidentally I got the Galaxy z-fold 3.

Oh, yes, from Samsung.

And it's pretty dope.

And what happened what has on it is when you plug in like when you plug it into a monitor, or what have you?

It has decks on there, which is kind of like a desktop like version of the OS.

The Android on there.

So it's kind of like my Chromebook.

So I am thinking with I could plug in this is what I have done a little bit to plug this in my phone into that and then I will be able to have like a full keyboard and trackpad and everything and it's a pretty good actually like edited some video on it or whatever you like just like short clips of stuff.

And, so I am looking forward to being able to do more stuff on the web and then shout to a DeRose Cannon.

They put me on to how to because on my crew.

Um, book.

I was able to install Linux and so like is one click install.

It's pretty amazing.

And so that's what I use.

I install my editors and all that stuff and I use Linux on my Chromebook to code and so shouts, a DeRose Cannon.

They put me onto because I saw YouTube videos where they were using Linux, like, with on decks and so, but they're like kind of like So I asked them like hey, how would I do it now?

And they gave me the list.

So one of these days, I am actually going to go put it on there and see if I can actually code.

Like on there.

That would be cool.

But we already went over.

We spoke previously about how, like this code is in the browser even though you can't really run node in it, but then there's like, stack Blitz, which is also in the browser, which is seems pretty cool.

So I want to play around with that and maybe like build a project with it or what have you it here that?

So, all that to say, that the web.

Web is an amazing place.

And just recently, something that you may not even thought would come to the web came to the web.

And so Adobe just had their Adobe Max conference thing.

And I saw on Twitter, people were talking about that.

Photoshop came to the web, which is kind of amazing.

So let me bring it up here.

So there's an article at web dev.

Show the web dev big fan of that site and it kind of covers all the things that are happening on the web.

So it's pretty cool.

Sharing my screen.

I am not going to need any audio its own think, so cool.

So here's webdev.

I am going to copy and paste this link so that you can check out the recording of the video on the videos page.

And they will have the links right next to it.

You want to check it out for yourself?

All right, so, I go photoshop's Journey to the web.

So this is a kind of interesting.

So it kind of goes through saying hey, over the last three years, Chrome has been working to empower web applications that push the boundaries of what's possible in the browser.


And so however by using various new standardized web Technologies, Adobe has now brought a public beta Photoshop to the web super cool.

So the way I think it works if you have like Creative Cloud, You're able to store like your files into the cloud.

And so, what I think you could do now is I haven't done it yet, but you can, let us say you have a Photoshop file in the cloud in your Creative Cloud.

You're able to like open it.

And instead of having to download it to your computer to open in Photoshop.

You can now open it in the browser in Photoshop.

Seems pretty cool.

I think they have got illustrator.

Also, I think is like a private beta thing.

Also, on the web, so that's pretty cool.

All right, here we go.

So here some of the so goes through the story of bringing Photoshop to the web, and they talk about how the URL is super powerful, like in Google Docs.

Not only can you create like a new document.

We can also send a link to a specific document to a person then having them be able to open it up and collaborate in real-time.

So using the URL as like a unique way of being able to open up files and things that nature and get things done.

So that's that, that's pretty cool.

So how flu shots came to the web?

They're just talking about how like previously, like the web was only for like documents.

But now you can actually do so much more on the web.

And so they're talking about Gmail and Spark in Lightroom from Adobe.

All right.

So here's one of the technologies that help bring Photoshop to the web now webassembly, which I have been kind of looking into it.

Not seriously, but I kind of know about.

It's pretty dope and so, what that does, there's this well, they call it a tool chain.

So to C++ to extraneous emscripten.

So for y, understand because the web really only understands like, well, besides like, by Court, you know, something breaks down to, but, like HTML CSS.


That's what like browsers.

Understand, right?

And I think Photoshop, like, its guts are made from, like C++.

And so being able to turn that C++ into something that the web and browsers can understand.

That's where webassembly comes in.

And so there's a lot there's a squish I think skoosh is like a photo compression app that you can act.

I think it uses webassembly like under the hood to be able to because there are certain file types that the browser doesn't understand.

So it uses like webassembly to kind of bridge.

That Gap.

So that the compression can happen.

Neither their way back to the Photoshop.

So they're using webassembly to transfer via to, I guess translate the code that uses that photoshop is written in so that the browser and the web can understand it and is using in scripting, which is help with the JavaScript stuff.

All right, so that's pretty much what this is all about.

So they have links to in scripting, you know, and stuff to do.

That's some scripting and scripting.

Eating and then debugging stuff to talk about how to hit a thing is since It doesn't really understand like trying to debug the webassembly once it goes from C++ to webassembly.

So that the browser understand it, it's kind of difficult.

So now the Chrome team developed full-featured webassembly, debugging support.

So that's cool.

So if you ever look to Port like a desktop application to the web, you may be using webassembly and now they make it easier so that you can use webassembly debugging in this in the browser looks like yeah, this is like the console so that's pretty cool.

Near the devtools console.


So it's in the browser.

That's pretty cool then.

So because wait Photoshop works is like likes taking files from like storage and putting it in memory and back and forth and all these things.

It's like they use like as the user like pans around an image Photoshop needs to be the dynamically move data from on disc 2 in memory.

So as an example, when a user is panning around an image.

So on other platforms, this is accomplished using usually through memory mapping in Via M map, which I have never heard of before.

And it's cool.

They have links so you can learn more about it, but this hasn't been performed only possible on the web that is until given private file system.

Access handles were developed and implemented as An Origin trial.

So, what's cool is, what was it?

I think was the vs code in the browser where I think you have never lost 40 able to access from the web like actual computer files and things that you're able to do that through like input elements, but I guess there's like another API.

We can do all that and so you can check it out.

They have a link to that.

So accessing.

Oh from the origin private file system.

So yeah, not exactly sure, where all that means.

But basically able to access files from the thing, from the computer, cool.

And then with Photoshop being like color accurate is very important.

So they talked about how they're using display, P3 canvas to display images, more accurately in the browser.

So, that's pretty cool.

That's a whole.

Nother thing that's like new, which is pretty cool.

All right, now here, This is what I am interested.

In web components.

And so.

So I already spoke about previously, like, even in my talks, when I created a web component.

I, I have used spectrum web components from Adobe to kind of like add some styling to a web component.

I was creating for like talk or what?

Have you.

And so really cool and it's built upon the lit Library, which I have also used previously to create web components and so, all the different like UI elements, so, Photoshop's UI elements come from adobe's Spectrum, web components Library, a lightweight performance implementation of the Adobe design system that works with any framework or no framework at all because it's a web components.

And so they're using that to create like all the different UI elements.

So like this little window thing here or like the drop downs and all that stuff.

So is using their own in-house thing, that's, which is built on.


And have links to all the stuff is pretty cool.

So Yeah, and let us doing some cool stuff.

And so right here.

So what's more the entire Photoshop app is built using lit based web components, right?

So, not necessarily even just a spectrum web components but like the entire Photoshop app, and so leaning on the browser's built-in model and component model and Shadow Dom encapsulation, which is a big thing.

This Shadow Dom encapsulation.

That's super cool and It is kind of like using that for stuff.

It's cool.

So you find out more the team found it easy to cleanly integrate a few Islands.

So some parts of it looks like it's actually written in react.

And so with the, like, the shadow Dom encapsulation of stuff, you can actually take that like, react code and like, insert it into like the Sea of all the other web components and applications.

That's what they mean by like Island.


So it's like this react code surrounded, by all this other stuff and application, and it can like handle and it knows what to do like within itself.

And, and that's done like, through the shadow Dom encapsulation.

So it's like in the shadow realm, you know, I mean where is doing its thing as cool?

It's cool stuff.

So yeah, if you're welcome, opponents of pretty amazing, so then they talk about what's next for Adobe, on the web and all the stuff they have coming up.

And so now this is Pretty cool.

And now I am wondering because there's this other online.

Oh, by the way, did I?

Yeah, I posted the link to this.

Yeah, the link for this article is blog post will be in the archive page.

But also I am not sure people familiar with photo P, which is an online like image.

We call it editor.

And so it does a lot of the same kind of stuff I want if I can, I open.

Yes, the I can open files right off of my computer here.

I have never used photo P.

But you look like you could open Photoshop files, Illustrator files, XD files.

Sketch files.

PDF gimp files.

Raw files are just any jpeg PNG tip gets any sort of image file and it looks like it gives you like layers and all this stuff just like Photoshop.

So, I wonder like how they did it and how I guess different Maybe.

Photo p is like built from the like using web Technologies from the beginning, whereas Photoshop, as it already desktop application, instead of having to rewrite everything from beginning, using these new technologies, were able to bring it to the web.

And so that's pretty cool.

So maybe photo p played a part in like, oh, maybe we need to get on the web.

You know, I mean, so but yeah, so it's cool to see things like this and so all this stuff that we just spoke about Out, that brought Photoshop to the web.

All these different Technologies are being like Advanced even more.

And when other people see that, like, oh, a big company, like Adobe is adopting these things.

I think others will also do the same and it should really push adoption for everything.


There's like this whole Halo glowy thing going on.

Alright nice.

You can tell it's getting like to win like fall winter time.

Because the sun sets a lot later.

And so that's why it's still out there.

All right, cool.

So again, yeah, I think that's pretty cool.

So let me know what y'all think.

Did I say the let me say the photo? is other one so you can kind of check him out.

And yeah, so right now like I said Adobe on the web is through the Creative Cloud, so it's not like something I get you can just use Like you'd have to have I guess like a file in the Creative Cloud to open it.

Whereas look like Photo p is just on the web for you to check out.

So I am posting a link to that as well and it's cool to see all like actual applications coming to the web because the web is getting more and more powerful and I find that awesome and yeah cool.

So that's almost stopped screen sharing this.


So this was the second to last break session, and Going to send your back to work.

We have got one more break session and like another work session to end everything off.

But you, if no one signs up to do a show and tell, we're going to go over a website from a group, a group.


Their group.

Try remember, which one am I doing?

How about a list of the artists to go through?

But we will take a look at their website and listen to some tracks, and we watch some videos.

I don't know if there're any videos on there.

But yeah, we will find Welcome back.


So again, I thank you all for hanging out.

I am going to send you on your way.

And yeah, thanks again.

I wish you much productivity, and we're going to.

The traveling music is going to be new job is one of my favorites and I almost forgot to create a highlight video.

Let us see here.

All right, let me share this and featuring a Pawnee be.

So new job is featuring a Pawnee be the checks called.

Thank you.

Alright, so thanks for hanging out.

One more break session, 15 minutes after the hour.

And yeah, we will see what's up.


Hope you getting what you want, done.

I am actually making a little bit of progress, feeling good about it.

And so, yeah, I should hopefully have something to show by the next week or something.

So, all right.

Thanks again, y'all.

See you 50 minutes after hour.