🆚 CSS New Features

#css #guide #info

This is a list of the new changes (more details below):

— Changes to attr() function: so it can be used with any attribute and in any CSS property (not only on content).

— calc-size() function: use intrinsic values such as auto or min-content in calculations.

— New first-valid() function to avoid issues with custom properties with invalid values.

— New *-mix() family of functions with a new notation for ratios.

— New *-progress() family of functions to calculate the progress ratio between a range or within a media or container.

— Randomization with new random() and random-item() functions, to return random values from a range or list (finally!)

— New sibling-count() and sibling-index() functions that provide integer values to operate depending on the order and size.

— New toggle() function for styling nested elements easily cycling over a list of values.

— New functional notation for arguments with comma-separated lists of values, to avoid ambiguity with the comma separating the arguments.

— New URL modifiers to provide more control over url() requests.

— Extension of the position type to allow flow-relative values.

✅ Article link

📵 JavaScript Promises: 8 Practical Use Cases

#js #promise

✅ Article link

🚳 JavaScript Design Pattern: Builder

#js #patterns #ui_element

✅ Article link

🩵 Preloading Strategies in Angular

#angular #preload #preloading #PreloadingStrategy

Angular comes with two built-in preloading strategies:

— NoPreloading (default): Disables preloading entirely. Lazy-loaded modules are only fetched when the user navigates to them.
— PreloadAllModules: Preloads all lazy-loaded modules in the background after the initial app load. This is ideal for smaller applications with limited routes, where preloading everything won’t overwhelm the network.

— Custom Preloading Strategies: Taking Control of Performance

Angular allows you to define custom preloading strategies to preload specific routes based on your app’s requirements. This gives you fine-grained control over which modules should be loaded in the background and under what conditions.

✅ Article link