Notes

⇾ Theme Studio for VS Code

If you are – like me – using VS Code and you like to create your own look and feel for the environment you use, then here is something to waste your time with (I can easily spend days with this stuff to create everything like I want it). 😁

⇾ Visit: Theme Studio for VS Code

⇾ Practical Use Cases For CSS Variables by Ahmad Shadeed

Ahmad Shadeed has collected and written about some practical use cases for CSS variables that are more than “only” storing your color values for the use in your CSS.

⇾ Visit: Practical Use Cases For CSS Variables by Ahmad Shadeed

⇾ CSS Tips by Marko Denic

permalink

This is a collection of useful and nice CSS tips by Marko Denic, that you don’t find typically in other CSS tutorial, like smooth scrolling or a typing effect, both without JS.

⇾ Visit: CSS Tips by Marko Denic

⇾ A Quick Look at Privacy-Focused Analytics for Small Sites

permalink

I myself removed all analytics tools about two or three years ago from any of my websites. Florens Verschelde has now taken a look onto a few different, small and privacy-focused tools for us.

⇾ Visit: A Quick Look at Privacy-Focused Analytics for Small Sites

⇾ A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors (Smashing Magazine

The CSS Working Group Editor’s Draft for Selectors Level 4 includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide on Smashing Magazine, written by Stephanie Eckles, covers those that currently have the best support.

⇾ Visit: A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors (Smashing Magazine

⇾ How to Design a Landing Page (Paul Boag)

This is a quick guide by Paul Boag to help you creating a landing page that works for you. He covers:

  1. Define Your Calls to Action
  2. Understand Your Audience
  3. Outline Your Messaging
  4. Draft Your Content
  5. Design Your Content Flow
  6. Elicit the Right Reaction
  7. Launch, Monitor and Iterate

⇾ Visit: How to Design a Landing Page (Paul Boag)

⇾ Modern CSS Upgrades To Improve Accessibility (Stephanie Eckles)

Accessibility is a critical skill for developers doing work at any point in the stack. For front-end tasks, modern CSS provides capabilities we can leverage to make layouts more accessibly inclusive for users of all abilities across any device.

A post by Stephanie Eckles, which covers:

  • Focus Visibility
  • Focus vs. Source Order
  • Desktop Zoom and Reflow
  • Sizing Interactive Targets
  • Respecting Color and Contrast Settings
  • Accessibility Learning Resources

Worth reading!

⇾ Visit: Modern CSS Upgrades To Improve Accessibility (Stephanie Eckles)

⇾ Web Development History

Richard MacManus has started a blog about “Web Development History”.

He says

As the name suggests, it’ll be an ongoing chronicle of internet history — but from a development perspective.

⇾ Visit: Web Development History

⇾ Handling Text Over Images in CSS

permalink

Ahmad Shadeed has written a very useful and insightful article about which option you have got to deal with text that is placed over an image, using CSS.

⇾ Visit: Handling Text Over Images in CSS

⇾ Building Dark Mode

permalink

Toggling light mode to dark mode is not simply inverting colors or making everything that is white black and vice versa. There are lots of things to consider, when creating a dark mode for your website. It also is not simply a design decision, but can be very useful. Robin Rendle explains why …

⇾ Visit: Building Dark Mode