Youtube daily Jul 26 2018

NATALIE: Hello, my name is Natalie.

I'm one of the engineers that works on Google Web Designer.

And in this video, we're going to take

a look at how to create animations using the Quick mode

timeline.

The Quick mode timeline is one of two animation tools

that we have.

A lot of files will open in this mode by default.

And the other tool is the Advanced mode timeline,

which you can access by clicking this toggle button

in the top right hand corner of the Timeline panel.

And we have a separate tutorial which

will focus on Advanced mode specifically.

And in this one, we'll just talk about Quick mode

and some things that you can do with it.

Let's step through an example.

I have this list of buttons.

And let's say that I'd like for them to fly in one by one

from the left side.

So the first step is to position them

where I'd like for them to be at the beginning, which is off

the page on the left side.

Then I'm going to click this Plus button down here

in the Timeline panel, which will add a new scene after half

a second.

This is something we'll be able to customize later.

In this scene, I'm going to rearrange my elements the way

I want them to be at a half a second in the animation.

So I want just the ABOUT button to be visible on page.

And then so on and so forth.

And you seem to have the Gallery button fly in

from the left side.

And a third to have the CONTACT button

fly in from the left side.

And so now we have an animation.

You can verify this by clicking each of the thumbnails, which

will show you a preview of what the animation looks

like at that point in time.

Or you can also click the Play button

to get a live preview of your animation on stage.

And this little Loop button will let you preview repeatedly,

so you can debug your animation.

So as we saw, the 0.5 between every pair of thumbnails

represents the duration between every transition,

between every two scenes.

If we click this, we can customize this duration

to be longer or shorter.

Let's say I want this one to be one second long.

And we can also adjust the easing.

So this is the Bezier curve that's

used to compute intermediate values for all the animations

between every pair of scenes.

So we have all the standard CSS easing functions available.

You can cycle through them one by one.

So ease in out is a good one as it simulates real world motion

pretty well.

So if we preview now, we can see the transition between third

and fourth thumbnails uses the ease in out transition

and takes about one second.

So this is an overview that should hopefully

get you started with building some animations using

the Quick mode.

It's pretty simple to use, but there

will be a limit to some of its capabilities for very

complex animations.

So for example, if you've got many elements that

are animating concurrently and you

want to be able to edit each animated element's key frames

and transitions individually, if you want to create things

like custom easing functions or be able to add interactivity,

those are all things for which you'd

need to venture into the Advanced mode timeline for.

And we have a separate tutorial that

goes more in-depth into that.

That's it for now.

And thanks for watching.

For more infomation >> Timeline Quick Mode - Duration: 3:14.

-------------------------------------------

Code View - Duration: 4:43.

NIVESH: Hi, my name is Nivesh, and I'm a developer

on Google Web Designer.

In this video, I'm going to give an overview

of Code view including keyboard shortcuts and code hinting.

When you initially open a file in Google Web Designer,

you are presented with the Design view.

The Design view includes tools, panels, timeline, and a stage.

What you may not have realized is

that there's also a Code view.

You can switch to Code view by clicking on the Code view

button on the top right of the workspace.

Google Web Designer uses CodeMirror

as the underlying tool for a Code view and code editing.

CodeMirror is a very powerful tool,

and it supports many different languages, including HTML, CSS,

and JavaScript.

CodeMirror offers some great code editing functionality.

For example, as I click on various lines,

you see a highlight appear on that line.

Also, any word that the cursor is over, matching words

will also be underlined.

Let me zoom in, so it's easier to see.

The code editing supports Zoom, which

can also be accessed in the View menu from 100% to 200%.

The View menu also includes a Line wrap option.

CodeMirror automatically does matching brackets as well as

matching tags.

And it also does autocomplete of brackets and tags.

For example, if I type in style here

and I add the closing bracket, it actually

adds the closing tag for me.

Similarly, if I add an open bracket,

adds the closing bracket for me.

And as you may have noticed, while I was typing,

it automatically indented.

CodeMirror also supports code hinting for HTML, CSS,

and JavaScript context.

It's smart enough to know that I'm editing CSS right now.

So when I type in background or back with a G,

and I press Control-spacebar, or Command-spacebar on Mac,

I'll get a list of matching words to complete with.

I'm going to select background color.

And again, if I type in ye and I, again,

bring up the code hinting menu, I'm

going to get the set of matching words.

I'm going to select yellow there.

Some of these options can be turned on or off

in the Preferences menu.

From Edit, Preferences, Code view section.

Here are the options we were talking about.

You can also change the key mapping

to match some popular editor such as Emacs, Sublime,

and Vim.

At the top here, you can change the color theme.

For example, if I use Blackboard, you get a darker color.

And if I use Neo, there's a lighter color.

And once you're happy with your setting,

you can save your options.

And the effect is immediately reflected

in your main document.

Some of the common workflows, such as undo, redo, cut, copy,

paste, find, and replace are available in the Edit menu.

And their corresponding keyboard shortcuts

appear to the right of the menu item.

And let me go ahead and show some examples.

I'm going to select the style element that I added.

I'm going to Edit, Cut.

And I'm going to move it to the top here.

And I'm going to use keyboard shortcut, Control-V,

or Command-V to paste.

It's that easy.

And I'm going to go ahead and now delete it again.

Now I'm going back to Design view.

In Design view, if I select this div element,

and switch to code view, you will

