You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+38-4Lines changed: 38 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,4 @@
1
-
# Jacob Krol: Resume and Information Page
1
+
# Jacob Krol: The Web Development Journey
2
2
3
3
Welcome to my GitHub! This is the host repository of my main webpage, [jacobkrol.github.io](https://jacobkrol.github.io/). This isn't my profile, but I'd like to share how my webpage got to be what it is today.
4
4
@@ -58,8 +58,6 @@ With basic HTML, CSS, and JavaScript, I was able to create my very first resume
58
58
59
59

60
60
61
-
### First Redesign
62
-
63
61
While revising my code, my skills improved, and I was able to better and better notice glaring mistakes like missing cross-browser compatibility, mobile-support, and misalignment galore.
64
62
65
63
<details><summary>Expand if you dare</summary>
@@ -78,7 +76,43 @@ While revising my code, my skills improved, and I was able to better and better
78
76
```
79
77
</details>
80
78
81
-
This inspired me to start all over again. I created blank files and got to work on a more modern, responsive, and responsible design. I may very well redesign my webpage more times, but this was a crucial step in the process of understanding that sometimes coding with an older version of yourself is slower than coding all alone with your new skillset.
79
+
### First Redesign
80
+
81
+
The problems in the first design inspired me to start all over again. I created blank files and got to work on a more modern, responsive, and responsible design. I may very well redesign my webpage more times, but this was a crucial step in the process of understanding that sometimes coding with an older version of yourself is slower than coding all alone with your new skillset.
82
+
83
+
<details><summary>Not to brag but...</summary>
84
+
85
+
My CSS improved a bit.
86
+
```css
87
+
.skill-box:not(.skill-text) >*:nth-child(2) {
88
+
margin-left: 20px;
89
+
}
90
+
```
91
+
</details>
92
+
93
+
And after I read that older version of Internet Explorer would struggle with `display: table` I learned `flex-box` inside-out and even learned the importance of pre-fixes.
94
+
95
+
<details><summary>Example from my stylesheet</summary>
96
+
97
+
```css
98
+
.vert-align {
99
+
display: -webkit-box;
100
+
display: -ms-flexbox;
101
+
display: flex;
102
+
103
+
-webkit-box-orient: horizontal;
104
+
-webkit-box-direction: normal;
105
+
-ms-flex-direction: row;
106
+
flex-direction: row;
107
+
108
+
-webkit-box-align: center;
109
+
-ms-flex-align: center;
110
+
align-items: center;
111
+
}
112
+
```
113
+
</details>
114
+
115
+
\* All of this said, I have improved, but have a long way to go. If there are still coding conventions broken here, or better ways to handle my webpage's code, please contact me at [email protected] so I can learn and modify appropriately.
0 commit comments