Waching daily Jan 7 2017

- Hey everyone.

Welcome back to my channel.

Today I've got a video for you all about

exporting assets for websites.

Now, I consider the main goal when exporting

an asset to go online is for the file size to be

as small as possible without losing quality,

because smaller file sizes mean faster loading time,

and faster loading time means your users

have a better experience.

There are three main file types that I end up using

when I'm exporting assets to be incorporated

into the build of the site.

In this video, I'm gonna go through what those are,

when you'd use each one, and how to compress them

without losing quality.

The first file type we're gonna be

talking about today is SVGs.

SVG stands for Scalable Vector Graphics,

as far as I'm aware, and it does what it says on the tin.

It's a vector graphic, so it's made with points,

and it's scalable, so you can bring it down really small,

or up really large and it'll keep the same quality.

If the asset you've created is a vector,

it's likely that it'll be really suitable to use

as an SVG on the site, for example, icons and logos.

Shapes work really well as SVGs.

I personally wouldn't use SVGs for more complicated

vector illustrations.

I like to keep them simple, and with SVGs,

the more points that your vector has,

the larger the file will be, so that's something

to keep in mind as well when you're

creating your assets, is to make your vectors

as simple as possible.

What an SVG does is basically build the design in code,

so the file you export is telling your web browser

where the points should be and what colors

should make up the shape.

This also means that you can really easily change the color

of an SVG with code without having to re-export a new file,

so that's really handy, and these days,

SVGs are the ideal way to put simple graphics

like this up on a website, so that way,

no matter what screen resolution someone's using,

or if they're on the desktop, or they're mobile,

the image is still gonna look sharp.

I'm gonna show you an example of exporting

an SVG using my logo, so I've got it open in Sketch,

and what I'm gonna do is select all of the shapes

that make up my logo because you can see that each letter

is an individual shape right now.

Then, I'm gonna click Union up here.

As you can see, it's ended up filling in the circles

on my A's and E's and on this loopy end bit here,

but that's easy to fix.

I just select the two pieces, and click Difference,

and it'll cut it out again.

Doing this is just good practice,

because it makes your SVG file smaller,

so that's the reason I'm doing it.

Alright, once I've done that,

I'm gonna select that shape layer there

and come down to Make Exportable in Sketch.

I'm gonna change this to SVG,

and save it in a folder.

Remember, I said with SVGs,

you want to get them down as small as possible.

This file is only 12 kilobytes right now,

so it's pretty small already.

It would be fine to go, but I want to show you

a really handy SVG tool.

It's called SVGOMG, and basically what you need to do,

is open up your SVG file.

What this tool does is deletes any bits of unnecessary code

in your SVG file, and you can see down here,

in this features list what it's actually doing,

if you care to take a look, but really,

all I care about is this little bit down here

telling me how much of my file is compressed.

It's got it down to 2.49 kilobytes, which is amazing,

and I can also click here to show the original.

That way, I can make sure that, with its changes it's made

and the, you know, pass it's done,

it hasn't actually affected the look of my vector

in any way, which it hasn't, so that's great.

I'm just gonna let that download,

and now I've got a smaller file.

The next two file types we're gonna talk about,

unlike SVGs and their vector scaling abilities,

are bitmaps, and these are PNGs and JPEGs.

Now for both of these, you have to make sure that

you're exporting your file at the right size,

because if you export it too small and then try to

blow it up in code later, it's gonna look fuzzy,

and a bit terrible, so that's one thing to keep in mind,

is to make sure that your exporting your asset at the size

that you want it to appear.

These days, with our Retina screens,

it's common practice to export a 1x version,

which is just the exact dimensions that you want

the image to appear at, and also a 2x version,

which means, basically, double the size.

Developer will then use a thing called media queries

to look for when someone's using one of those

high-resolution screens and serve up that

double-size image instead.

The image will still appear the same on the website,

but it'll be much sharper for people on Retina screens.

I hope that makes sense, but I'm gonna show you

how to export for that anyway.

Now the main difference between JPEGs and PNGs is that,

PNGs can have a transparent background.

This means that your exported asset could sit on

any color background or even on top of

another image, for example, without appearing like

it's in a white box.