notice that the cursor has moved to line number 82.

This is the location where that selected div is declared.

I'm going to change that div's background color to red now,

and switch back to Design view.

The change is immediately reflected in Design view here.

Thank you for watching.

For more infomation >> Code View - Duration: 4:43.

-------------------------------------------

Corporations Ready For ANOTHER Tax Cut As Wages For Employees Fall - Duration: 3:23.

At this point, it's almost nauseating to see the number of politicians out there every

single day tweeting that the economy is better than ever, that corporations are doing more

than they've ever done for this country.

They're creating new jobs.

They're bringing jobs back to the United States.

They're just loving their corporate tax cuts that they got seven months ago.

As a result of that, Republicans, especially Paul Ryan, he's the leader of this whole thing,

are telling us we need to go ahead and give them another tax break.

That is currently what Republicans are working on in Washington DC.

Forget about all of the other important issues that we have going on, you know, the people

crying for some kind of medicare for all health insurance, so they don't go bankrupt from

their medical bills, and so they can actually afford insurance.

Or the students who are drowning in debt, the people who are about to have their social

security or Medicaid cut, because we have to pay for the first round of tax cuts.

Ignore all of those real problems we have in this country because it's been seven months

since we cut corporate taxes, so by God they're due for another one.

That's what Republicans are telling us today.

Why?

Because the Republican party of the United States is 100% owned by corporations.

Now, don't get me wrong.

The Democratic party is probably about 90% owned by corporations, maybe even a little

higher than that.

But Republicans still have an edge on them when it comes to getting corporate money and

since Republicans are in charge of the government right now, they're the ones who get the overall

wrath of the American public, because they reap the most benefits from corporations.

Corporations, by the way, who are screwing you with their financial fraud schemes.

Corporations who are dumping their toxins into our waterways giving people across this

country cancer and other illnesses and never facing any kind of justice in this country

other than getting hit by civil lawsuits where sometimes they can pay billions of dollars.

But those are still small amounts compared to the suffering they've caused and the profits

that they made while poisoning so many people.

Those are the same people that a few months ago got a massive tax break and now Republicans

want to give them another one, but here's the thing.

We were sold this first tax cut under the idea that it was going to give everybody in

this country a raise.

Paul Ryan actually still says that it does, but all of the available evidence seven months

in shows that real wages in the United States have actually fallen.

They've fallen by over 9%, so an almost 10% dip in real wages here in the United States,

because inflation has gone up obviously, interest rates are going up, things like that.

Real wages have fallen by almost 10% after this tax cut was enacted.

Seven months, a 10% drop.

Republicans, these corporate owned politicians, think the best way to address this is to give

those same polluting, fraudster companies an additional multi-billion dollar tax cut.

For more infomation >> Corporations Ready For ANOTHER Tax Cut As Wages For Employees Fall - Duration: 3:23.

-------------------------------------------

Little Women: LA - Terra and Tonya's Friendship Hangs By A Thread (S7, E18) | Lifetime - Duration: 4:24.

For more infomation >> Little Women: LA - Terra and Tonya's Friendship Hangs By A Thread (S7, E18) | Lifetime - Duration: 4:24.

-------------------------------------------

No te pierdan la nueva entrega de Misión Imposible | Noticiero | Telemundo - Duration: 2:39.

For more infomation >> No te pierdan la nueva entrega de Misión Imposible | Noticiero | Telemundo - Duration: 2:39.

-------------------------------------------

Noticias Telemundo Mediodía, 26 de julio de 2018 | Noticiero | Telemundo - Duration: 21:37.

For more infomation >> Noticias Telemundo Mediodía, 26 de julio de 2018 | Noticiero | Telemundo - Duration: 21:37.

-------------------------------------------

How To Upgrade Any Windows Phone To Windows Phone 10 (New) - Duration: 8:01.

For more infomation >> How To Upgrade Any Windows Phone To Windows Phone 10 (New) - Duration: 8:01.

-------------------------------------------

Remember Me / You'll Be In My Heart - Scott & Ryceejo ft The Hound + The Fox - Disney's Coco, Tarzan - Duration: 4:08.

remember me no I have to say goodbye remember me don't let it make you cry

for even if I'm far away I hold you in my heart I sing a secret song to you

each night we are apart remember me though I have to travel far remember me

each time you hear sad guitar know that I'm with you the only way that I can be

until you're in my arms

stop your crying it'll be all right just take my hand hold it tight I will

protect you from all around you I will be here don't you cry

so small you seem so strong

hold on keep you safe and warm

can't be broken

here

cuz you'll be mine

yes you'll be in my heart from this day

No

more

rising music playing

close your eyes music

Oh

me

hello thank you so much for watching this video we were so excited to work

with the Hound in the Fox they are incredible music duo so check out their

channel and all of the links are in the description below

thank you guys so much it was our pleasure to work with you both we had so

much fun and we love this on your videos so much and thank you so much to our

patrons for making collaborations like this possible you guys are the best

yes and we'd love to give a huge shout out to our patrons as well we made this

for you you make it possible thank you so much from the bottom of our hearts if

you want to support music like this the links are in the description below for

patreon.com you can pledge just a tiny bit full month and it helps out and

makes this media possible so what do you guys think should Scott and Ryceejo and

The Hound and The Fox do some more collabs together yeah comment below if you want

to see us do more with the Hound in the Fox let us know what you think of our

video and thanks so much for watching

me