b_b

Visual Studio Code - is there a #Compare feature like that plugin for Notepad ++? - Stack Overflow
▻https://stackoverflow.com/questions/30139597/visual-studio-code-is-there-a-compare-feature-like-that-plugin-for-no

Here is my favorite way, which I think is a little less tedious than the “Select for Compare, then Compare With...” steps.

1) Open the starting file
2) Open the Command Palette (F1 or Ctrl + Shift + P)
3) Type Compare Active File and select Compare Active File With...

https://i.stack.imgur.com/WAeYD.png

4) Select the new file to compare with. You can either select a recent file from the dropdown list, or click any file in the Explorer panel.

https://i.stack.imgur.com/PdCmE.png

Note: This works with any arbitrary files, even ones that are not in the project dir. You can even just create 2 new Untitled files and copy/paste text in there too.

#codium #diff

An Interactive Guide to #CSS #Grid
▻https://www.joshwcomeau.com/css/interactive-guide-to-grid

In this tutorial, I’m going to share the biggest lightbulb moments I’ve had in my own journey with CSS Grid. You’ll learn the fundamentals of this layout mode, and see how to do some pretty cool stuff with it.

To break things down even further:
– justify — deals with columns.
– align — deals with rows.
– content — deals with the grid structure.
– items — deals with the DOM nodes within the grid structure.

#Monaspace
▻https://monaspace.githubnext.com

https://monaspace.githubnext.com/opengraph-image.png?8f0e79eb8fe60cfc

An innovative superfamily of #fonts for #code

Pathfinding
▻https://honzaap.github.io/Pathfinding

https://honzaap.github.io/Pathfinding/metaimg.png

#Pathfinding #algorithms visualized on a real map. Anywhere in the world.

Sources ▻https://github.com/honzaap/Pathfinding

#map

MariaDB reçoit une offre d’achat de Runa Capital II GP - Le Monde Informatique
▻https://www.lemondeinformatique.fr/actualites/lire-mariadb-recoit-une-offre-d-achat-de-runa-capital-ii-gp-9161

Le spécialiste de la base de données SQL open source, MariaDB, a reçu une offre de rachat non sollicitée par un fonds d’investissement, Runa Capital II GP.

bruno
▻https://www.usebruno.com

https://www.usebruno.com/images/landing-2.png

Bruno is a Fast and Git-Friendly Opensource #API client, aimed at revolutionizing the status quo represented by #Postman, #Insomnia and similar tools out there.

Bruno stores your collections directly in a folder on your filesystem. We use a plain text markup language, Bru, to save information about API requests.

You can use #git or any version control of your choice to collaborate over your API collections.

Bruno is offline-only. There are no plans to add cloud-sync to Bruno, ever. We value your data privacy and believe it should stay on your device. Read our long-term vision here.

J’utilise Insomnia jusqu’ici mais rien que pour le nom de l’application je vais tester celle-ci ^^

kd2org/karadav: Lightweight NextCloud compatible WebDAV server
▻https://github.com/kd2org/karadav

https://github.com/kd2org/karadav/blob/main/doc/scr_index.jpg?raw=true

This is a simple and lightweight #WebDAV server, allowing to easily set up a #file_sharing server compatible with WebDAV and #NextCloud clients. It has no dependencies and good performance.

It is written in #PHP (8+). The only dependency is #SQLite3 for the database.

Its original purpose was to serve as a demo and test for the KD2 WebDAV library, which we developed for Paheko, our non-profit management solution, but it can also be used as a simple but powerful file sharing server.

If you are looking for an even lighter WebDAV server, try also our other server, PicoDAV ▻https://github.com/kd2org/picodav. It isn’t compatible with NextCloud/ownCloud clients, but it is a single file that you can drop anywhere in your document root, nothing to install!

seanmorris/php-wasm: #PHP in #Browser, powered by #WebAssembly. Original Project by Oraoto, ES6 & Clang Upgrades by Sean Morris.
▻https://github.com/seanmorris/php-wasm

