Daily Shaarli

All links of one day in a single page.

March 10, 2024

melanierichards/just-build-websites: Some ideas for websites you can build!
Adactio: Journal—Bookmarklets for testing your website

Simply run these scripts on the web page to trigger some actions.

  • Validate HTML
  • Calculate carbon
  • WAVE
  • PageSpeed
  • SSL Report
  • Security Headers
Creating color palettes with the CSS color-mix() function | MDN Blog

It can be useful :)

Univeral Resource Identifiers

In the hypertext architecture, when making a reference, such as a hypertext link, we don't just refer to an information resource. Well, we can, but we can also refer to a particular part of or view of a resource. The string which, within the document, defines the other end of the link has two parts. It has the identifier of the document as a whole, and then optionally it has a hash sign "#" and a string representing the view of the object required.

GitHub - Nickersoft/rust-from-typescript: The unofficial guide to learning Rust for TypeScript developers 🦀
Note: visualiser les produits de saisons

Pour un jour X, je veux connaître les fruits et légumes correspondant à la période de production.

Pour une période X, je veux connaître les fruits et légumes correspondant à la période de production.

Projets existants:

Echo - RSS Cross Poster

Cross-posting on multiple platform.
The project is hosted on Github: https://github.com/rknightuk/echo

Top 10 CSS One Liners That Will Blow Your Mind - YouTube
  1. Writing mode
  2. Gap in flex or grid layouts
  3. Flip with transform
  4. scroll-behavior: smooth;
  5. Scroll-snapping with scroll-snap-type for the container and scroll-snap-align for the children
  6. Resize elements both with overflow: auto; resize: both;
  7. Line clamp based on how many lines is expected.
  8. Linear gradient and apply the gradient on text only
  9. object-fit: cover to avoid the fill effect of images. The image is not fully displayed thoughts.
  10. pointer-events: none; make elements not selectable anymore.

Well I knew them 😁

Higher order types and you

A kind is a type constructor that takes a type, and produces a new type.

The quthor recreates a map function

Bugs I’ve filed on browsers | Read the Tea Leaves

How to help the web? Report browser bugs with a proper reproduction.

Flow — David Larlet

Le flow n’est pas seulement un état où j’ai besoin de calme, il s’agit d’un contexte à part entière. Il me faut une problématique connue, qui est définie avec des contours relativement flous, davantage une intention qu’une direction. Si j’ai déjà eu l’occasion d’être précédemment frustré par l’implémentation en cours, cela me donne beaucoup de motivation pour plonger. Parfois la zone est atteinte en n’étant pas devant un écran (en courant, sous la douche, etc), une forme d’Eurêka ! qui annonce la libération du flow à venir.

Principles of Design

What are the life and breath of the web?

It is also necessary to realize that your own system, no matter how big and wonderful it seems now, should always be designed to be a part of another larger system.

  • Tolerance: this principle can be contentious. When browsers are lax about what they expect, the system works better but also it encourages laxness on the part of web page writers.

  • Decentralization: if we make a knowledge representation system which requires anyone who uses the concept of "automobile" to use the term "http://www.kr.org/stds/industry/automobile" then we restrict the set of uses of the system to those for whom this particular formulation of what an automobile is works.

  • Test of Independent Invention: designing a system to be a part of an as-yet unspecified larger system

  • Principle of Least Power: The reason for this is that the less powerful the language, the more you can do with the data stored in that language. The Semantic Web is an attempt, largely, to map large quantities of existing data onto a common language so that the data can be analyzed in ways never dreamed of by its creators.