Using eleventy
We saw how to create a working templating system using one of many available templating engine (Nunjucks from Mozilla). But it takes a while to get that first step where the template building works as...
Serving two masters and serving neither master well
This is a response to a page that raised enough concenrts for me to want to write about it but not important enough to put into my regular post rotation The page that started the research and this...
Creating svg sprites
The idea behind SVG sprites is similar to sprite sheets using CSS to place the images on the page. The structure of the demonstration project is as follows: svg-sprites ├── gulpfile.js ├── icons └──...
Static Site Generators: Nunjucks and Gulp
A next step is to build our own templating solution using Gulp. I've spent longer than I wanted in crafting this solution and it's still, like the idea I based this from, has a lot of things I'm...
Static Site Generators: Markdown and Templates
I've looked at static site generators like Hugo, Gatsby, and Jekyll among others. They all have their strengths and weaknesses but they are overkill if all you want to do is throw together a quick...
CSS Containment
Containment may help prevent this and make CSS even more awesome Whenever we insert HTML elements after the document loads by inserting new CCSS rules or new elements via Javascript, we may be slowing...
Using Latex to build web content
Latex is an old-school language for document typesetting. It was created by Donald Knuth to typeset his book The Art of Computer Science. You still see LaTex in scientific articles and papers If...
Generating HTML and PDF from Markdown
Markdown is my favorite way to write. It is lightweight, requiring a few characters to convey the meaning of the text, it's supported in both many places, including Github and Wordpress (via Jetpack)...
SVG: Conclusions (for now)
This series has barely begun to scratch the surface of what you can do with SVG. As much SVG as we've covered, We've barely scratched the surface. There are things like the GSAP library that I...
SVG Animation
Perhaps the most interesting and complex topic in SVG, for me, is animations. I have a basic understanding on how to create keyframe animations for CSS content and a very basic understanding of how to...