系統設計者的話：學英文根本不用背，你講中文，你有在背中文嗎？學英文也是一樣的道理，那是自然而然就會的東西，用背的方式最後肯定都是不行的。 更多...

最好的學習就是有英文的父母，不斷的跟你說話、耐心的教導你，時間長了，你也就慢慢就融入其中了。

但是我們沒有英文父母怎麼辦？看影片學英文就學的起來嗎？學不起來。

我們從小到大，也看過了不少英文電影，至少也看過1、200部也跑不掉，但是為什麼看了這麼多的英文電影，英文還是很爛呢？

主要的原因是我們沒有從基礎性的強化學習。舉個例子，西方的幼兒出生時，他至少聽了各種大人講英文至少聽了2年，才慢慢開始說英文、與大人互動。

而且都是一字一句慢慢的說、慢慢的教、漸進式的、慢慢的、越來越習慣、越來越聽的懂、越來越會說的過程。

那麼我們看的影片、電影過程中，都是大人成熟型的講話速度、方式、語調，我們怎麼可能跟的上？

一旦跟不上，思想中就會產生覺的好難哦、我不行種種念頭，那麼產生了這種潛在式的排斥心理作用，那麼你就更難學的會了。


所以我們必須打好基礎、深厚的基礎，萬丈高樓平地起，唯有打下深厚的基礎，後面你走的路才會越來越順。

程式界裏有句話，程式債欠的越多，最後就只能放棄。學英文也是一樣，英文單字債欠的越多，你就直接上來文法、句型、語調，最後也只能放棄。

基於上述的思維，我打造了這套系統，從最基礎的單字學習起，不斷的強化、加深你對這個單字的聽力，透過各式各樣的影片、各式各樣的人、各種不同的場景。

就只是為了訓練一個單字的聽力，無數的人跟你講同一個單字，講個20遍、50篇、100遍(且不重覆)，我就不信學不起來。


這套系統做出來後，我自己在使用的過程中，確實真的能聽出來他們講的這個單字，而且他們講的速度再快也能聽的出來。

能聽的出來，就知道他講的大概意思；能夠知道他講的大概意思，就能夠用幾個簡單的單字回應；能夠回應，也就能夠對話；當能夠對話，就能夠再修正文法、句型、語調。


我的目地就是希望自己至少能聽的懂人家在說什麼，用英文跟人家對話，大家共同努力、學習。若有其它想法或對這套系統設計的建議，也可以與我聯絡：ichich2013@gmail.com

CSSconf 2015 | Zoe M. Gillenwater: Enhancing Responsiveness With Flexbox
觀看次數：473
professionally
for
about
15
years
and
i'm
currently
a
senior
designer
at
characters
or
as
long
as
109
characters
they're
viewing
at
that
moment
they're
always
going
to
be
an
approximation
of
breakpoints
this
is
the
widest
version
by
tweaking
the
breakpoints
and
not
is
unreliable
you
can't
always
create
a
whole
new
set
of
breakpoints
to
adjusting
all
the
padding's
turn
on
flexbox
for
each
field
wrapper
makes
it
really
easy
to
progressively
breakpoints
content-driven
breakpoints
flexbox
can
enhance
your
components
to
stacked
to
2x2
automatically
as
soon
as
automatically
I
mean
no
media
queries
create
those
two
layouts
there's
no
media
queries
because
the
browser
two
layouts
but
with
flexwrap
they
will
be
stacked
on
narrow
screens
and
then
automatically
switched
to
side-by-side
when
there's
breakpoint
can
happen
automatically
in
a
affects
either
their
width
or
their
there's
up
to
three
components
to
a
flex
the
width
than
40
percent
effectively
this
means
pixel
margin
and
padding
makes
two
stretches
to
fill
the
width
perfectly
another
place
on
bookingcom
call-to-action
button
so
I
like
this
but
issue
applies
in
responsive
web
design
the
viewport
width
changes
size
so
in
width
on
the
availability
message
the
media
queries
so
ie
7
8
&
9
users
will
layered
on
top
as
an
enhancement
for
the
responsive
designs
where
you
have
a
set
widths
inline-block
would
not
move
elegantly
I
didn't
have
to
use
modernizr
browsers
flexbox
just
takes
over
if
the
and
non
flexbox
browsers
but
that
was
displaytable-cell
and
it
switches
the
layout
automatically
stretches
to
fill
the
whole
width
and
not
the
only
alignment
enhancement
that
turn
to
displaytable-cell
and
you
would
look
equally
spaced
if
they
have
flexbox
can
fix
these
unequal
gaps
responsive
page
but
there's
no
reason
why
I
can't
add
a
few
lines
of
flexbox
responsiveness
of
the
nav
further
I
it
equally
distributes
the
space
screens
it
starts
looking
too
stretched
again
a
pretty
common
responsive
nav
queries
with
flexbox
styles
to
only
flexbox
browsers
in
this
whether
the
browser
does
or
doesn't
whether
the
browser
supports
lex
box
and
margin-leftauto
on
the
third
link
the
margin-leftauto
on
the
throw
a
party
the
same
at
all
viewport
widths
this
is
flexbox
increases
its
responsiveness
as
varies
and
if
I
want
to
equally
spaced
the
icons
vertically
to
take
up
the
full
will
equally
spaced
them
over
the
main
this
work
with
non
flexbox
browsers
you
displaytable-cell
browsers
that
don't
support
flex
box
examples
but
none
of
those
versions
look
especially
between
your
breakpoints
it's
it
is
a
great
choice
for
intelligently
sizing
and
aligning
components
and
have
margin-leftauto
on
that
third
link
auto
margins
and
the
browser
will
simply
margin-leftauto
from
before
but
i'll
content
that
you're
reordering
contains
use
visual
reordering
only
if
it's
just
guardians
job
search
form
which
doesn't
responsiveness
so
definitely
go
to
their
reordering
i've
shown
you
code
for
most
simpler
way
once
you
see
what
flexbox
responsiveness
to
your
components
and
it
responsiveness
but
I
don't
think
that
more
responsive
to
the
different
user
responsiveness
on
your
site

相關影片

加Line好友 每日8AM 推播1單字

加入好友

其他人正在學習的單字

1. mine
2025-05-06 00:17
2. beam
2025-05-06 00:17
3. seriousness
2025-05-06 00:17
4. brought
2025-05-06 00:17
5. iphone
2025-05-06 00:17
6. tame
2025-05-06 00:17
7. donors
2025-05-06 00:17
8. aching
2025-05-06 00:17
9. fairness
2025-05-06 00:17
10. pave
2025-05-06 00:17
11. imitation
2025-05-06 00:17
12. caramel
2025-05-06 00:17
13. glamorous
2025-05-06 00:17
14. novice
2025-05-06 00:17
15. determination
2025-05-06 00:17

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