-
Notifications
You must be signed in to change notification settings - Fork 1
/
TODO
114 lines (101 loc) · 6.67 KB
/
TODO
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
Focus:
☐ Add mobile menu focus mgmt
☐ Add focus outline to menu button
☐ Move focus into menu on menu open
☐ Move focus to menu button if menu closed, but move to body if closed because of link activation
API:
✔ Review portfolio methodology @done(19-09-11 16:54)
✔ Review prismic guide @done(19-09-11 16:54)
- Necessity to install live template compiler?
✔ Install prismic dependencies @done(19-09-11 16:54)
✔ Add error handling to ALL async/await usages @created(19-09-12 11:09) @done(19-09-13 15:10)
✔ Add documentation @done(19-09-13 15:10)
✔ Change site footer and other single type documents API calls with api.getSingle @created(19-09-13 21:21) @started(19-09-14 09:51) @done(19-09-14 09:57) @lasted(6m5s)
Views to add API calls to:
✔ Essay @created(19-09-12 12:58) @done(19-09-13 18:53)
✔ Add guard that checks for correct issue first @done(19-09-13 18:53)
✔ Site Footer @created(19-09-12 12:58) @done(19-09-12 13:27)
Issue View:
✔ Validate the issue slug, reroute if invalid @created(19-09-13 19:04) @done(19-09-14 15:54)
Issues View:
☐ Priority: Very Low - Add cap of initial issues, paginate @created(19-09-13 19:43)
Build:
☐ Serve doesn't work unless 'dist' folder exists?
- Why do I have to prerender before I can do live serve?
Warnings/Errors:
Components:
☐ Simple Image @created(19-09-13 19:45)
- Placeholder w/ background animation
- Source set
✔ Richtext @created(19-09-13 19:46) @done(19-09-14 22:33)
- Live template? Or components for each prismic rich text type?
☐ I like the idea of generating vue components that match prismic types :) @created(19-09-14 22:33)
Styling:
Handheld header:
✔ Logo is at mobile size (smaller than hamburger) in tablet view @created(19-09-25 23:27) @done(19-09-25 23:27)
Background Colors:
☐ Add attribute to routes that declares whether or not it should be included in the array of colors
- This will increase contrast between menu colors
Header:
☐ Push lefter up @created(19-09-16 11:59)
View transitions:
Transition page colors
✔ Add slide off animation @created(19-09-13 19:44) @done(19-09-17 09:29)
✔ Add slide on animation @created(19-09-13 19:44) @done(19-09-17 09:29)
☐ Change direction if pulling from browser history @created(19-09-17 09:30)
☐ Maintain scroll pos history of visited routes, currently ignores previous scroll positions @created(19-09-18 21:02)
✔ Move scroll top to transition's control @created(19-09-17 09:30) @done(19-09-18 21:02)
- Enter:
- El is positioned relative to viewport, as if at the top of the page.
- Leaving el is positioned how it was on route leave (e.g mid-page)
- Scroll up while the two are positioned relative to the screen.
- Scroll up will be hidden because nothing will move
☐ Add cancel transitions @created(19-09-17 10:31)
- enterCancelled called if browser history is pushed back while new page is waiting for api
- leaveCancelled not called
✔ Add transition callback handling to all views @created(19-09-17 10:34) @started(19-09-17 12:38) @done(19-09-17 12:51) @lasted(13m47s)
✔ Change starting position of enter transition to be JUST OFF SCREEN, not -100vw @created(19-09-17 10:36) @done(19-09-17 12:08)
✔ Move transition logic to seperate file @created(19-09-17 12:54) @started(19-09-17 12:54) @done(19-09-18 12:55) @lasted(1d1m)
✔ Tween header gradients with background, in all views @created(19-09-17 16:00) @done(19-09-18 12:55)
☐ Add loading background to application @created(19-09-18 19:01)
✔ Opacity 0 all leaving gradients except for the first @created(19-09-18 21:13) @done(19-09-19 14:27)
✔ When transitioning gradient colors, transition out ALL gradients -> will fix color disjunct on transition @created(19-09-18 23:38) @done(19-09-19 14:27)
✔ Filter gradients by whether or not they are at the top of the viewport (stuck) -> hide all non-stuck gradients @created(19-09-18 23:39) @done(19-09-19 14:27)
Efficiency:
☐ https://www.webpagetest.org @created(19-09-14 09:00)
☐ Get an A! @created(19-09-14 09:00)
☐ Chrome Dev Tools Audit @created(19-09-14 15:56)
Essay:
☐ Add event listeners to all heading links @created(19-09-27 20:09)
☐ When click , always scroll to element or element's container @created(19-09-27 20:12)
☐ Set top property of sticky headings based on rendered height and height of header gradient in order to center title @created(19-09-28 11:12)
Icons:
☐ Create equal height, equal angle, and equal long bar positioned icons similar to logo @created(19-09-15 12:04)
☐ Download @created(19-09-15 12:04)
☐ Link @created(19-09-15 12:04)
☐ Create merge transitions for the logo @created(19-09-15 12:05)
☐ On hover of a file download element, transition the logo to download icon, etc @created(19-09-15 12:05)
Bug:
If change between responsive layouts in same session, logo width (technical, not visual) shrinks, in turn chaning the transform origin when rotating
Performance:
Animation lags if loading from API
- Paper transition into viewport jitters
Accessibility:
☐ Header gradients are wrongly using the header tag @created(19-09-26 19:28)
Bugs:
☐ Class '.app--no-scroll', activated when menu is open in mobile, removes the scrollbar, which shifts the background text while the menu opens @created(19-09-14 21:18)
☐ Main content area should be visible if menu is forced open via mobile and then expanded to tablet/desktop @created(19-09-14 21:19)
View Transition:
Firefox:
☐ Home header gradient flashes in front of title @created(19-09-19 14:48)
- Try force setting the z-index before gradient transition
- If scroll down while new page is loading off screen, after page loads and scroll positiong is mid-page
the h1 (section titles) lie behind the gradients. They should be in front of their header gradients.
1. Automatically scroll to top of page while view is transitioning in
2. Fix z-index interaction between sticky header and relative title
- Forcing new z-indexes after enter doesn't work
☐ Page header gradient flashes over title when hover over main menu @created(19-09-18 21:17)
- Open About
- Scroll to second title
- Hover over main menu
- Observe gradient revealing itself