PHP in Browser, powered by WebAssembly. Original Project by Oraoto, ES6 & Clang Upgrades by Sean Morris.

Exemple : ▻https://codepen.io/SeanMorris227/pen/WNLmWdR?editors=1100

En lien avec ▻https://seenthis.net/messages/1000510

#Transition #animations: a practical guide | by Dongkyu Lee | Oct, 2023 | #UX Collective
▻https://uxdesign.cc/transition-animations-a-practical-guide-5dba4d42f659

https://miro.medium.com/v2/resize:fit:1100/1*4e0H-Ej4oixTlBtJaZqUBw.gif https://miro.medium.com/v2/resize:fit:640/1*SzelHcIP8R-w3eku3P04Bg.gif

6 principles for better transition animations

– Fade in and out with opacity
– Scale to add liveliness
– Maintain consistent directionality
– Balance speed
– Prioritize, order, and group
– Establish spatiality

According to some articles, a speed from 100ms to 500ms is ideal and suitable for most cases.

#css

xrDebug
▻https://docs.xrdebug.com

https://rodolfoberrios.com/photos/2023/xrdebug/1.0.0/xrdebug-social.png

xrDebug, a lightweight portable web-based debug utility. TL;DR xrDebug is an Open Source alternative to #Ray, with support for multiple peers.

Billet de blog de présentation ▻https://rodolfoberrios.com/2023/10/10/xrdebug-1-0

▻https://docs.xrdebug.com/assets/media/cremino.47fdbb08.mp4

#php #xdebug

New #Viewport Units
▻https://ishadeed.com/article/new-viewport-units

However, using the vh unit on mobile is buggy. The reason is that the viewport size won’t include the browser’s address bar UI. To solve that, we now have new viewport units. Let’s find out about them in this article.

https://ishadeed.com/assets/new-viewport-units/small-viewport-css.png https://ishadeed.com/assets/new-viewport-units/large-viewport-css.png https://ishadeed.com/assets/new-viewport-units/dynamic-viewport-css.png

#css

CSS { In Real Life } | Breaking Out of a Central Wrapper
▻https://css-irl.info/breaking-out-of-a-central-wrapper
▻https://css-irl.info/breaking-out-of-a-central-wrapper-05.webp

Using viewport units, we can force an element to break out of the wrapper, without changing our original markup!

.full-width {
 width: 100vw;
 margin-left: 50%;
 transform: translate3d(-50%, 0, 0);
}

▻https://caniuse.com/viewport-units => 96.73%
▻https://caniuse.com/?search=translate3d => 96.15%

#css #fullwidth #wrapper

loupe-php/loupe: A #fulltext #search engine with #tokenization, #stemming, #typo_tolerance, #filters and #geo support based on only #PHP and #SQLite.
▻https://github.com/loupe-php/loupe

An SQLite based, PHP-only fulltext search engine.

Loupe…
–…only requires PHP and SQLite, you don’t need anything else - no containers, no nothing
–…is typo-tolerant (based on the State Set Index Algorithm and Levenshtein)
–…supports phrase search using " quotation marks
–…supports filtering (and ordering) on any attribute with any SQL-inspired filter statement
–…supports filtering (and ordering) on Geo distance
–…orders relevance based on a typical TF-IDF Cosine similarity algorithm
…auto-detects languages
–…supports stemming
–…is very easy to use
–…is all-in-all just the easiest way to replace your good old SQL LIKE %...% queries with a way better search experience but without all the hassle of an additional service to manage. SQLite is everywhere and all it needs is your filesystem.

PHP #upgrades
▻https://gist.github.com/mindplay-dk/1b0dde22160c31e4f76b4347bb3da1b1

Guidelines for upgrading the minimum #PHP #version #requirements of packages and projects.

#CSS #Text balancing with text-wrap:balance
▻https://ishadeed.com/article/css-text-wrap-balance

https://ishadeed.com/assets/text-wrap-balance/twitter-card.jpg

Vivement que ça soit dispo dans Firefox !

Luckily, we now have experimental support for text-wrap: balance

#wrap

