North East Coastal Town | LIFE
post-punk dansant et goguenard
▻https://lifebanduk.bandcamp.com/album/north-east-coastal-town
#son via ▻https://www.positiverage.com/life-north-east-coastal-town
North East Coastal Town | LIFE
post-punk dansant et goguenard
▻https://lifebanduk.bandcamp.com/album/north-east-coastal-town
#son via ▻https://www.positiverage.com/life-north-east-coastal-town
Compress #PHP applications into one binary : PHP
▻https://www.reddit.com/r/PHP/comments/12e743w/compress_php_applications_into_one_binary
Are we talking about a full-size web app, or a small CLI app?
See ▻https://github.com/dreadnip/static for an example.
TL;DR: you build your app as a #phar (for example with Box), en then prepend it with this: ▻https://github.com/dixyes/phpmicro/blob/master/Readme.EN.md
The result is a #selfexecutable binary.
Free #Fonts For #Interface Designers — Smashing Magazine
▻https://www.smashingmagazine.com/2023/03/free-fonts-interface-designers
In this post, we compiled some free fonts that we came across and that you probably haven’t spotted before. Some of them shine with their #flexibility, some put a special focus on #readability, and others are a great choice if you want to make a bold statement.
@seenthis pour info, je viens de faire le ménage dans les comptes à spam de seenthis, voici la liste des comptes supprimés :
julia_thompson jammer_welt_ godspeedio golfers_dayout eye_maze bidding_enterprises fixedgroup tkelly larry_williams zhrmghg8725 fmoviesfree23432 stephen_curry ambrose_johnson eldiahmedabad mystic_pearls crazytok hilton_financial_corporation assistedlivingsandiego burnsplumbing sparkynearby roarconnected dbygroup orlandopowered hunterlineroof gwatchzone ferrariconstructions hiscockselectrical thinkelectrical pinewriters readysetreline andrey_novikov swift_attire leaderjam david_clark idefy elsnertechnologies praveen_rajagopal knowing1 hoptodesk swastikholiday vectordose fixice hilton_financial_corporation dissertation_complete_coaching standupdesk2022 standingdesk2022 ecomva zxuefei888_gmail_com hazelfinch1 valerie_houghton_therapist omywish1 hailisan412 valeriehoughtonattorney valerie_houghton johnwick11 skylishop leni verniamurrish deskww kamil blocktech_brew gscode williamjames25693 jimcarton sohan_singh schreibtisch2022 standingdesk202211 adjustable gulkijoshi dhev samlokiy add_your_life henryjonas59 romanticlife eddy64cap abhise23 cook_tim dilips23 nileshse23 easyjobber standingdesk77 isacs32 veevaping harry_smith oliver0001 piya_sharma jenny01 daicy666 aimiwu tony_stark eyan priyaa55 kuakua genblade schreibtisch899 khka uytsa
C’est chaud, quand même…
@b_b c’est à toi qu’on signale les gens chelous ?
@monolecte avant on les signalait à @seenthis et ça relayait sur la liste, mais j’ai comme l’impression que ça ne fonctionne plus depuis le passage à discourse. C’est d’ailleurs pour ça que j’ai posté mon rapport de ménage à spam ici car les dernières fois que j’ai posté sur la liste je n’ai eu aucun retour.
Je ne suis pas certain de vouloir endosser personnellement la responsabilité des signalements (charge mentale tout ça), mais bon sur la liste ou ici c’est moi qui m’en occupe donc...
quels sont les critères de définition d’un compte à spam, au-delà du fait que, quand on en subit un personnellement, on mesure ce que c’est ?
Les comptes à spam, ce sont des comptes qui viennent uniquement poster des liens commerciaux tout merdique, sans doute dans une optique de SEO. Le risque de censurer une opinion et de nuire la liberté d’expression de quelqu’un de sincère est extrêmement faible avec ces types de comptes…
C’est à ne pas confondre avec les trolls, les comploplos et les fachos, qui eux interagissent (ça relève d’un autre problème). C’est plutôt ceux-là qu’on a le sentiment de « subir ».
Guide de l’intégrateur #RGAA 3
▻https://disic.github.io/guide-integrateur
Ce guide de l’intégrateur vous est proposé dans le cadre des ressources accompagnant la prise en main de la version 3 du référentiel général d’accessibilité pour les administrations (RGAA 3).Ce guide s’adresse aux #intégrateurs chargés de réaliser les gabarits HTML et CSS et se focalise sur les problématiques de respect de la sémantique et de la mise en forme. Il n’est pas question dans ce guide de JavaScript, qui fait l’objet avec ARIA, d’un tout autre guide.
Un second pas...
git clone https://git.spip.net/spip/spip/ spip
cd spip
composer install
▻https://discuter.spip.net/t/depot-composer-et-packages-pour-spip/167646/8
Bonne chose de faite <3
#spip
What does this code do?
▻https://whatdoesthiscodedo.com
This is a tool that uses #ChatGPT under the hood to #explain any piece of #code you don’t understand. Paste the code in the code editor below and press “Explain Code” and ChatGPT will output a paragraph explaining what the code is doing.
Play : a free map editor from Placemark
▻https://www.placemark.io/post/play-a-free-map-editor-from-placemark
le successeur de ►https://geojson.io ; toujours par Tom MacWright.
Modern #Font #Stacks
▻https://modernfontstacks.com
System #font_stack #CSS organized by typeface classification for every modern OS
The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.
#Cleaning up local #git branches #deleted on a remote
▻https://www.erikschierboom.com/2020/02/17/cleaning-up-local-git-branches-deleted-on-a-remote
[alias]
gone = ! "git fetch -p && git for-each-ref --format '%(refname:short) %(upstream:track)' | awk '$2 == \"[gone]\" {print $1}' | xargs -r git branch -D"
#gone
#Conditional #CSS - Ahmad Shadeed
▻http://ishadeed.com/article/conditional-css
In this article, I will go over a few CSS features that we use every day, and show you how conditional they are.
Belle collection d’astuces/manières de faire du conditionnel en css.
Who reads your email ?
▻https://www.netmeister.org/blog/mx-diversity.html
In summary, some of the information were we able to pull out of our MX data collection includes:
– 58% of all domains (119 million) have no MX record (42 million of those have no IP)
– 1% of all domains (~2 million) use a RFC7505 “Null MX” (0 .)
– 0.7% of all domains (~1.5 million) use localhost
– 40% of all domains (81 million) have an MX record, yielding around 30 million unique records in 21 million unique domains
– 98% of those are unique, and around 380K mail servers a used by more than one domain
– ~2,000 mail servers are used by >1,000 domains each; the most frequently used MX records are GoDaddy’s mailstore1.secureserver.net. and smtp.secureserver.net. (used by 10.6 million domains each) and Google’s aspmx.l.google.com. (used by 9.6 million domains)
– 34% of all domains (53.7 million) use one of Google’s mail servers, 14% (22.5 million) one of GoDaddy’s, 13.5% (~21.3 million) one of Namecheap’s
– for the Top 1M domains, over 60% use Google’s (41%) and Microsoft’s (20%) mail servers
– many mail protection services dominate the remainder
De mon côté, j’ai ce genre de choses pour les destinations des messages sortants de l’infra :
Et pour les entrants, le podium est plus ou moins le même.
Merci pour le partage @biggrizzly je pense que si je faisais le même graphe chez Infini on aurait bien plus de Orange...
Mise à jour critique de sécurité : sortie de SPIP 4.2.1, SPIP 4.1.8, SPIP 4.0.10 et SPIP 3.2.18
Suite au signalement d’une faille critique de sécurité, nous publions les version 4.2.1, 4.1.8, 4.0.10 et 3.2.18. Un grand merci à Glop pour le signalement.
@seenthis a eu le droit à sa mise à jour (la dernière avant que quelqu’un⋅e ne se penche sur le portage vers SPIP 4)
#spip
Openly Licensed Images, Audio and More | Openverse
▻https://openverse.org
Projet »sponso« par WP.
Openverse is a tool that allows openly licensed and #public_domain works to be discovered and used by everyone.
Openverse searches across more than 300 million #images from open #APIs and the Common Crawl dataset. It goes beyond simple search to aggregate results across multiple public repositories into a single catalog, and facilitates reuse through features like machine-generated tags and one-click attribution.
For many years, #Creative_Commons has offered its users a dedicated search portal for searching platforms that have #CC licensing filters built in. In fact, this is still maintained at oldsearch.creativecommons.org.
For users of the legacy CC Meta Search site, the “External Sources” feature on Openverse will look familiar. The goal was to ensure that the functionality is not lost, but is updated and embedded within our new search engine for openly licensed content. In addition, the “External Sources” feature builds on this functionality, allowing us to quickly add new external sources as we discover them, and support new content types in the future, as we expand.
Sortie de SPIP 4.2.0
Après un mois de test de la version alpha, nous avons le plaisir de publier la version stable de SPIP 4.2 !
Comme annoncé dans l’article de présentation de la version alpha, SPIP 4.2 apporte avant tout la compatibilité avec PHP 8.2 tout en gardant exceptionnellement une compatibilité avec la version PHP 7.4. C’est aussi un premier pas vers Composer avec l’introduction d’un autoloader à usage interne et l’intégration de dépendances à des librairies PHP via composer.json.
#spip
Luciole - Typeface
►http://www.luciole-vision.com
Le caractère typographique Luciole a été conçu spécifiquement pour les personnes malvoyantes. Ce projet est le résultat de plus de deux années de collaboration entre le Centre Technique Régional pour la Déficience Visuelle et le studio typographies.fr. Le projet a bénéficié d’une bourse de la Fondation suisse Ceres et de l’appui du laboratoire DIPHE de l’Université Lumière Lyon 2.
#typo
The Guide To #Responsive_Design In 2023 and Beyond - Ahmad Shadeed
▻http://ishadeed.com/article/responsive-design
Responsive design isn’t about #media_queries anymore.
So, the web is responsive by default, unless we start getting creative in designing our layouts.
Using modern CSS
– The typography is responsive to the viewport width via clamp() function.
– The spacing is responsive to the viewport width via clamp() function.
– The hero section is responsive to its content via flexbox wrapping.
– The cards grid is responsive to the available space with minmax(), no media queries.
– The card component is responsive to its wrapper via size container queries and style container queries.
– The margins and paddings are responsive to the websites language via logical properties.
Using media queries
– The site navigation is responsive to the viewport width.
– The theming is responsive to the user preferences in their operating system.
– The card hover effect is responsive to what the user is using (touch vs mouse).
Visual #design #rules you can safely follow every time
▻https://anthonyhobday.com/sideprojects/saferules
You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are #safe to follow every time.
– Use near-black and near-white instead of pure black and white
– Saturate your neutrals
– Use high #contrast for important elements
– Everything in your design should be deliberate
– Optical #alignment is often better than mathematical alignment
– Lower letter spacing and line height with larger #text. Raise them with smaller text
– Container borders should contrast with both the container and the background
– Everything should be aligned with something else
– #Colours in a palette should have distinct brightness values
– If you saturate your neutrals you should use warm or cool colours, not both
– Measurements should be mathematically related
– Elements should go in order of visual weight
– If you use a horizontal grid, use 12 columns
– #Spacing should go between points of high contrast
– Closer elements should be lighter
– Make drop shadow blur values double their distance values
– Put simple on complex or complex on simple
– Keep container colours within brightness limits
– Make outer padding the same or more than inner padding
– Keep body text at 16px or above
– Use a line length around 70 characters
– Make horizontal #padding twice the vertical padding in buttons
– Use two #typefaces at most
– Nest corners properly
– Don’t put two hard divides next to each other
#ux Finitions.
J’ai l’impression qu’on redit toujours un peu les même choses depuis 15 ans.
Et surtout que ce sont les pratiques de PAO qui débouchent sur le web.
Radio It Yourself
▻https://www.radioityourself.fr
Bon guide de 343 pages qui pourrait être utiles à certain⋅es adhérent⋅es chez #Infini.
Radio It Yourself invite à la créativité radiophonique par l’autonomie technique, la compréhension de nos outils, et la vulgarisation des bases théoriques en physique, électronique, acoustique.
À la manière d’un mur blanc, d’une rue ou d’un site web, la radio est un moyen d’expression puissant, dont nous devons nous saisir, presque par nécessité, ou simplement pour que nos voix y existent.
Brancher une table de mixage, comprendre le fonctionnement d’un émetteur, avoir des références pour choisir son matériel, comparer des logiciels de playlist, fabriquer un émetteur DAB+ soi-même, mettre en place un #stream audio, ... ce manuel aborde les solutions techniques DIY mais aussi professionnelles à notre portée. On y parle aussi des bases théoriques pour enfin comprendre ce qu’on fait, et des réflexions politiques sur les pratiques radio collectives d’un point de vue technique : ce « petit » guide veut s’inscrire dans un ensemble plus vaste de pratiques pédagogiques qui s’opposent à l’appropriation du savoir par certain·e·s. Pour que la #radio reste un média populaire, accessible à toutes et tous, toi y compris.
Statping-ng - Monitor your Web Services
Une alternative à Uptime Kuma ▻https://seenthis.net/messages/933333 développée en GO, donc facile à installer et mettre à jour.
An open source server to monitor your web applications and all other HTTP, TCP, UDP, ICMP and gRPC services.
Statping-ng has multiple notifiers so you can know when a service becomes offline as soon as it happens. We have already implemented Slack, Discord, Telegram, Emailing (SMTP), and many others.
Statping also has a free mobile app available on the App Store and Google Play so you add/updated services, update notifiers, create announcements, and everything else. With the Statping Mobile App you can also receive push notifications using the Mobile Notifier.
▻https://github.com/statping-ng/statping-ng
▻https://camo.githubusercontent.com/d04800bf751e659d097a70ea8d91b71b09e652fa83d4935a8fdc0abf7615ab0f/68747470733a2f2f7374617470696e672d6e672e6769746875622e696f2f
image-orientation - CSS : Cascading Style Sheets | MDN
▻https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation
propriété CSS 3 pour permettre l’affichage d’une image selon son EXIF ou pas
#image-orientation #EXIF #image #CSS #SPIP
Projects | Knight Lab
►https://knightlab.northwestern.edu/projects
The Lab develops prototypes, projects and services that help make information meaningful and promote quality journalism, storytelling and content on the internet
Storytelling, Beta, Prototypes, Experiments and Past Projects
Learn.KnightLab.com
▻https://learn.knightlab.com
The web is a journalist’s medium. It influences every part of the journalistic process, from how we find and gather information, to how we craft our stories, to how we track the far reaches of our content. Understanding how it works can only make us better journalists. The best way to know the web is to take charge of it. We’re using open web technologies to build stories, apps, tools, and sites. You can too. If there’s one thing we understand, it’s that learning is a messy process. Come roll around in the mud with us.
Leaflet - a JavaScript library for interactive maps
►https://leafletjs.com
Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps.
Scrollame
►https://github.com/russellgoldenberg/scrollama
Scrollama is a modern & lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events.
Important Changes
Version 2.0.0+: .onContainerEnter and .onContainerExit have been deprecated in favor of CSS property position: sticky;. How to use position sticky.
Version 1.4.0+: you must manually add the IntersectionObserver polyfill for cross-browser support. See installation for details.
Jump to examples.
Why?
Scrollytelling can be complicated to implement and difficult to make performant. The goal of this library is to provide a simple interface for creating scroll-driven interactives. Scrollama is focused on performance by using IntersectionObserver to handle element position detection.
Export Google Maps Route to KML/GPX - Geographic Information Systems Stack Exchange
▻https://gis.stackexchange.com/questions/152571/export-google-maps-route-to-kml-gpx
Since Google pulled the plug on Google Maps Classic, I’m reluctantly moving to its Google Maps New application.
However, I didn’t find how to export a route to a GPX or KML file so it can be copied onto my smartphone.
Can it do this? If not, is there a third-party solution?
Rien que pour le tag #Scrollytelling et le llama ça vaut le copup de jouer avec Scrollama :)
dans le même style, j’ai vu ça passer ►https://olivier3lanc.github.io/Scroll-Btween
Mise à jour de sécurité : sortie de SPIP 4.1.7, SPIP 4.0.9 et SPIP 3.2.17
Suite au signalement de plusieurs failles critiques de sécurité, nous publions les version 4.1.7, 4.0.9 et 3.2.17. Un grand merci à Abyss Watcher et à un retraité de la communauté SPIP pour ces signalements.
#spip
@seenthis vient d’avoir sa mise à jour (un peu tard, mais bon on fait ce qu’on peut).
#PHP in 2023 - stitcher.io
▻https://stitcher.io/blog/php-in-2023
As a developer though, WordPress makes me sad. The inability to stay up to date with modern and safe PHP versions casts a shadow on the whole PHP community.
Right now, WordPress only has beta support for PHP 8.0. Now, to be clear: PHP 8.0 was released in 2020, and is now end of life, three years later — and WordPress doesn’t yet support it…
Of course, there are reasons for not properly supporting newer PHP versions. Up to you to decide whether they are good or not. My personal opinion is that the decision to hold on to backwards compatibility as much as WordPress does is mostly business driven: a big part of WordPress is the commercial part, and a big part of their customer base is running old PHP versions. It’s a vicious circle where both parties are holding each other back and, by extent, hold back the PHP community as a whole.
On the other hand, we should recognise the fact that not many software projects are able to stay as popular and relevant as WordPress after almost 20 years, so maybe their strategy about backwards compatibility is the right one?
Quelqu’un devrait parler de #SPIP à l’auteur de cet article :)