#100DOC

D
A
Y

2

This is aJavascript drumkit. The keyboard corresponds to different sounds.
D
A
Y

3

I used this day to put aCSS effecton my links.
D
A
Y

4

Today's task: flexbox and grid exploration. I had noticed a couple issues with the mobile device experience with this site, so I made some changes.
D
A
Y

5

Today I updated added some content to my blog. Officially code? Meh. Did it need to get done? Yeh.
D
A
Y

6

I completed this Javascript color-guessing game.
D
A
Y

7

Back to School Countdown, 1 of 2. Idea to execution was a little more time-consuming than anticipated. I think that I'll go back later and smooth up the rough edges.
D
A
Y

8

It's another type of time, a ticking clock.
D
A
Y

9

Let's mess with a few photographs. There is image randomization on refresh. There is a way to adjust CSS variables.
D
A
Y

10

Summer days ... drifting away with a little flexbox and Javascript.
D
A
Y

11

Some days an hour code code seems more like two or three. Check out thisdrawing boardthat uses Javascript on an HTML5 canvas (for desktop use only).
D
A
Y

12

The inevitableto-do list. As this summer ends, I start to dream of the next.
D
A
Y

13

Easy day. I have added bookmarks to my#100DOC page.
D
A
Y

14

One this day I've startedtweetingmy day of code.
D
A
Y

15

I learned some today about playing video with Javascript. Check out thiscustom video player.
D
A
Y

16

Images slide in as a user scolls down the page. Check out thisscroll effect.
D
A
Y

17

I worked some with local storage in adding items to a list.1 of 2.
D
A
Y

18

I am starting to make this local storage my own by turning it into a To-Do List.
D
A
Y

19

I worked out a glitch on the shimmer of my To-Do List.
D
A
Y

20

I worked out a glitch on the shimmer of my To-Do List.
D
A
Y

21

And added a button that removes a single item. To-Do List.
D
A
Y

22

And added a button that clears everything. To-Do List.
D
A
Y

23

My To-Do Listis not responsive. This is the list that is 2 of 2.
D
A
Y

24

It's TacoTuesday!
D
A
Y

25

Roach row. This highlighting activitycould be growing into something more.
D
A
Y

26

I took a React class today. This is a really interesting framework. I can see a lot of similarities between the way this Java projects are set-up.
D
A
Y

27

I continued a React class today. I like the idea of using components.
D
A
Y

28

This sticky navit set-up in a very straightforward way. I can think of a site or two where I want to do something similar.
D
A
Y

29

This navigation highlights and expands.
D
A
Y

30

Check out this horizontal scrolling elementthat displays some of my favorite days yet in my #100DOC.
D
A
Y

31

Countdown clock to the first day of school, 2 of 2Better late then never/on time for next year.
D
A
Y

32

Today I completed a tutorial for a whack-a-molegame.
D
A
Y

33

I have an idea for a whack-a-mole game customization. This may take a few days to complete.
D
A
Y

34

Still customizing... I worked on randomizing position location on a game-board.
D
A
Y

35

Still customizing... I learned about animation in vanilla Javascript.
D
A
Y

36

Still customizing... I have multiple insects moving on the screen now. The movement is not as smooth as it was before with one roach on the screen, but it looks how I originally envisioned. Guess I don't have to add that feature!
D
A
Y

37

Still customizing...The insects start moving when I tell them to.
D
A
Y

38

Still customizing... The scorecard works on this rough sandpaper draft although it is wonky. I need to examine how the animation interacts with the event click.
D
A
Y

39

Still customizing... Flashlight highlights on the cockroaches.
D
A
Y

40

Still customizing... Countdown!
D
A
Y

41

Still customizing... Made some style adjustments now that it is closer to being done.
D
A
Y

42

Still customizing... There are two issues that really bother me, and I am going to see how I can work those out.
D
A
Y

43

Still customizing... What I've learned over the past couple days is that there are much better ways to animate than I have in this game .
D
A
Y

44

This buggy game is abandoned until I have a little more time to dive into animations. Here's an alternative .
D
A
Y

45

I made a few changes to my personal site hmcka.com . Today I had time for low-hanging fruit.
D
A
Y

46

