Sunday, July 10, 2016

CSS learning / forgetting - a better cycle

July 10, 2016

  A few days ago, Julia could not recall CSS text_decoration text-decoration rule. She likes to find underline a word using a CSS property.

  So, she tried to fail better next time when she forgets CSS - how she can do that?

  Answer: Try the following

  1. Use her memory - push herself to memorize a CSS cheat sheet in a 2 weeks/ 30 minutes a day, and then, she will read more about CSS properties as a daily routine.

2. More cheat sheet about CSS and Regular Express:
https://codingsec.net/2016/04/complete-cheatsheet-csscascading-style-sheet/

3. https://www.cheatography.com/davechild/cheat-sheets/css2/

4. Read document 30 minutes a time:
https://developer.mozilla.org/en-US/docs/Web/CSS
https://developer.mozilla.org/en/docs/Web/CSS/Attribute_selectors
CSS Selectors
   Basic Selectors
        Type selectors
        Class selectors
        ID  selectors
        Universal selectors
        Attribute selectors  (July 14, 2016 30 minutes - go over ~, |, ^, $, *, i)
            ~,              |,               ^,      $,      *,        i
            one of which, value or value-, prefix, suffix, contains, case insensitive,

        Combinators
           Adjacent sibling selectors
           General sibling selectors
           Child selectors
           Descendant selectors

        Pseudo-classes  (36)
           :active
           :checked
           :default
           :disabled
           :emtpy  

           :enabled
           :first
           :first-child
           :first-of-type
           :focus

           :hover
           :indeterminate
           :in-range
           :invalid
           :lang

           :last-child
           :last-of-type
           :left
          :link
           :not()

           :nth-child
           :nth-last-child
           :nth-last-of-type
           :nth-of-type
           :only-child

          :only-of-type
           :optional
           :out-of-range
           :read-only
           :read-write

          :required
           :right
           :root
           :target
           :valid

    :valid
Julia had hard time to memorize 36 pseudo classes, get some reading:
Pseudo classes:

    https://www.smashingmagazine.com/2016/05/an-ultimate-guide-to-css-pseudo-classes-and-pseudo-elements/

     https://css-tricks.com/pseudo-class-selectors/

5. CSS courses on pluralsight.com
CSS position
Introduction website layout
http://app.pluralsight.com/author/susan-simkins

CSS in-depth  6 hour course
(July25, 30mins/ Specificity 10m)
http://app.pluralsight.com/author/estelle-weyl

-- Past Experience --
  In 2013,
  Her favorite book: Head first Html with CSS & Xhtml
  Her favorite CSS learning starting from 2013: She found out that she could not read CSS code without knowing CSS selectors.

  In 2013, Julia tried to memorize all selectors - she worked on the drills to memorize all of them, write on papers etc. Show the paper writing to celebrate over 36 months - dated on on May 9, 2013 - CSS learning handscript . Post a picture here.

  Her favorite CSS blog about CSS selector.

  http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

-- Motivation talk -
  Share a favorite verse from Julia's favorite professional ATP player:

 http://heavy.com/sports/2015/06/stan-wawrinka-tattoo-say-mean-daughter-wife-french-open/

 https://www.theguardian.com/sport/2014/jun/09/stan-wawrinka-queens-rafael-nadal-novak-djokovic

 Stan Wawrinka is one of the most intense, hard-working players on the ATP Tour; dedicating himself to every point, giving everything in the quest for victory, no matter the cost.


And Wawrinka’s ink, unsurprisingly, reflects his tennis weltanschaung. On the inside of his left arm are the words of poet Samuel Beckett: Ever tried. Ever failed. No matter. Try Again. Fail again. Fail better.


No comments:

Post a Comment