![]() I dove head on into some crazy mission to try and shape GraphQL to my will. But oh my goodness, gatsby-node custom schemas blew my mind. Over time, I managed to refine the code, the CSS - CSS variables ftw - and the site structure. I did not take the best route, but I muscled through and things slowly came together. It's also not a case of just copying and pasting JavaScript from W3C schools and CSS from css-tricks (great site btw). Throwing CSS around in various files, expecting everything to stay completely separate and render just as it does in your static page did not work. I explored some rabbit holes, I can tell you. Oh the places we'll go! JavaScript and ReactĪs the course went on, I learned about mobile first design (and it's not just looking at things on a small screen) about the powers of CSS and simple HTML and so it was time to jam in into Gatsby. I'd create a responsive web page using just HTML and CSS, get the design right and then build out my React components based on that page. Suffice to say, every morning at 7am I'd attack the next lesson with vigour. Forget everything else that had happened, I'd just like to know more about responsive sites, and this felt like the right intro for me. The introduction covered what to expect, tooling and the format. Having not quite finished my coffee, I watched. I clicked through and completed my account - excited to see a video waiting. I really liked the tone to the email and it drew me in, promising the wonders of responsive web design. ![]() It was from Kevin Powell regarding Conquering Responsive Layouts - a 21 day Challenge. I was drinking my first coffee and I saw an email come in that reminded me about my upcoming course. Later that month, it was a typical workday morning. That was the way forward, of course it was. Of course, I signed up as it was FREE I'd think about that decision later, the course was to begin in a week or so.Īnd on I went, trying my hardest to learn JavaScript, so I could then learn React, so I could then learn Gatsby properly. ![]() While I was beginning to bask in my own self-pity, ruing the day I'd spent some money on a new website, completely by accident - I think it was the Google news feed on my phone - I came across a FREE (and imagine that word with a pearlescent, ever-changing, hypnotic hue that glowed with a mystical inner light) responsive website course. Motivation dropped, I couldn't magic up a slick UI by googling 'best react blog site templates for free' or by sheer force of will. But of course, I'd sunk cost into it already, so the only way forward (says the losing gambler) is to keep investing. It was the classic mistake of piggy-backing someone else's work without understanding the fundamentals. I was completely dependent on the components setup in project and completely out of my depth when changing anything. After grabbing the sign domain using Netlify (by the way, it is now ridiculously easy to administer web domains, omg) adding a repo in github and downloading the gatsby starter blog, I began.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |