Thứ Ba, 21 tháng 8, 2018

Youtube daily Aug 21 2018

NIVESH: Hi.

My name is Nivesh, and I'm a developer

on Google Web Designer.

In this video, I will show you how

to use the Selection Tool to select, move, and transform

elements, as well as using some useful keyboard

shortcuts when you perform these actions.

The Selection Tool is available as the first tool

at the top of the Tools panel.

I have a simple document here with some HTML elements.

To select a single element, click the element

you want to select.

To select multiple elements, drag a selection marquee

around the elements you want to select.

To add additional elements to the current selection,

you can Shift plus Click, or you can also

Shift plus Marquee select.

To de-select elements, you can Shift plus Click

an already selected element to remove it from the selection,

or you can also Shift plus Marquee select an element

to remove it from the selection.

To move an element or elements on stage, select the elements

and just move them with the Selection tool.

To constrain the movement in a horizontal or vertical

direction, you can hold down the Shift key

while dragging the selected element.

So moving horizontally, or you can move it vertically.

When the Transform Control is checked over here,

you will notice that additional handles

are added around the selection.

To rotate a selection, you can click and drag

the outer circle.

You can hold down the Shift key while

dragging to constrain the rotation to 45 degree

increments.

You can drag the inner circle and move it

to change its transform origin.

This is the center of rotation.

So now when I rotate, it rotates about that point.

To resize the selection, you can select the element

and drag one of the control points

on the sides or the corners.

You can hold down the Shift key while

dragging to maintain the original aspect ratio.

You can hold down the Alt key while dragging

to resize from the center.

You can hold on both the Alt and the Shift key

to resize from the center and maintain the aspect ratio.

That's all I have for this video.

Thank you for watching.

For more infomation >> Selection Tool - Google Web Designer - Duration: 3:17.

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

Percent Authoring Overview - Google Web Designer - Duration: 4:11.

NIVESH: Hi

My name is Nivesh

and I'm a developer on Google Web Designer.

In this video I will show you how to create fluid layouts by using percent-based

units for position and size.

First let's take a look at a sample document where

all the elements currently use pixels for their position and size.

Now if I preview this file in the browser

and I resize the browser window

you'll notice the layout does not update.

The elements position and size stay fixed.

Let's change that by using percent-based layout.

If you want the main page container

to grow and shrink to match the screen size you can do so by

clicking on the Match viewport button in the Properties panel.

This will set the page's width and height to 100%.

And now the page will grow and shrink

to match the screen size.

You can also change the left top width and height

of individual elements.

I'm going to click the yellow div here

and I'm going to change its left top width and height

by clicking on the unit's section of the controls

and switching to use %.

You can also select multiple elements

and change all their position and sizes to use %

Now select these three elements down below

and switch their left top width and height to use %.

And now you can see their individual

left top width and height are also using %.

Sometimes you may want

an element's width and height to remain fixed

but have its position update as

the screen size changes.

So I'm going to change this logo element's

left and top to use %

but I'm going to leave its width and height to use pixels.

Now let's preview this in the browser.

You notice as I resized the browser

the elements were flowing with the viewport.

An easy way to create such fluid layouts

is to use the fluid layout option

in the selection tools options bar.

When I switch to another

file that does not have percent-based layout

set for these bottom three elements.

So when I go here these are still using pixels.

Now I'll show you the difference on

when the fluid layout option is checked and unchecked

in this case I will uncheck it.

I'm going to select the three elements

and align them vertically center with their parent container

and space evenly apart horizontally

with their parent container.

Now I'm going to preview.

As you'll notice

the elements don't adjust

as I resize the browser window

they remain where I last aligned them

And that's because

without the fluid layout option checked

the alignment is done as

a one-time position and size adjustment

but if I click the fluid layout option

and I reapplied the align settings again

align vertical center and space horizontally

and now I preview in browser.

By checking the fluid layout option

we created a percent-based alignment

that keeps the elements relatively aligned

to each other and to the enclosing container

as the container changes size.

That's all I have for this video.

Thank you for watching!

For more infomation >> Percent Authoring Overview - Google Web Designer - Duration: 4:11.

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

Post Malone Lifestyle | 2018 - Duration: 3:18.

Post Malone Lifestyle | 2018

For more infomation >> Post Malone Lifestyle | 2018 - Duration: 3:18.

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

12 STRANGE STORIES TOLD IN REDDIT | Los 12 Mas - Duration: 11:27.

For more infomation >> 12 STRANGE STORIES TOLD IN REDDIT | Los 12 Mas - Duration: 11:27.

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

MATA a la DIABETES para SIEMPRE en solo 8 DIAS facil y rapido - Duration: 2:27.

For more infomation >> MATA a la DIABETES para SIEMPRE en solo 8 DIAS facil y rapido - Duration: 2:27.

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

Chocolate Quente com Leite de Amendoim (Vegan) - Duration: 1:36.

For more infomation >> Chocolate Quente com Leite de Amendoim (Vegan) - Duration: 1:36.

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

Die Stimme deines Gewissens (1) – Joyce Meyer – Mit Jesus den Alltag meistern - Duration: 28:26.

For more infomation >> Die Stimme deines Gewissens (1) – Joyce Meyer – Mit Jesus den Alltag meistern - Duration: 28:26.

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

25 minutes of Treadmill Virtual Scenery | 165 BPM Running Music #06 - Duration: 26:27.

WELCOME TO A NEW TREADMILL WORKOUT VIDEO: STAGE 06

SET TREADMILL SPEED FOR RUNNING @165BPM

YOU CAN START TESTING AROUND 11.2KPH/7.0MPH

TRY TO LINK YOUR MOVEMENT TO THE BEAT OF THE MUSIC

MANTAIN A STEADY PACE AND ENJOY THE RUN

For more infomation >> 25 minutes of Treadmill Virtual Scenery | 165 BPM Running Music #06 - Duration: 26:27.

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

אמירותיו של המשיח של אחרית הימים | 'באמונתכם באלוהים עליכם להישמע לאלוהים' - Duration: 10:06.

For more infomation >> אמירותיו של המשיח של אחרית הימים | 'באמונתכם באלוהים עליכם להישמע לאלוהים' - Duration: 10:06.

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

NieR Drama CD1/06 - Reporte #3 [SUB ESPAÑOL] - Duration: 3:18.

For more infomation >> NieR Drama CD1/06 - Reporte #3 [SUB ESPAÑOL] - Duration: 3:18.

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

allah ditta lonay wala | punjabi song | pardesia de dhula | mp3 - Duration: 10:47.

For more infomation >> allah ditta lonay wala | punjabi song | pardesia de dhula | mp3 - Duration: 10:47.

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

আল্লাহ্‌র সংজ্ঞা কি | Ask Dr Zakir Naik [Bangla] - Duration: 14:03.

AK Computer Network

Have Done This Video

For more infomation >> আল্লাহ্‌র সংজ্ঞা কি | Ask Dr Zakir Naik [Bangla] - Duration: 14:03.

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

How to delete Google Chrome download history - Duration: 1:02.

Today's video is on how to delete download history on Chrome. If you want

to clear download history from Chrome just to go to settings. Then go to more

tools, then go to clear browsing data. Now from clear browsing data window

just keep download history checked. And uncheck rest other options.

now hit on clear data button. And done! Alternatively you can press control

shift and dell button from keyboard. And clear browsing data window will be

opened. Now like before just keep download history one checked and

uncheck all other options. Hit on clear data. And done!

Thank you for watching

Không có nhận xét nào:

Đăng nhận xét