home.social

#devfront — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #devfront, aggregated by home.social.

  1. hey ! j'ai besoin d'aide :(( j'suis en train de remplacer le grain par du svg, ça rend bien mais qd les publications sont haute, le svg s'agrandit et ça devient moche :(( y'a pas moyen de faire une sorte de pattern, ou juste de dire à la ViewBox que c'est infini ? x)

    background: linear-gradient(180deg, rgba(245,50,150,0.3), var(--panel)),
    	url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E") !important;

    #devfront #css #firefish #svg

  2. If you're someone who frequently forgets about CSS flex properties like me, you might find this VS Code extension helpful.

    Name: CSS Flexbox Cheatsheet
    Description: Open a flexbox cheatsheet directly in VS Code.
    Version: 3.3.1
    Publisher: Dzhavat Ushev
    VS Marketplace Link: marketplace.visualstudio.com/i

    #css #flex #devFront #FrontEnd #devFrontEnd #developper #tech #flexbox #vscode

  3. If you're someone who frequently forgets about CSS flex properties like me, you might find this VS Code extension helpful.

    Name: CSS Flexbox Cheatsheet
    Description: Open a flexbox cheatsheet directly in VS Code.
    Version: 3.3.1
    Publisher: Dzhavat Ushev
    VS Marketplace Link: marketplace.visualstudio.com/i

    #css #flex #devFront #FrontEnd #devFrontEnd #developper #tech #flexbox #vscode

  4. If you're someone who frequently forgets about CSS flex properties like me, you might find this VS Code extension helpful.

    Name: CSS Flexbox Cheatsheet
    Description: Open a flexbox cheatsheet directly in VS Code.
    Version: 3.3.1
    Publisher: Dzhavat Ushev
    VS Marketplace Link: marketplace.visualstudio.com/i

    #css #flex #devFront #FrontEnd #devFrontEnd #developper #tech #flexbox #vscode

  5. Plein de bons conseil ici pour les "sign-in forms" et notamment l’utilisation de :invalid couplé à :not(:placeholder-shown)
    👏
    Je déteste qu’on me signale une erreur avant que je remplisse un champ, alors merci d’avance ! :)

    web.dev/sign-in-form-best-prac
    #devfront #forms #CSS