Blog (Page 6 of 19)

  1. Eleventy - Get autocompletion and doc info in your eleventy config in VS Code

    In VS Code, you don’t get autocompletion in your eleventy config. You don’t get info about functions when you hover over them. Here is how you add it.

  2. Make your RSS feed easy to find, autodiscoverable even

    If you have a web feed, be it RSS or Atom or JSON Feed, help others discover it! Here is how…

  3. Eleventy - Create a global production flag

    A production flag enables you to run activites in production only e.g. minifying assets. There isn’t a built-in flag in eleventy. How can we add one?

  4. Don’t sleep on native lazy loading iframes - now available in a browser near you

    Lazy loading of iframes can significantly improve performance. Now there is native support for it in all browser engines. Don’t sleep on it!

  5. Hey, hey we’re the translate, scale, and rotate CSS properties - and we don’t monkey around

    Learning transforms, you may have found it was not a case of monkey see, monkey do. To improve usage - 3 properties have been added to CSS.

  6. VS Code - Fix a task automation issue ‘The terminal process failed to launch (exit code: 127)’

    I like to run a web server automatically whenever I open a web project in VS Code. I use VS Code tasks to do this. Suddenly, this has stopped working!

  7. VS Code - Sticky code sections for improved contextual browsing (sticky scroll)

    When you are poring through code, you can lose your place. An aid to combat this is sticky headings. Let’s check out the VS Code’s sticky setting.

  8. Using CSS content-visibility to boost your rendering performance

    CSS content-visibility helps boost rendering performance by controlling whether or not an element renders its contents.

  9. The state of HTML

    HTML has changed very little in recent years. Is HTML complete? Is it neglected? What is the state of HTML?

  10. A quick trick to create animated silhouettes in CSS

    This is a shortcut to fashion an animated scene with silhouettes with very little CSS and zero JS. File it under ‘creative’ and maybe ‘frivulous’!