Today I Learned - Rocky Kev

Tagged “browser”

  1. TIL minimal responsive image component

    So when I saw that JS frameworks made image wrapper components (like Nuxt was with nuxt-img), I was blown away and wanted this power at work.

  2. TIL why google recommends you avoid document.write()

    By injecting it with code, it bypasses the preload scanner. This means that the browser can’t request this file until it’s actually run the '<script>' block that inserts it, which is very much just-in-time (and too late).

  3. TIL the history of fonts and COLRv1

    COLRv1 fonts, have a smaller footprint, vector-scalable, reposition-able, gradient-featuring, and blend-mode powered fonts that accept parameters to customize the font per use case or to match a brand.

  4. TIL how Error correction works in HTML

    You never get an 'Invalid Syntax' error on an HTML page. Browsers fix any invalid content and go on.

  5. TIL Dirty bit systems in browsers

    In order not to do a full layout for every small change, browsers use a 'dirty bit' system. A renderer that is changed or added marks itself and its children as 'dirty': needing layout. There are two flags: 'dirty', and 'children are dirty' which means that although the renderer itself may be OK, it has at least one child that needs a layout.

  6. TIL finding the browser being used

    How to detect the browser you're using, with javascript.

  7. TIL Content sectioning

    Content sectioning or landmarks, like sidebar, content, footer. You know, like better names.

  8. TIL the history of fonts

    We came up with all sorts of clever techniques to do what was called 'image replacement' for text. Some of the techniques involved CSS and background images. One of the techniques involved Flash

  9. TIL the difference between Web workers, Service workers, Worklets, Websockets

    Web Workers are scripts that offload work from the main thread. Worklets connect to the rendering pipeline. Websockets opens up a 2-way connection.

  10. TIL Deceptive design patterns (dark patterns)

    Deceptive design patterns (also known as dark patterns) are tricks used in websites and apps that make you do things that you didn't mean to, like buying or signing up for something.

  11. TIL how a url goes gets data from the internet

    Ever wonder what happens when you type a url in a address bar in the browser?

  12. TIL about Interop 22

    interoperability — when each underlying web technology is implemented in the same way in every browser

  13. TIL about the Network Information API

    The Network Information API provides information about the network types(e.g., 'wifi', 'cellular', etc.), save data mode, bandwidth and many more.

  14. TIL ELI5 for GraphQL

    ELI5? It's like a lunch tray, properly portioned and asking for a specific food type in each slot.

  15. TIL about the Broadcast Channel API

    Think of a use-case like, once you logout from an app running in a browser tab, you want to broadcast it to the app instances opened in other tabs of the same browser.

  16. TIL about the Image Capture API

    The Image Capture API which helps us to capture an image or grab a frame from the video devices(like webcam). Not only that, you can also perform actions on capturing an image or grabbing a frame.

  17. TIL how to convert a nodeList into an array

    You can use the spread operator to turn a nodelist into an array!

  18. TIL how to get the location of the user with the Geolocation API

    You can get the user's location in the browser. First, the user has to accept this. As it's a security request. Second, you use the Geolocation API.

  19. TIL about the new Intl.NumberFormat browser API

    No more stupid-ass hacks to format numbers correctly.

See all tags.