One spark that received me again on my site updating it was the fact of social media, control, and privateness. I remember many years in the past that getting concerned with social media was a commerce off especially considering that I host and run my very own web site. Indieweb is a growing motion mirroring the older days of the Internet when extra folks had their very own blogs and websites and would publish everything from their very own platforms. I’ve included a bit of script to point out how fast (or not so fast) all my pages load! Oh, and look beneath at my footer.
In time, as I add extra functionality and features, I’ll remain faithful to my content first. Sage pushes you to make use of one in every of several CSS libraries if you set every little thing up but I’m having none of that. I’m a tooling kind of person, constructing and customizing issues to my desire. I had a fixed footer nav on the underside of the viewport as a technique to navigate the location, however this theme actually captured the essence of my curiosity in minimalism. My playground is constructed with my own sweat and tears. That is how I developed this theme’s CSS. I’d somewhat start over from scratch than use a bloated library or framework. I’ve been by the assorted trends of resetting and normalizing CSS, from Reset CSS to Normalize.css. Even at this time, I remember how much I take pleasure in this theme. Sage gives a hierarchy and construction to its CSS via Sass. Within the a number of Scss partial information provided, SEO Lesson all but a few include no code.
Sage is developed greatest with the Roots stack: Trellis, Bedrock and Sage. I actually benefit from the portability of firing up a VM on the fly for growth work. So, my site was my alternative to lastly deploy it. MAMP and others prefer it are solid but are too blended in with the OS. I began experimenting with it extra frequently in 2014 nevertheless it by no means landed in any tasks I labored on. Vagrant, and to a larger extent Docker, provide an unique isolation from the OS that feels extra environment friendly. It included lots of the identical principles I utilized in custom themes, but Roots had a growing neighborhood of people serving to.
I used my personal site design to problem myself as a developer and be taught new technologies that I’m focused on. 5. Performance is crucial. If I’m going to someone’s blog and “Like” their put up, I will have a document of it by myself WordPress instance and they’ll see some notification of that on their site as properly. The prospects are tremendous appealing! With a MySQL database to retailer every part in, it’s easy to present that information a extra personal residence the place you won’t be afraid of losing it. Self-hosted CMSes like WordPress are the perfect place to take again management of your content. To make a standard WordPress theme work with what Indieweb has to supply, there are multiple plugins that must be put in and the theme should assist Microformat 2 markup. In fact, an even more exciting future is approaching where a number of these kind of events will be consumable and visible throughout a number of sites utilizing Webmentions. I might go away a touch upon someone’s blog put up by writing a short note by myself site referencing the distant post’s URL. One of many extra admirable objectives is to present each individual the power to do a variety of the identical things you at the moment can do on social media sites, akin to creating Tweets, Likes, Reposts, Replies, and Check into place functionality. WordPress wants some tweaks to handle things like Service Workers and asynchronous CSS and Javascript but I hope to make some progress on that quickly.
See the Pen System Font Stack by Micah (@asuh) on CodePen. What I didn’t understand is how little code is needed to create so many choices, nor did I count on I’d put it on the body factor! So that lead me to using Jonathan Neal’s model. 2017 brought all fashionable browsers up to date with CSS Grid Display and 2018 continues the momentum that bloated libraries aren’t vital for smaller to mid-sized tasks. After i first started studying, I saw a few example of layouts I wanted with a mixture of grid show layouts that made sense to me. I like how each of those is barely different however nonetheless as lovely as the subsequent one. The values fluctuate relying on the viewport size and dimensions however this essentially makes up the whole site. Certainly one of my main targets with this design was spending time with CSS Grid Display. I’ve worked with flexbox layouts for therefore many years, and before that utilizing floats, that I wanted to see how simple today’s CSS works.
Since changing my site over from MoveableType to WordPress in 2005, I spent numerous hours and nights learning how one can create customized WordPress themes. The quantity of care and attention was sparked largely partly by a rising online group promoting internet standards, stunning web designs and the distance I created by shifting away from most people I knew. I used to love redesigning my webpage. It was an endless process of making an attempt to fashion each conceivable aspect I didn’t even know I needed to. As technology modified, I experimented in small bursts right here and there.
The other factor I was fascinated to be taught was CSS Variables. A superb CSS Variables tutorial helped me perceive higher how to make use of them for colors. I at the moment use a mixture of Sass variables and native CSS variables until it I higher discover ways to make the most of every type of variable’s strengths and weaknesses. I will likely be studying extra how to better use them for format dimensions. WordPress’ opinionated styling and TinyMCE editor get in the way in which of this to a point but part of the enjoyable is finding ways around this, similar to using the Text mode in the put up editor.