SVGs have a transparent background as well,

but there are definitely cases where

a PNG is gonna be more suitable than an SVG,

like with this laptop on this product page

I designed for example.

This image had bitmap elements, you know,

it's got photographs in it, and it'd be a very

complicated file if I exported this as an SVG,

so a PNG was the right option here.

So, the rule of thumb for this is anything that

you need to have a transparent background,

but is too complicated to be a vector,

or includes photographic elements.

PNGs are easy to export, I'll just show you

with this same logo that I used last time.

So, I select it, and instead of SVG,

I'm gonna click PNG.

In Sketch, you can just click this little plus button,

and it'll add a 2x version, or you can use this dropdown

to select it if you want,

and it's good practice to put @2x

at the end of the file name.

Let's export that.

And a really handy tool that I use for compressing PNGs

is one called ImageOptim.

I've bumped up the settings that it comes, like,

preloaded with for this.

I've ticked Enable Lossy Minification,

and dropped down the JPEG quality a bit,

which just compresses it a bit more.

Be careful with this, because with JPEGs

and PNGs especially, you can compress your image too much,

and it'll start to, like, break up

and look a bit grainy and pixelated.

So, trial and error, see what's gonna

work best for your assets.

All I have to do to use this is just

drag my image files into ImageOptim,

and it'll compress them, and as you can see,

it's taken nearly 70 percent off

both of those file sizes, so that's great.

The great thing about ImageOptim is it just

re-saves your file over it and replaces it,

so that same file that you had is now just much smaller.

Another tool I sometimes use for extra compression of PNGs

is this website tinypng.com

All you have to do is drag your files in here

and it'll compress, and as you can see,

this one's actually compressed those ones that already

went through ImageOptim even more, so that's great.

I can probably bump up my settings

in ImageOptim, that means.

The downside of using this site is that

you then have to download the images and take them

from your downloads folder and put them in your

assets folder, so it's a bit of an extra step,

which is why I prefer ImageOptim.

That brings us to our last file type which is JPEGs,

and I already talked a bit about them,

but when you'd use a JPEG over a PNG,

is if it's a photo that is going, like,

in a block anyway, or maybe if it's something

that's going on a white background and you don't

care about it being transparent,

that could be a good case to use it.

Generally, JPEGs can get smaller than PNGs,

because the file doesn't need to be thinking

about that transparent background,

so if your file doesn't need a transparent background,

then generally go with a JPEG, because it'll end up smaller.

First one I'm gonna show you exporting

an image in Photoshop.

The first thing that you wanna do with JPEGs,

and with PNGs really, but I see this problem more often

with JPEGs, especially in blog images,

is make sure that your image isn't

bigger than it needs to be.

So, my image right now, if I go to Image Size up here,

is 2,000 pixels wide, which is really unnecessary.

My blog, I think, is about 750 pixels wide,

is what the picture will end up being when it's displayed,

so I'm just gonna make my image that wide instead,

and 72 pixels per inch is a good resolution,

because that is screen resolution.

I've got my quick keys down for

exporting assets in Photoshop.

I don't know if this is the way you're supposed to do it,

but this is how I do it, I go Command+Alt+Shift+S

and opens up this save for web window.

So up here, I'm gonna change it to JPEG,

and it gives you a preview of

what the file size is gonna be,

and what you can do is drag down this

quality bar a little bit, because generally,

you can drop it down to maybe even 60,

and it'll still be absolutely fine.

Let's just zoom in a little bit and see.

Nope, not affecting it much, so lets go with,

let's go with 50 for this, so already that's brought

my file size down a lot.

Let's save this out, and how I do a 2x image in Photoshop,

is I go to image size, and I'll change this to Percent,

and write 200, so it's gonna make my file double the size.

Now, be aware, you can only do this if

your photo is in there as a smart object, which mine is,

which means that it doesn't lose quality

when you bring the file size up and down,

otherwise, you should make sure you

start your file at the 2x size.

ImageOptim is really good for compressing JPEGs,

so let's drop these in here and see what it does.

It's taken an extra 10 percent off both of those,

so that's good.

100 kilobytes for a 2x, full-width

blog image is pretty good.

