A massive list of very helpful CSS tools that I constantly forget to save.
Copy/pasting because dev.to
A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.Full credit goes to the authors behind each of these apps (where possible I've linked to their GH/ socials)
Generate Soft-UI CSS styles using inset shadows, by @adamgiebl
Make and preview beautifully smooth shadows, by @brumm
Generate cool shaped objects with border-radius, by @9Elements. Similar to BlobMaker
Generate pure CSS, cross-browser glow effects
Generates clothoid rounded corners by CSS clip-path, by Takehiko Ono
Build semi-transparent, blurred glass-like backgrounds. Similar to ui.glass/generator
Generate complex shaped objects using clip-path, by @bennettfeely
Generate and preview pure CSS Instagram-style photo filters, by @ghosh
Encode an image directly in your CSS in Base64
Generate quantity-based CSS queries, by @drewminns
CSS animation playground and generator, by Ana T
Preview and generate advanced cubic bezier animations, by @LeaVerou
Advanced keyframe animation maker, by @mitchas
Use animation-delay to simulate delays, by @will-stone
Copy-paste transition animations, by @argyleink
Find and customize simple pure-CSS patterned backgrounds, by @steveschoger
Generate unique organic SVG banners and backgrounds (similar to Shape Divider)
Advanced pattern generator
Collection of pre-made pure CSS patterned backgrounds, by @Afif13
Build striped backgrounds, by @matthewlein
Build your own old-school pattern, by @SachaGreif
Generate blurred animated pure CSS backgrounds, by @Vincenius
Geometric background designer (note: only semmi-free), by @qrohlf
Collection of pure CSS background animations
Collection of reusable SVG-based / pure CSS background patterns, with a visual explorer
Advanced CSS gradient builder
Equaliser-based CSS color composer. by @dawidwoldu
Develop and tweak color schemes
Palette builder using opposing or attracting colors
Sample gradients.
Similar to CoolHue, WebGradients.com, GradientHunt, GradientButtons and UI gradients
Yet another color palette designer
Cubic-bezier style pure CSS gradients, by @larsenwork
Flat-style handpicked color palettes, by @ahmetsulek
Mix, extract, convert and generate colors
Natural color pallets from nature
Discover and preview various font pairings, by @Jack000
Typography & legibility sandbox, by @tsmith512
Generate heading/ body font sizes, by @jeremychurch
Create icon fonts from SVG graphics
Tagged library of Google Fonts, by @katydecorah
Export 90s-style Glitter text
Selection of clean CSS loading animations
100+ CSS loading animations, for copy-paste
Pre-built and custom pure CSS loaders
Simple pure CSS loading animations
Complex pure CSS loaders
CSS implementations of common loaders
Interactive game for learning CSS grid, by @thomaspark
Interactive game for learning flexbox, by @thomaspark
Visual flexbox demo, by @bennettfeely
An interactive CSS Flexbox space distribution calculator, by @telagraphic
Make grids using the CSS grid-template properties, by @sdras (similar to grid.layoutit.com)
A modern CSS layout maker
Just a visual box model demo
A history of CSS
View popular screen sizes for responsive design
Preview various CSS units relative to each other
List of very funny CSS hex color codes
See also, colors.lol for some overly-descriptive color pallets
Checks accessibility grade of a given color combinations, similar to Colorable
Browser compatibility check of various, CSS, JS, HTML and web features
Similar to Can I use?, but checks if a given CSS property (or HTML elem) is compatible with email clients
Convert to and from any other CSS language
Searches your site for unused CSS, and displays stats
Global component search
A collection of open design systems, for inspiration
A collection of design best practices organised as checklists
A list of CSS glyph character codes (see also GlyphSearch for library icons)
The best CSS blog out there
A curated list of awesome design tools
A list of open source CSS frameworks
A visual guide to CSS properties (similar to htmlreference.io)
Excellent documentation of all available CSS properties
I scraped 12M+ dev jobs for 14 months and here are the Most Demanded Programming Languages in this 2022
A command-line client for SQLite databases that has auto-completion and syntax highlighting.
Non. Ăa câest le genre de tricks qui marchent, mais qui rendent le code illisible. Il suffit d'utiliser parseInt(div.dataset.nb)
puisque oui, dans le DOM, tout est chaĂźnes de caractĂšres.
Là au moins tu es sûr d'avoir affaire à un entier, et tu ne prends pas de risques avec les conversions de type automatiques de JS.
A Maslow Hierarchy for Software Quality
Je n'avais jamais entendu ce terme... Sous cet acronyme se cache la théorie consistant à dissocier clairement les opérations de lecture et d'écriture.
Le billet est intĂ©ressant et bien Ă©crit. Finalement, ça ressemble Ă ce que j'ai vu dans quasiment tous les projets oĂč on se retrouve avec du traitement massif de donnĂ©es, mĂȘme si personne ne l'avait explicitĂ© sous ce nom : on est obligĂ© de gĂ©rer diffĂ©remment la lecture et de l'Ă©criture pour des questions de performances.
Par exemple on construit des index ElasticSearch à partir de données de référence présentes dans une base type SQL ou Mongo.
You can use simple tricks like:
- Givens should be in the past tense
- Whens should be in the present tense
- Thens should be in the future tense (often using "should" or "will")
Tips to write Behat like tests.
New readonly property feature coming up with PHP 8.1. I still like me some getters, though. But it could be useful in DTO as mentioned in the article.
Jâai codĂ© un jeu gratuit en 3D dans le navigateur, librement explorable, Ă travers des univers infinis gĂ©nĂ©rĂ©s de maniĂšre procĂ©durale en JavaScript. Lâobjectif ? Aller dâunivers en univers et dĂ©couvrir lâorigine de tout.
Câest carrĂ©ment une histoire en quatre chapitres avec une rĂ©vĂ©lation Ă©pique Ă la fin.
Impressionnant.
Il faudra que je revienne dessus pour me pencher sur l'exploration et les détails techniques.
Interesting view regarding software engineering in general. Have we become so Agile that we can no longer think ahead beyond next week?
Also, I love that sentence:
In a model in which you pour user stories into a sausage machine, and you get a demo at the end of it (or a feature production release in a DevOps shop!) there is no room for purposeful, structured problem analysis anymore.
Un outil de visualisation qui fait de beaux diagrammes Ă partir d'un repo Github. Inutile, et donc indispensable !
Une library JS qui remplace tout le code jQuery en vanilla JS. J'aurais aimé avoir découvert ça il y a quelques années...
Bon, attention quand mĂȘme, c'est en v0.0.2, ne cassez pas votre prod.
Another HTTP client.
Calcule la taille d'une dépendance npm.
Tableau blanc en ligne, avec une fonction de collaboration. Pas de compte. Open-source.
Multiple languages and tools cheatsheets.
Plein de choses utiles ! Je vais en extraire quelques uns ici.
#PHP Enums vote closes today: 44 yes an 7 no; enums are coming in PHP 8.1!
Un article d'introduction sur les mutation tests en PHP, avec Infection.
Pour avoir déjà joué avec, c'est assez fun, et ça permet de se poser pas mal de questions sur la qualité de notre code. Par contre, c'est trÚs chronophage.
Quelques tips VueJS toujours bon Ă prendre.
via https://links.kalvn.net/shaare/mIE9XA
Un serious game qui permet d'apprendre et de comprendre le fonctionnement des flexbox en CSS. C'est vraiment excellent !
Un projet de base de données décentralisé. Encore en early stage. à surveiller.
1er décembre, c'est le début de l'Advent of Code édition 2020 !
Cette année, j'ai envie de le faire en Python, que j'ai tendance à bidouiller de temps en temps mais que je maitrise assez mal. Nous verrons ce que ça donne.
Pour suivre mon résultat, c'est ici : https://github.com/ArthurHoaro/advent-of-code-2020
We all make mistakes. The important thing is to learn from them. Also, pointing fingers doesn't help anyone. It's a good experience article.
PHP 8.0 a été release et est disponible au téléchargement.
Un article de #blog pour faire le tour des nouveautés des nouveautés.
đ«đ· PHP 8.0 est sorti ! Quoi de neuf, Docteur ?
đșđž PHP 8.0 is out! Whatâs up, Doc?
Pour le fun, je me suis amusé à écrire un petit script Python m'envoyant une notification sur mon téléphone la météo du jour. Voyons comment il fonctionne.
Ăa ne sert globalement pas Ă grand chose vu le nombre d'appli mĂ©tĂ©os, mais j'aime bien les dĂ©fis techniques dans ce genre, surtout quand c'est bien expliquĂ©.
Un moteur de recherche pour les opérateurs JS. Je me garde ça sous le coude parce que :
Bramus propose de bloquer la double soumission de formulaire à cause d'un double clic directement au niveau de la spécification HTML. J'ai déjà eu des soucis similaires patchés à coup de JS, je pense que ça serait une bonne chose.
Si vous voulez thumb up, c'est ici : https://github.com/whatwg/html/issues/5312
Very well written article about composition over inheritance in OOP.
Also the introduction example reminds me about a bunch of projects I had to work on:
Alan Kay, the inventor of the term âobject-oriented programmingâ, told a story once during a talk more than 20 years ago. You can build a dog house using only a hammer, nails, planks, and just a little bit of skill. I figure even I would be able to build it given enough time. Once you've built it you've earned the skills and know-how, and could apply it to other projects. Next, you want to build a cathedral, using the same approach with your hammer, nails, and planks. It's a 100 times larger, but you've done this before â right? It'll only take a little longer.
While the scale went up by a factor of 100, its mass went up by a factor of 1.000.000 and its strength only by 10.000. Inevitably, the building will collapse. Some people plaster over the rubble, make it into a pyramid and say it was the plan all along; but you and I know what really went on.
Un outil pour faire des jolis menu en CLI en PHP. Je me garde ça sous le coude, ça pourrait ĂȘtre intĂ©ressant couplĂ© Ă des commandes Symfony.
A set of good practices for PHP arrays and collection objects. Nothing revolutionary, but these are very good guidelines for any project.
Un outil pour faire des tests de charge simplement.
đ§
Quand tu as perdu la raison et que tu décides de faire un Mario Kart en CSS. WTF.
Une liste de blog de dev (et associés) à suivre.
Pour ceux que ça intéresse, la liste des flux RSS complets :
https://rssextender.hoa.ro/?feed=https://blog.pascal-martin.fr/index.xml
https://rssextender.hoa.ro/?feed=https://blog.nathanaelcherrier.com/rss/
https://rssextender.hoa.ro/?feed=https://mariecomet.fr/feed/
https://rssextender.hoa.ro/?feed=http://artisandeveloppeur.fr/feed/
https://skwi.fr/feed.xml
http://feeds.feedburner.com/dunglas
https://www.jdecool.fr/feed/feed.xml
https://rssextender.hoa.ro/?feed=https://mnapoli.fr/atom.xml
https://vincent.bernat.ch/fr/blog/atom.xml
https://rssextender.hoa.ro/?feed=https://blog.seboss666.info/feed/
https://rssextender.hoa.ro/?feed=https://blog.castiel.me/rss.xml
https://rssextender.hoa.ro/?feed=https://hugo-soltys.com/rss/articles.xml
https://rssextender.hoa.ro/?feed=https://vincent-g.fr/rss.xml
https://rssextender.hoa.ro/?feed=https://www.orbitale.io/feed.xml
https://boris.schapira.dev/web/feed.xml
https://rssextender.hoa.ro/?feed=https://www.geeek.org/rss/
https://rssextender.hoa.ro/?feed=https://www.geek-directeur-technique.com/feed
En espérant ne rien avoir oublié, c'était un peu fastidieux.
Publiez vos flux RSS non tronqués putain !
Article intéressant, quoique trÚs général, sur les bonnes pratiques de développement.
Ăa fait quelques articles que je vois passer, qui donnent des avis ou des retours d'expĂ©rience un peu plus mitigĂ©s sur les architectures par micro-services que les Ă©loges qu'on a pu entendre ces derniĂšres annĂ©es.
D'expérience - et pour confirmer ce qui est dit dans l'article - je dirais qu'il y a deux désavantages majeurs. Déjà ça augmente la complexité générale d'une application, et surtout de son architecture, y compris tout ce qui va avec : maintenance, déploiement, troobleshooting, etc. Mais aussi on arrive vite à des problÚmes de couplage entre les micro-services lorsque l'application croit naturellement en complexité fonctionnelle.
Je pense que ça dépend donc beaucoup de la taille de l'équipe qui gÚre tout ça et des moyens alloués.
In August of 2015, my hands stopped working. I could still control them, but every movement accumulated more pain, so every motion came with a cost: getting dressed in the morning, sending a text, lifting a glass. I was interning at Google that summer about to begin a PhD in Scotland, but coding all day would have left me in agony.
Neat.
Enqueue is production ready, battle-tested messaging solution for PHP. Provides a common way for programs to create, send, read messages.
Supports major brokers such as RabbitMQ, Kafka, Amazon SQS, Google PubSub, Redis etc.
Reddit aurait-il réussi à relancer le débat enterré des spaces vs tabs ?
Le prĂ©chargement de fichier en PHP a l'air prometteur, avec des gains de performances ~15% sur les premiers benchmarks. Avec un prĂ©chargement automatique via composer, ça pourra devenir intĂ©ressant pour certains usages ; en particulier des micro-services qui doivent gĂ©rer un volume important de requĂȘtes.
FOAAS (Fuck Off As A Service) provides a modern, RESTful, scalable solution to the common problem of telling people to fuck off.
Tant d'efforts pour rien, c'en est impressionnant ! Fuck you very much.
Un IE sous Linux avec Vagrant. J'ai pas testé mais ça peut servir.