►
From YouTube: UX Showcase: MR Reviews - Tips & Tricks
Description
No description was provided for this meeting.
If this is YOUR meeting, an easy way to fix this is to add a description to your video, wherever mtngs.io found it (probably YouTube).
A
Loved
one,
my
name
is
Nick
Brandt
I'm,
a
product
designer
for
the
plan
group,
specifically
product
planning,
and
today
I
was
going
to
review
some
tips
and
tricks
when
it
comes
to
Mr
reviews
and
some
things
that
you
know
I've
started
to
do.
That's
helped
me
out
with
reviews
created
some
efficiencies
as
well,
just
made
sure
I'm
kind
of
capturing
different
things
that
potentially
I
was
maybe
missing
in
the
past.
A
A
All
right,
so
one
of
the
first
things
that
I
wanted
to
talk
about
was
responsive,
testing
and
I
know.
Most
of
you
are
probably
familiar
with
just
kind
of
resizing
the
browser
to
test
different
viewport
sizes
and
seeing
how
things
Reflow,
but
one
of
the
things
that's
kind
of
helped
me
have
a
better
visualization
of
how
our
actual
breakpoints
affect
the
Reflow
is
by
using
what
is
called
the
see
the
brand
up
here,
the
toggle
device
toolbar
within
Chrome
tools.
A
So
if
I
click
on
this,
it
essentially
puts
me
into
an
area
where
I
can
select
different
screen
sizes
based
off
of
devices
as
well
as
I,
can
create
kind
of
my
own
default
devices
that
I
want
to
set
up.
So
what
I've
done
is
I've
actually
created
a
bunch
of
different
device
sizes
based
off
of
our
various
viewport
sizes,
and
it
lets
me
easily
kind
of
test
different
sizes
based
off
of
those
breakpoints,
that
we
have
I
still
definitely
kind
of
resize
the
window
to
to
see
how
things
kind
of
Reflow
initially.
A
A
A
Various
different
load
speeds
this
one
I,
don't
think
you
can
really
edit
the
ones
that
are
provided
here
within
this
section
it
only
has
like
a
mid
low
with
an
offline,
but
it's
still
helpful
to
kind
of
get
a
kind
of
a
quick
visualization
of
how
things
load
at
different
speeds,
whether
it
be
on
a
you,
know,
mid-tier
Network,
or
something
a
bit
slower
where
it
takes,
you
know
longer
to
load.
It
just
can
be
kind
of
helpful
to
see
kind
of
those
different
states
as
well
as
like.
A
A
I
was
having
issues
where
I
couldn't
get
it
to
work
and
after
troubleshooting,
what's
one
of
developers,
I
found
that
I
needed
to
actually
update
my
hostname
to
be
studio.0.0
instead
of
the
127.0.0.1
I'm,
not
exactly
sure
why
this
change
needs
to
be
made
and
I
actually
asked
this
in
the
GDK
Channel
and
waiting
for
a
response
on
that.
But
this
essentially
solved
it
for
me
was
updating
my
hostname
to
be
that
and
so
I
provided
some
instructions
on
how
you
can
easily
do
that.
A
You
have
to
do
a
GD
reconfigure
afterwards,
but
then,
after
you've
completed
that,
if
you
find
your
local
IP
address,
which
I
provided
like
a
quick
snippet
here,
that
you
can
use
in
your
terminal
to
figure
that
out
or
you
can
go
to
network
preferences-
and
you
can
also
obtain
your
IP
address
from
there.
After
that,
you
can
essentially
view
your
GDK
from
your
device
by
simply
putting
in
your
IP
address,
followed
by
the
port,
which
three
thousand
I
will
know.
A
You
need
to
make
sure
you're
on
the
same
network
as
your
computer
running
the
GDK.
Otherwise
this
won't
work
so
just
ensure
that
your
have
both
devices
on
the
same
network,
but
then
yeah.
You
should
be
able
to
test
things
out
on
an
actual
device.
It's
helpful
to
make
sure
you're
kind
of
seeing
how
things
interact
with,
like
you
know,
the
keyboard
on
your
device
or
different
interactions
for
mobile,
so
I
found
that
helpful
in
different
instances
as
well.
A
Some
other
things
that
have
been
helpful
for
me
is,
you
know,
I'm
fairly
familiar
with
the
inspector
in
Chrome
Dev
tools,
just
because
I've
had
some
past
development
experience,
but
even
with
that,
like
I
still
at
times,
find
it
somewhat
kind
of
cumbersome
to
find
specific
things
that
I'm
looking
for
and
I
found
a
few
various
extensions
that
have
helped
make
that
a
bit
easier,
and
so
some
of
these
are
for
font
identifiers.
Now,
there's
for
color
identifiers
and
so
I'll
quickly
showcase
a
couple
of
those.
So
let
me
get
out
of
here.
A
A
Yeah
that
was
weird
but
yeah,
so
you
can
hover
over
to
see
actual
font
names.
But
then,
if
you
click
on
it,
you'll
get
like
the
full
details
of
like
the
way
the
lion
height,
the
font
size
Etc.
So
that
can
be
quite
helpful
just
to
quickly
identify
fonts
when
it
comes
to
Colors.
A
There's
a
couple
different
extensions:
one
is
the
color
pick
eyedropper
this
one's
helpful
just
because
it
provides
like
a
little
magnifier
to
easily
kind
of
locate
and
see
various
colors,
whereas
another
one
that
I've
used
as
well
is
called
the
colorzilla
and
it's
similar
but
I've
had
it
where
you
have
a
harder
time
kind
of
getting
right
over
the
different
areas
to
make
sure
you're
getting
an
accurate
kind
of
rating
for
the
font.
A
So
it's
easier
for
large
areas,
but
I
actually
like
the
person
that
I
pointed
out
a
little
bit
better
for
finding
colors.
A
The
next
thing
I
wanted
to
go
over
was
permission
so
a
lot
of
times
we'll
have
specific
functionality,
that'll
be
roller
permission
specific
and
at
those
times,
I
found
it
I've
kind
of
have
to
go
back
in
and
to
my
users
and
make
sure
I
have
a
user
set
up
with
certain
like
roles
just
to
make
sure
that
I'm
testing
different
various
things,
and
so
what
I've
actually
done
recently
is
went
into
the
user
section
of
my
GDK
and
just
went
ahead
and
just
created
kind
of
like
a
test
Suite
of
users
just
to
make
it
so
I,
don't
have
to
keep
kind
of
looking
for
this
information
later
on
or
making
sure
I
have
something
set
up.
A
So
I've,
essentially
just
created
like
different
users
or
I've,
really
just
reused
the
users
that
were
already
in
here
and
just
renamed
them
based
off
of
the
different
roles
we
have
available
and
then
I
went
into
some
of
these
different
major
projects
or
groups
that
I
I'm
generally
testing
with
and
I
added
them
to
those
based
off
of
those
roles.
So
if
I
ever
am
in
a
situation,
say
I'm
like
wanting
to
test
like
an
issue
page.
A
A
Now
viewing
this
as
that
gestural
and
seeing
how
things
change
based
off
of
only
having
guest
access,
so
that
can
be
helpful
just
to
one
make
sure
you're
kind
of
testing
various
roles
and
permissions
as
well
as
like,
if
you
have
this
already
set
up
you're,
not
having
to
kind
of
check
that
and
kind
of
set
things
up
in
the
moment
and
makes
a
lot
easier
for
me
at
least
when
I
need
to
do
stuff
like
that,
let's
see
here,
this
does
take
a
bit
of
time
to
set
up
it.
A
A
So,
first
of
all
one
that
I've
used
is
this
color
contrast
Checker
and
it
essentially
just
brings
up
a
little
panel
where
you
can
select.
You
know
various
different
areas:
I
guess
that's
the
background
with
a
Swatch
and
then
it'll
give
you
kind
of
your
accessibility
values
here
on
the
left
and
if
I
wanted
to
I
could
take
a
screenshot
of
this,
showing
that
it's
meeting
or
if
it
was
you
know,
failing
I,
could
take
a
screenshot
of
this
and
then
point
to
the
area
where
it
was
failing.
A
So
I
found
that
pretty
useful
instead
of
having
to
a
lot
of
times
I
in
the
past,
just
went
to
the
site
that
has
like
the
contrast,
Checker
and
would
plug
in
my
values,
but
this
makes
it
so
I
don't
have
to
really
leave
the
page
and
I
can
do
it
all
from
here.
A
A
I'm
not
oh
there.
It
is
so
yeah,
it's
the
highlight's,
not
perfect,
but
what
it
does
is
it
kind
of
when
you
click
on
different
areas.
It'll
highlight
it
in
the
UI,
so
this
area
isn't
meeting
contrast
guidelines,
there's
some
other
areas
here
that
I
can
identify
it's.
If
you
want
to
actually
look
for
a
specific
instance,
it
has
a
similar
Color
Picker
that
I
just
showed
you
to
the
to
the
other
plug-in
where
you
can
do
the
same
thing
but
yeah
the
nice.
A
There's
this
one
called
nerdfocus
and
this
one
is
helpful
for
just
debugging
various
Focus
states
of
like
not
understanding
where
the
focus
is
or
seeing
clearly
seeing
when
focus
is
changing.
A
So
you
actually
have
to
go
in
here
to
my
Dev
tools
and
go
to
nerd
Focus,
show
indicator
and
then,
as
I
tab
through
it
gives
me
a
clear
indicator
where
the
focus
is
and
I
think
an
area
where
I
can
show
you.
Where
this
is
a
little
bit
more
valuable,
this
page.
A
Or
actually
this
wasn't
the
one
I'm
actually
gonna
do
one
other
thing.
A
So
we
didn't
have
great
Focus
States
for
these
elements,
as
you
can
see,
but
it
kind
of
helps
to
highlight,
what's
actually
being
focused
in
different
areas.
So
this
can
be
great
for
like
debugging
Focus
dates
and
when
we
don't
have
great
focused
Styles,
apply
for
certain
things
and
then,
if
I
ever
to
go
back
turn
that
off
real
quick.
A
Another
one
that
I
found
helpful
is
being
able
to
see
the
tab
order
on
the
page.
So
this
is
a
nice
plug-in
that
will
actually
go
through
the
entire
page.
It
can
be
problematic
if
you
have
a
really
long
page
because
it
can
take
a
while
for
it
to
do
this,
but
essentially
it'll
kind
of
scan
the
entire
page
and
then
show
you
all
the
ordering
for
tabbing
throughout
your
page.
There
are
some
different
configurations
you
can
do
for
this,
such
as
you
can
change
the
color.
A
A
I've
used
a
couple
of
different
things
for
still
images,
one
of
them
that
I
use
the
most
is
awesome
screenshot.
The
reason
I
like
this
one
is
something
oops
is
after
select,
say:
I've
checked
the
contrast
on
something.
Let's
say:
I
was
noticing
that
this
was
a
bit
off,
because
I've
actually
noticed
this
earlier
that
it
was.
A
A
And
then
I
can
easily
just
save
this
and
provide
it
to
development
team,
so
I
like
that
one
just
because
you
can
do
some
quick
annotations
on
it
and
then
save
it
without
having
to
kind
of
do
things
in
big
or
something
after
you've
taken
a
screenshot,
so
I
found
that
pretty
useful.
You
can
actually
also
take
screen,
captures
or
animated
gifs
with
this
as
well,
and
it
actually
works
pretty
well
I've.
Actually,
I
hadn't
used
it
too
much
ahead
of
doing
this
talk,
but
I
decided
to
try
it
out
recently.
A
A
So
if
I
did
like
a
bit
of
a
longer
GIF,
it's
going
to
be
quite
large
and
probably
nothing
I
want
to
upload
it
into
gitlab
versus
using
a
different
tool
that
I've
linked
here
cap.
This
one
gives
you
a
lot
more
control
over
both
like
the
resolution,
as
well
as
the
frames
per
second
to
where
I
can
kind
of
modify
things
to
get
it
to
a
point
where
it's
not
a
huge
file.
Size
and
I
can
easily
upload
that
into
gitlab.
A
So
those
are
a
couple
important
ones
that
I
use
for
capturing
software
development
team
and
then
I
just
included
a
slide
here
at
the
end.
Just
for
anyone
who
wants
to
share
their
tips
or
tools
that
they
use
as
they're
doing
Mr
reviews
I'd
love
to
have.
You
include
some
stuff
here
as
well,
but
yeah.
These
are
just
some
of
the
things
that
I
found
make
it
a
bit
more
efficient
for
me
to
do
reviews
and
have
been
helpful,
so
I
thought
I
would
share
some
of
my
my
tools,
but
thanks.
B
Thanks
Nick
there's
a
couple:
there
are
a
couple
read-onlies:
does
anybody
want
to
voice
their
read
only
Austin.
Would
you
like
to
voice
yours.
C
Yeah
sure
it's
one
they
even
cover
Nick
but
I,
don't
use
it
a
ton
but
occasionally
I
needed
it.
It's
maybe
a
little
more
advanced.
C
But
if
you
can
learn
some
Basics
around
apis
using
the
network,
tab
I
think
I've
only
done
some
of
Firefox
I'm,
not
sure
I
worked
on
a
chrome,
but
there's
like
a
way
that
you
can
essentially
block
a
request
which
is
helpful
to
kick
off
error,
States
or
page
Spinners
like
in
a
specific
section
or
if
you
want
to
isolate
it
to
an
area
so
I
linked
to
a
a
gif
that
Rob
hunt
had
shared
in
the
old
Mr
with
me.
B
Thanks
Nick
yeah
I
was
thinking,
maybe
there's
somewhere
in
the
handbook,
where
you
could
link
to
the
presentation
we
can
look
and
see
where
it
would
be
appropriate,
but
I'm
sure,
there's
somewhere
that
talks
about
doing
Mr
reviews
where
that
would
fit
in
really
nicely
yeah
I.