So, those are my tips for exporting assets for web.

I hope you found that useful, and now maybe,

the sites you design will load faster

because your images are no bigger than they need to be.

If you did find this video useful,

please give it a thumbs up,

and if you've got any questions at all,

then please feel free to leave them

down below in the comments.

Thank you for watching, and I will see you

next week for another design video.

Bye.

For more infomation >> Exporting design assets for web - File types & optimization - Duration: 8:59.

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

Crazy Close Up Lightning Strike Compilation 2016 - Duration: 14:51.

Crazy Close Up Lightning Strike Compilation 2016

Anvil Crawler lightning also called "Spider Lightning" due to the way it scampers across the sky is one of nature's most dramatic displays. I've photographed hundreds of anvil crawler webs, but only once lurking over a paralyzed 2015 Mercury Monterrey. That's why this lightning strike.

intense evening. In June of 2016, a violent storm in North Texas was bombarding the Earth with constant bolts of negative and positive lightning... When the strikes are slowed down you can really see individual flashes that make the lightning flicker. It's an incredible super long mega bolt and it's 14 separate flashes that scores number 5 on my favorites.

Positive lightning is the most deadly of the bolts. They can leap from the tops of thunderstorms out to the ground up to 10 miles away. To complete this stealthy journey they can generate a billion volts... PLUS When these Daddies fire, they can heat the air to over 54,000 degrees F (30,000 C). That's over 5 times hotter than the surface of the Sun which is about 10,000 F.

