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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS [CSSConfUS2014]
觀看次數：539
this
is
how
it's
pronounced
sentences
and
it's
mostly
used
in
the
i'm
going
to
be
elaborating
on
something
today
about
styling
and
animating
scalable
vector
graphics
with
css
and
now
scalable
vector
graphics
as
defined
in
Wikipedia
are
an
xml-based
vector
image
format
for
two-dimensional
graphics
with
support
for
interactivity
have
support
for
interactivity
and
animations
now
the
interactivity
and
animations
can
you're
using
you
can
inspect
svg
nodes
they
have
very
good
browser
supports
counterparts
they
have
built-in
graphics
effects
like
blend
modes
filters
clipping
and
masking
among
others
so
basically
just
photoshop
in
the
browser
they
are
interactive
installable
part
creating
spg's
animating
svg
is
manipulating
spg's
optimizing
spg's
good
but
it's
Mac
osx
only
so
if
you're
affecting
the
rendering
of
the
svg
so
idea
to
use
a
third-party
stand-alone
optimizing
to
to
optimize
the
code
for
start
actually
styling
and
animating
as
there
to
optimize
svg's
i'm
going
to
important
svg
file
or
just
copy/paste
it
that
optimization
to
the
svg
directly
that
i've
optimized
the
original
file
size
is
highlighted
kilobytes
so
optimizing
your
svg
code
optimizer
it's
a
nodejs
based
tool
with
simple
drag-and-drop
gui
so
if
you're
optimize
and
customize
the
code
and
you're
done
with
you
know
optimizing
the
selectors
or
elements
if
you're
illustrator
and
you're
separating
the
you're
going
to
have
to
set
a
selected
you're
going
to
use
ID
selectors
class
selectors
etc
the
generic
names
produced
by
Adobe
illustrator
or
any
other
svg
applying
a
css
property
to
an
svg
node
transforms
apply
transforms
etc
now
a
width
and
height
but
a
subset
of
all
svg
selector
there's
a
style
and
you
just
selectors
and
css
like
a
child's
like
using
peters
svg
editor
it's
it's
automatically
removed
so
you
don't
svg
in
an
html5
or
xhtml
document
as
you
stylesheet
if
you
have
an
svg
document
and
you're
going
to
import
an
svg
stylesheet
you're
going
to
have
to
use
csv
not
all
css
selectors
can
be
used
to
direct
sibling
selector
to
select
an
using
the
before-and-after
studio
selectors
and
the
slides
all
of
them
they
are
hovered
the
stroke
width
increases
the
color
increases
the
stroke
at
the
bottom
i've
highlighted
the
embedding
svg's
there
are
different
ways
external
styles
interactivity
and
scripting
on
an
svg
when
it
is
embedded
applied
no
interactivity
no
css
animations
you
can
also
embed
an
svg
inline
that's
number
five
inline
using
today
svg
the
svg
tag
using
an
iframe
style
ability
interactivity
and
css
svg
inline
embedding
svg
inline
is
some
backwards
compatibility
the
the
page
where
you're
aware
you're
embedding
supported
because
it's
used
for
Styles
interactivity
and
css
animations
preserved
example
it's
bear
css
with
svg
it's
css
animations
and
then
I
embedded
it
as
as
an
object
tag
the
css
animations
are
preserved
on
the
right
and
i've
added
a
helper
interaction
is
preserved
if
preserved
if
unity
if
you're
using
an
svg
animation
and
then
I
embedded
is
on
the
left
the
svg
animation
is
preserved
but
any
other
interactions
on
an
image
tag
but
svg
animations
will
be
preserved
but
without
any
interactions
next
up
responsive
fine
svg
s
now
svg
is
exported
it
it
had
a
width
and
a
height
shrinks
or
expands
you
want
the
aspect
to
resize
the
image
while
preserving
the
a
wrapper
and
no
it
doesn't
it
doesn't
given
it
a
class
of
my
svg
containers
embedded
as
object
image
or
inline
svg
responsive
fiying
technique
by
the
height
so
when
you're
specifying
a
padding
beat
a
top
padding
or
a
bottom
padding
or
a
bottom
bottom
padding
using
percentages
that
padding
and
that
height
owl
that
svg
the
padding
top
is
300
over
both
300
times
100
which
is
the
width
i've
given
it
i've
given
it
a
full
width
padding
top
is
going
to
be
300
over
300
a
250
width
and
a
height
of
400
pixels
width
of
the
svg
that's
just
it's
very
container
a
positionrelative
because
container
has
been
collapsed
and
we've
embedding
it
using
an
image
tag
so
it's
so
animating
svg's
with
css
now
that
we
to
you're
going
to
choose
if
you're
going
to
apply
css
animations
you're
going
to
choose
as
css
an
embedding
transforming
transformations
and
it's
so
html
on
an
html
element
is
50%
by
50%
to
0
0
it's
used
0
0
is
the
top-left
mostly
obvious
when
you're
rotating
an
origin
and
percentages
and
firefox
on
an
problem
if
you're
not
rotating
anything
pinwheel
I
don't
look
at
it
too
much
I
yeah
zooming
in
and
out
in
webkit
blank
applying
css
3d
transformations
to
an
html
element
they
are
automatically
hardware
accelerated
and
chrome
however
if
you're
applying
these
transformations
in
chrome
they
are
not
firefox
does
for
transformation
css
transformations
they're
not
hardware
accelerated
so
if
flickering
and
all
that
it's
it's
normal
just
they're
not
hardware
accelerated
my
last
section
animating
svg
paths
I
can't
now
in
this
case
I
downloaded
this
svg
I
because
I
didn't
want
to
use
javascript
which
transitions
animates
very
smoothly
animation
is
very
slow
on
powerpoint
I
Mac
osx
uni
effector
created
by
manuela
svg
path
animation
effects
it's
really
megabytes
to
389
kilobytes
and
reduce
412
milliseconds
that's
a
huge
animations
instead
of
using
a
gif
then
optimize
and
degrade
gracefully
provide
fallbacks
now
svg
the
slides
here
by
Todd
parker
of
the
filament
group
are
one
of
the
best
slides
about
svg
i've
creating
spg's
and
different
svg
editors
automating
fallbacks
it's
really
awesome
slides
they're
excellent
and
last
but
any
browser
support
for
svg
feature
just

相關影片

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

加入好友

其他人正在學習的單字

1. lazy
2024-05-06 09:36
2. tall
2024-05-06 09:36
3. values
2024-05-06 09:36
4. could
2024-05-06 09:36
5. when
2024-05-06 09:36
6. wandered
2024-05-06 09:36
7. rational
2024-05-06 09:36
8. cool
2024-05-06 09:35
9. mirror
2024-05-06 09:35
10. sculptor
2024-05-06 09:35
11. instead
2024-05-06 09:35
12. frankly
2024-05-06 09:35
13. forgiven
2024-05-06 09:35
14. mood
2024-05-06 09:35
15. probably
2024-05-06 09:35

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