I wanted to learn a little more about CSS animation before jumping into my next idea. Here, aflashlightshines down on a floor.
D
A
Y

47

While I did continue working with animation, I also took my first stab at answering a question on Stack Overflow. Maybe someone had a better answer after me, but I like the idea of contributing to a community that I've reach out to on occasion.
D
A
Y

48

Watch out for what movesin the dark.
D
A
Y

49

My fade-in animates in a way that I like better than before.
D
A
Y

50

4 iterations got me where I want to go. 1 of 4, cell view bootstrap removal.
D
A
Y

51

2 of 4, desktop view bootstrap removal.
D
A
Y

52

3 of 4, adding additional features to the layout.
D
A
Y

53

4 of 4, ripped off the boot strap band-aid and cleaned the layout up a touch.
D
A
Y

54

Don't worry. The JS is now working on parts 1, 2, 3 and 4. Still not sure WHY it stopped working in Chrome only, but deleting and re-adding the files to Github seemed to do the trick.
D
A
Y

55

Here is a completed version of theprototype.
D
A
Y

56

I found a couple of items to tweak on thisprototype.
D
A
Y

57

I am back in the saddle and working on a little jQuery.
D
A
Y

58

I think I'll continue jQuery for a little bit. Here is oneto-do list.
D
A
Y

59

I changed the text of the to-do list to font awesome icons. I guess this is a picto-do list.
D
A
Y

60

It may be a short day, but the rollovers on my picto-do list are no longer jumping.
D
A
Y

61

I fixed a couple other issues on my picto-do list that bothered me.
D
A
Y

62

Putting a little shine on my day to make and example for something.
D
A
Y

63

I used a tutorial to try paper.js and howler.js to add some animation and sound to the middle row of the keyboard.
D
A
Y

64

Basic learning about Paper.JS... now I know a little more about setting up the files.
D
A
Y

65

Paper.js...disappearing dot.
D
A
Y

66

Paper.js...keypress animation.
D
A
Y

67

Paper.js...random dots.
D
A
Y

68

Paper.js...dot drop.
D
A
Y

69

As I watched one web development video today, I decided that it was more than time to make the CSS in my own personal sitehmcka.comDRY-er.
D
A
Y

70

I also listened to my site with the NVDA reader and decided to make some accessibility changes.
D
A
Y

71

Since accessibility is based in good semantic HTML, I started there.
D
A
Y

72

I made some adjustments to nesting within my hierarchy.
D
A
Y

73

Created an accessible hamburger menu...
D
A
Y

74

I combined my page with the header containing the new hamburger element.
D
A
Y

75

I reviewed the CSS bit by bit to make it DRY-er.
D
A
Y

76

I edited the CSS for the smallest devices that would visit my site.
D
A
Y

77

Which included the main section CSS...
D
A
Y

78

And moved onto the headers...
D
A
Y

79

Added some responsive breakpoints...
D
A
Y

80

And added a little CSS so that the style sheet worked on similar pages...
D
A
Y

81

I finished this update by editing the JS pages to work as intended with the new header.
D
A
Y

82

My next adventure of my 100 days of code is Node.js. I started learning exactly what that is, and settled on some tutorials to help me learn.
D
A
Y

83

I started using Goorm IDE and Mongo DB so that I could do my learning in a virtual environment.
D
A
Y

84

I made my first Node application. (I'll add a link when Goorm IDE is back up.
D
A
Y

84

I learned about using frameworks such as Faker and Express in Node.js.

D A Y

2

D A Y

3

D A Y

4

D A Y

5

D A Y

6

D A Y

7

D A Y

8

D A Y

9

D A Y

10

D A Y

11

D A Y

12

D A Y

13

D A Y

14

D A Y

15

D A Y

16

D A Y

17

D A Y

18

D A Y

19

D A Y

20

D A Y

21

D A Y

22

D A Y

23

D A Y

24

D A Y

25

D A Y

26

D A Y

27

D A Y

28

D A Y

29

D A Y

30

D A Y

31

D A Y

32

D A Y

33

D A Y

34

D A Y

35

D A Y

36

D A Y

37

D A Y

38

D A Y

39

D A Y

40

D A Y

41

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y

D
A
Y