CORRECTION: Positive flashes are usually composed of a single stroke, whereas about 80% of negative flashes contain two or more strokes (e.g., Rakov et al. (2015). Multiple-stroke positive flashes do occur but they are relatively rare. Heidler et al. (2015), from electric field measurements in 2015–16 in Germany, found that out of a total of 36 positive flashes, 32 contained one stroke and 4 contained two strokes. On the other hand, Lyons et al. (2016), using NLDN data for 14 selected summer months from 2015 to 2016, reported on 1002 positive flashes (about 0.04% of a total of 2.7 million positive flashes) composed of more than 10 strokes. However, in the author's view, it is likely that some of these multiple-stroke events are actually misidentified cloud discharges.*****

Crazy Lightning Strike Compilation Everyone has seen lightning, but have you seen it this close before? I did not take these videos myself, and claim no right to them.

Because of their tendency to leap away from rain and low storm clouds, positive lightning is extra photogenic.

was a crazy perfectly framed anvil crawler discharge crashing to Earth between Brady and Fredricksburg TX in 2016. was caught on camera on June 16th, 2015 in Northeast Nebraska. 2 tornadoes are on the ground as lightning strikes

Seth,Landon,Lightning (Cause Of Death),Lightning Strike,Storm,Thunder,Crazy,Tornado,Rain,Tornado (Ship Class),Weather,Flood,Disaster,Wind,Thunderstorm,scary lightning,lightning strikes,youtube,compilation,lightning strikes compilation,crazy,close,Insane,Funny,2016,2017

For more infomation >> Crazy Close Up Lightning Strike Compilation 2016 - Duration: 14:51.

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

Xelu Baye Fall - Yon Wi (Official Video) BOZATRACKS #1 - Duration: 5:16.

MY WAY

this is my way, this way

this way is long and dark

there are many thorns and obstacles,

you will confront many things

this is the way of a migrant

you struggle and your enemies make fun of you

the successful way is not fast

the successful way is not easy

you will see many things, you will confront many obstacles

you need to recognize the appearances

don't not be ignorant

all the time your courage is with you

this is my way, this way

when I left home, I said goodbye to my mum and dad

when I left home, I said goodbye to my friends

when I left home, I said Bismillah for this way

this is my way, this way

this is the way of courage, it's always very hard

the motivation is that you will reach your destination

but what is strange is that you don't know when you will arrive

this is the way towards victory, it's always very hard

the motivation is that you will reach your destination

but what is strange is that you don't know when you will arrive

this way is going over the sea, it's always very hard

the motivation is that you will reach your destination

but what is strange is that you don't know when you will arrive

this is my way, this way

some have arrived, some are still there and there are those who have passed away

For more infomation >> Xelu Baye Fall - Yon Wi (Official Video) BOZATRACKS #1 - Duration: 5:16.

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

Countdown to Caturday: Scared of Reflection - Duration: 0:45.

A LOT OF KIDS ARE LIKE I WANT A

CAR -- NOW.

IT'S OFFICIALLY CATURDAY.

IT'S A CAT THAT'S SCARED OF ITS

REFLECTION.

LOOK AT THAT.

LOOK AT THAT GUY.

WHAT IS HE DOING?

WHY IS HE LOOKING AT ME THAT

WAY?

HEY, YOU'RE STALKING ME.

I'M TURNING MY BACK TO YOU.

OH, DON'T YOU TAUNT ME.

YOU'RE TAUNTING ME.

WHOA.

DON'T DO IT.

For more infomation >> Countdown to Caturday: Scared of Reflection - Duration: 0:45.

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

Im Small Here Friends - Duration: 5:12.

hi friends

and today

well show you

my old time

lets go

thanks friends

for whaching

this video

bye

For more infomation >> Im Small Here Friends - Duration: 5:12.

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

Responding to Your Baby's Needs | 6 to 9 Months | Good Parenting Videos by babystep.tv - Duration: 1:12.

For more infomation >> Responding to Your Baby's Needs | 6 to 9 Months | Good Parenting Videos by babystep.tv - Duration: 1:12.

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

#AbrahamHicks Best § Joy responds to your frequency ♥ Esther Hicks #LawofAttraction Daily Videos - Duration: 7:25.

For more infomation >> #AbrahamHicks Best § Joy responds to your frequency ♥ Esther Hicks #LawofAttraction Daily Videos - Duration: 7:25.

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

Simple Natural Everyday Makeup Look - Duration: 1:47.

Hi everyone~ this is Meiqi and today I

will show you guys my simple natural

everyday makeup look

Fill in the eyebrows I use the color dark brown to give a more

natural look

then for the eyeshadow i use my naked

palette I use Sin for my base

and then put it all over my eyelid to make my eyes look brighter

Then I use a shiny gold colour and dab it on the middle part

of my eyelid to make it pop a little more

take a small brush and with the lightest colour (virgin)

and I put it in the inner corners of my eyes

Then i use a brown eyeshadow (smog) to put it in

the outer corner of my eyelid

I use a brown eyeshadow (Buck) to put under me eye

To create more depth

I use my KATE liquid eyeliner to make a slightly wing

then curl your lashes

Then put your favorite mascara on I use Max Factor

Also puts some on my bottom lashes

And lastly I use a natural lip color

And this is my finished look!

thank you for watching and see you in my next video!

For more infomation >> Simple Natural Everyday Makeup Look - Duration: 1:47.

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

Authentic Italian Culture in Brazil? E' Vero!! - Duration: 7:40.

Hey everybody! This is Conor the

Language Tsar. So today I'm speaking from

Galway in Ireland. It's time to plan my

next trip to Brazil it's almost January

and of course I go every year for

carnival primarily. That's going to be in

February this year but also I like to

travel around the country. I always try to see

somewhere new that I haven't been to

before on a previous trip. So last year I

went to the south of Brazil, to the

three more southern states. That's

Santa Catarina, Paraná and Rio

Grande do Sul in search of minority

European cultures and legacy cultures.

So to explain what that means: I went there

in search of a kind of Italian, Ukrainian,

German, Polish, Russian communities that are

kind of either trapped or their

descendants still manage to maintain

some of the traditions. There are other

communities there like that are not

European like Japanese also a strong Arabic

community or a Middle-Eastern

community at least. A lot of people came

from Lebanon for example. Now I did two

other videos about Ukraine and also

about the German culture. You should go check those

out on my channel and this one is about

the Italian culture in the south of

Brazil. Now there are a huge number of

Brazilians who are of Italian descent.

It's like about fifteen percent so it's

not that rare to be of Italian descent

in Brazil. Now communities that actually

speak Italian and maintain Italian traditions

are extremely rare. I had never found one

before in Brazil on all my trips. So

this time I went to Rio Grande do Sul and I

went to about an hour, hour and a half I

think north of the capital which is

Porto Alegre to Caxias do Sul which is

the center of ... it's kind of the biggest

city in this kind of Italian region. When I say

'Italian' it's of course of Italian descent.

Now the people originally came from Venato

which is if you know your Italian

geography right in the north east of the

country. So that's the state where, the

province in Italy where you have Venice

of course and in Caxias do Sul when I arrived

the first thing that struck me is like

people were a lot taller than in

the rest of Brazil. I felt like a shrunk

10 centimeters when I arrived and if

people know anything about Italians,

while Italians are not particularly tall in general,

people in the north are a little bit taller

so that definitely was in sync with the

immigration pattern. Now the food there

was entirely Italian. It was amazing. I

was looking people who basically looked

northern Italian. They were eating

Italian food. They even had really good

wine. Brazilian wine is definitely not world

renowned and that's for a good, very good

reason in general. It's not that good but

this region did have decent wine and

when I took a trip out to two other

surrounding towns which are Bento

Gonçalves and Garibaldi. It was like a

little bit like being in northern Italy, like Tuscany,

you know. It's got these rolling

hills, Italian style buildings, vineyards

left and right it was really really

beautiful there. So they have this tour

like you'd see in a lot of other countries, like if you go to

Australia, South Africa obviously, in

France, Italy, all big wine producing

countries, in California as well,

big wine producing regions have these

tours that you can go on and can sample

the wine, go from vineyard to vineyard it was

exactly like that but we're in Brazil,

we're not in Europe so that was quite

interesting.

They have a local festival I went to

this wine festival that was called

'Festa da Uva'. It's a biannual one but I've

got to be honest: it sucked! It was

really commercial. I was so disappointed.

I had this image of this kind of you

know very quaint, joyous, wine filled

small-town celebration of the wine you

know wine producing or wine culture

but no. It was just basically a commercial

fair with a few little kind of pageantry

things that were very nice but it was

really not worth going to in my opinion

so I only spent a couple hours there and

I just head back into town but the next

day I did take the advantage to go drive

around the wine region and it was really

interesting and really beautiful there

and I had a great time and they actually

still speak Italian in parts. Now there

aren't that many people who speak Italian.

They actually have a particular and

unique dialect called 'Talian' but I was

lucky because my taxi driver when I

drove around the vineyards actually

spoke it because his wife also spoke it

so they they used Italian at home. So

this is a dialect of Italian that's

based on a lot of Venetian dialects in

northern Italy that have mixed in Latin America and

obviously like ... some influence of

Portuguese and yeah so here's an example

of Italian as spoken by my taxi driver:

- We are here in Bento Gonçalves at Hotel Spa do Vinho.

The built it 10 years ago more or less.

All these vines are part of the hotel complex and there beyond is the Miolo vineyard.

Montebello is the name of this place.

Over there is the municipality of Montebello.

- It's a little far away.

5 kilometers perhaps.

- 5 kilometers more or less. 5 or 6 kilometers.

- Thanks a lot! - - Thanks a lot!

So that's my tour my tour of

Italian Brazil or at least part of Italian Brazil,

Caxias do Sul and the surrounding

areas in Rio Grande do Sul which were

Bento Gonçalves and Garibaldi. Now you

may recognize the name Garibaldi

because he was one of the heroes of the

'Risorgimento' which was the unification

of Italy in the 19th century. He went to

Brazil. Now he went to Brazil for a very

specific reason: he fought with a group

of rebels that wanted secession or

independence from Brazil in this region

in the very south and they lost so yeah.

He went back to Italy where he was a lot

more successful in other wars and

eventually he became one of the founding

fathers of the modern Italian state. So

in southern Brazil actually have this

town named after him, not because he united

Italy but actually because

he fought with the rebels who wanted to kind

of ya secede from Brazil so it's a little

bit strange that they have those names

today, also been to Bento Gonçalves

that was actually also one of the rebel

leaders and that town was also named

after him but the local people

definitely have a different personality

to a lot of other parts of Brazil. They

drink maté for example which you don't

find in other parts of Brazil. You have this

of course very Italian centered culture

in this particular region so yeah

they're definitely not separatists today

there's no separatist movement to become

independent from Brazil but you still

have these vestiges of the former

political turmoil. So that's my video about

my trip last year to the Italian part of

Rio Grande do Sul right in the south of

Brazil. Write me in the comments section

below the video if you've been there

yourself or if you're from Rio Grande do Sul or

maybe you have experience with the other minority

European cultures, their historic

cultures there. Write me in the comments section below!

Let me know about your experiences and I

look forward to see you in the next

video and pretty soon I'm gonna be back

in Brazil so it's a bit 'arrivederci' which

is 'goodbye' in Italian and 'até logo' which

is 'goodbye' in Portuguese until the next video!

For more infomation >> Authentic Italian Culture in Brazil? E' Vero!! - Duration: 7:40.

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

New Year's Resolutions 2k17 - Duration: 4:10.

Hey everyone, it's Rina.

This is a new experience for me.

I actually got a tiny little tripod for my phone so I could take better quality vlogs

while I'm on the go or while I'm at home, et cetera.

I know probably everyone you know is doing one of these vlogs, but I am making a vlog

about my 2017 new year's resolutions.

I didn't really have any concrete idea of what I wanted to do for my new year's resolutions

until about five minutes ago.

Okay, so first I wanna talk about 2016.

We all know it was a rough year for a lot of people.

It was a year that came with a lot of cold, hard truths for me.

And it was kinda sucky, honestly.

And I had a bitter taste in my mouth when the year ended, and I don't wanna carry that

with me into this year.

I really want this year to be a fresh start in some senses.

Some of 2016 I am going to bring with me.

You can't go forward without considering where you came from.

So I am going to do that, basically.

So, new year's resolutions.

I'm not really one to make new year's resolutions that are really concrete.

I don't like doing things that are specifically this, that, and the other thing.

I don't like saying, "I'm gonna do this five times a day every day," you know?

I'm not that kind of person.

For long term-goals, that is not something that I tend to abide to.

So one thing that I want to do for 2017 is to just be more honest with myself in what

I'm able to do.

I want to be clear and honest about how well I'm doing each day, and whether or not I'm

having any problems with something.

One of the things that came to be a road block for me last year and other times in the past

was telling myself that I could do something when I really didn't have the resources or energy to.

And I end up overtaxing myself way too easily when I do that.

So I want to be more honest with myself on that this year.

Another thing that I want to do is generally aim to be more healthy.

I know Parks & Rec has, you know, 'treat yo self.'

Treat yourself and take care of yourself.

But I took that way too literally at the end of the year.

I used everything as an excuse to indulge myself.

And I really need to cut back on that.

And not just go cold turkey, don't eat chocolate, don't sleep an extra hour - no, it's not like that.

But I really need to be more aware of what's healthy for me.

I lost sight of that a lot this year, I think.

What I really want to do is just be more mindful of my health.

And I think that's always a goal for me, but I really want to actually take that to heart this year.

I know this vlog is kinda rambly, because I literally just thought of it like ten minutes

ago, going, "I'm gonna do the thing."

But I really want those to be my biggest resolutions.

And I know that I have a lot of work to do ahead of me, but I think that I'll be able to do it.

I think that I will be able to get it together and just go ahead and do it.

Yeah, those are my new year's resolutions.

Just be honest with myself, and take care of myself, basically.

Be healthy as much as I can, all the time.

If you liked this video, feel free to leave a rating or a comment.

That's always very much appreciated.

And if you wanna see more of my face or hear more about my life and stuff, feel free to

hit that subscribe button, and I'll see you all in the next video.

Bye!

[music]

For more infomation >> New Year's Resolutions 2k17 - Duration: 4:10.

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

Pork Chop Recipe | How to Make Pork Chop Recipe Easy Latest Method by Recipes Expert - Duration: 2:41.

Hi guys welcome to my channel.

Today I will show you how to make this recipe with easy and fast latest method.

How to Make Pork Chop Recipe

How to Make Pork Chop Recipe

How to Make Pork Chop Recipe

How to Make Pork Chop Recipe

How to Make Pork Chop Recipe

How to Make Pork Chop Recipe

Thanks for watching.

Do not forget to subscribe my channel for more healthy and delicious recipes.