Designing Accessible Text Over Images: Best Practices, Techniques, And Resources — Smashing Magazine
▻https://www.smashingmagazine.com/2023/08/designing-accessible-text-over-images-part1
▻https://www.smashingmagazine.com/2023/08/designing-accessible-text-over-images-part2

https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-overlay.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-scrim.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-strips.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-space.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-blur.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-frame.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-soft-colored-gradients.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-placement.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-shapes.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-gradients.jpg

#CSS #gradient #Images #Text

En complément de ▻https://seenthis.net/messages/924372

Iconbuddy — 180K+ open source icons
▻https://iconbuddy.app

https://iconbuddy.app/banner.png

Download, Customize, Edit and Personalize.Over 180k+ #opensource #icons

Here comes the future of Stamen Maps | Stamen
▻https://stamen.com/here-comes-the-future-of-stamen-maps

https://stamen.com/wp-content/uploads/2023/07/tile_montage_v2.png

Les tuiles « historiques » de #stamen passent chez stadia et nécessiteront de se créer un compte pour les utiliser...

For most users, switching over will be as simple as setting up a Stadia account, and changing a few lines of code.

#map #tiles

Hello, dicopal / Matthieu Viry
▻https://observablehq.com/@mthh/hello-dicopal

#couleur #palette

bash - How do I put an already-running process under nohup? - Stack Overflow
▻https://stackoverflow.com/questions/625409/how-do-i-put-an-already-running-process-under-nohup

#shell #cli #nohup #detach

#PHP Annotated – June 2023 | The PhpStorm Blog
▻https://blog.jetbrains.com/phpstorm/2023/06/php-annotated-june-2023

▻https://developer.wordpress.com/2023/05/23/wp-now-launch-a-local-environment-in-seconds

wp-now – A #local_dev_environment from the WordPress engineering team. This tool leverages WebAssembly to operate PHP on top of Node.js’ webserver. It’s faster than Docker-based environments and can be used with any PHP apps, although, you’ll have to figure out a way to run your DB.

▻https://github.com/jolicode/castor

jolicode/castor – A #task_runner and #command_launcher designed with a focus on developer experience, built using PHP.

▻https://github.com/ProjektGopher/whisky

ProjektGopher/whisky – Simple and framework-agnostic #CLI tool for managing and enforcing a PHP project’s #git #hooks across a team.

▻https://librarianphp.dev

librarianphp/librarian – A #static_site_generator and #markdown indexer inspired by Hugo and DEV, written in PHP.

▻https://localheinz.com/articles/2023/05/10/avoiding-empty-in-php

Avoiding empty() in PHP by Andreas Möller.

Linting defensive and logical CSS with Stylelint plugins - LogRocket Blog
▻https://blog.logrocket.com/linting-defensive-logical-css-stylelint-plugins

En lien avec ▻https://ishadeed.com/article/defensive-css & ▻https://seenthis.net/messages/476044

#css #lint

Mise à jour de maintenance et sécurité : sortie de SPIP 4.2.3, SPIP 4.1.10

Ces nouvelles versions améliorent la sécurité et corrigent certains bugs.

▻https://blog.spip.net/875

#spip

Linen | Slack alternative designed for communities
▻https://www.linen.dev

https://www.linen.dev/_next/static/media/linen-example-page-may-3-2023.44df94b9.png

Google-searchable Slack alternative for Communities

Two way real-time sync : You can sync all of your existing conversations from #Slack and #Discord. This means that any messages that gets sent in Linen will show up in Slack or Discord and vice versa in realtime.

Requirements : node + yarn + postgre ref ▻https://github.com/Linen-dev/linen.dev/blob/main/docs/getting-started.md

#CSS Tip: Learn CSS the easy one
▻https://css-tip.com

A small website where you can learn a new CSS #trick every day. All the CSS secrets are here (Flexbox, CSS Grid, Gradients, Colors, Animation, Masking, Selectors, etc). It takes one minute to read a tip.

Quelques trucs sympas comme ▻https://css-tip.com/horizontal-line-title ou ▻https://css-tip.com/css-ribbon

#title #line #separator