github/shoelace-style/shoelace
▻https://github.com/shoelace-style/shoelace
« A collection of professionally designed, every day UI components built on a framework-agnostic technology. 🥾 »
github/shoelace-style/shoelace
▻https://github.com/shoelace-style/shoelace
« A collection of professionally designed, every day UI components built on a framework-agnostic technology. 🥾 »
Gamasutra - The Microsoft Game Development Kit is now available for free on GitHub
▻https://gamasutra.com/view/news/385556/The_Microsoft_Game_Development_Kit_is_now_available_for_free_on_GitHub.ph
Microsoft has released its Microsoft Game Development Kit (GDK) onto GitHub for free.
[…]
Microsoft noted that access to publish on the Xbox ecosystem will remain private, and that anybody looking to launch a game on Xbox or Windows PC will still need to apply and qualify for the Xbox Developer Program.
#jeu_vidéo #jeux_vidéo #développement_informatique #programmation_informatique #framework #sdk #software_development_kit #gdk #game_development_kit #moteur_de_jeu_vidéo #microsoft #xbox #microsoft_xbox #pc #ordinateur_pc #gratuit #xbox_developer_program
Quels sont les coûts liés à l’utilisation de frameworks JavaScript pour le développement Web ? Une analyse des sites utilisant React, Vue.js ou Angular
▻https://javascript.developpez.com/actu/303519/Quels-sont-les-couts-lies-a-l-utilisation-de-frameworks-JavaS
S’invitant dans le débat, Tim Kadlec, un développeur qui aide les organisations à améliorer les performances de leurs sites, estime pour sa part qu’il n’y a « pas de moyen plus rapide de ralentir un site que d’utiliser un tas de JavaScript », et c’est justement ce que font les frameworks JavaScript : utilisez beaucoup plus de JavaScript. Mais « le truc avec JavaScript », poursuit-il, « c’est que vous finissez par payer une taxe sur les performances pas moins de quatre fois », dit-il. Les quatre taxes auxquelles il fait allusion sont :
– le coût de téléchargement du fichier sur le réseau ;
– le coût de l’analyse et de la compilation du fichier non compressé une fois téléchargé ;
– le coût d’exécution du JavaScript ; et
– le coût de la mémoire.
Avec des graphes comparatifs de divers paramètres tels que « Quantité de JavaScript servi », « Temps de traitement CPU »
Pour illustration de cette lenteur et du peu d’importance donnée à l’UX par les développeurs, voir par exemple le backoffice de #Mailjet ou #Gandi_v5 qui sont des modèles de lenteur totalement désespérant et rebutant pour l’utilisateur... (en plus d’un manque d’ergonomie flagrant sur toutes les fonctionnalités un peu avancées)
Et conséquence non évoquée ici, le coût écologique lié à l’utilisation de ces framework doit être non négligeable...
L’article original (En) : ▻https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks
Un commentaire précise qu’il faut quand même pas juste prendre en compte le premier chargement, ça n’a pas de sens, car pour là où c’est utilisé, c’est généralement pour des choses qu’on utilise plusieurs fois, où on a un compte, etc. Donc une fois le premier chargement, une grosse partie est déjà en mémoire du navigateur, que ce soit le JS et la plupart des éléments d’interface.
Pour le premier chargement, ça dépend à quel utilisateur on s’adresse mais si la première impression qu’on a en arrivant sur un site c’est sa lenteur, ça fait mauvais genre. De plus le cache ne dure pas indéfiniment, en plus du fait que le fichier JS peut inclure autre chose que la librairie du framework et donc demander à être téléchargé de nouveau à chaque màj du code.
C’est amusant de voir les commentaires sur le site developpez, certains semblent penser qu’on ne peut pas faire de site/app sans ces frameworks... Cela explique sûrement que tant de sites ou d’applications Web soient si lourds.
Pour moi le pire que j’ai vu (en tant qu’utilisateur) c’est le site d’Arrêts sur image, qui utilise Angular. Une aberration. Ils ont optimisé un poil depuis le lancement donc c’est moins pire aujourd’hui mais ça reste une erreur technique majeure à mon sens.
Ah bah pour un site de média éditorial, essentiellement fait de texte avec quelques images et vidéos, ça n’a aucun putain de sens… Normalement c’est pour de l’applicatif, des trucs où ça doit mettre jour des données en direct, etc. C’est ce que je disais plus haut, normalement quand on l’utilise c’est pour de l’appli, où t’as un compte, où ya du fonctionnel (pour l’interface d’admin d’un média éditorial à la limite, mais pas sa partie publique). Pour juste du texte et des commentaires dessous… hu
C’est tout le problème, les développeurs connaissent tel ou tel framework et se mettent à l’utiliser partout, sans discernement. Dans les commentaires sur Développez, il y en a même un qui explique que sans framework Javascript son appli ne serait pas jolie ! Et même pour les applis, sauf besoins très spécifiques, j’ai quelques doutes sur l’utilité de ces machineries, l’auteur du texte initial a raison, le Javascript de base (ou jQuery) peut faire beaucoup de choses. Bien sûr ça suppose de passer un peu plus de temps à coder (et de se confronter à des choses peut-être plus complexes au premier abord), encore que la maintenance sera probablement beaucoup plus légère ensuite.
Je précise par ailleurs que j’ai déjà utilisé Angular de manière assez intensive, je suis loin d’être un anti-framework primaire.
You-Dont-Need-jQuery/README-fr.md
▻https://github.com/nefe/You-Dont-Need-jQuery/blob/master/README-fr.md
et
▻http://codeblog.cz/vanilla/#prerequisities
Alternatives à l’utilisation de jQuery pour à peu près toutes les fonctionnalités de cette lib :
– Sélecteurs
– Style & CSS
– Manipulation du DOM
– Ajax
– Évènements
– Utilitaires
– Animations
Voir aussi : ►http://youmightnotneedjquery.com (▻https://seenthis.net/messages/226538)
Documentation | Buefy
▻https://buefy.org/documentation
Buefy (pronounced /ˈbyo͞oˌfī/, like beau-fy) is a user interface component library made on top of two fresh but very well known frameworks, being them Vue.js and Bulma. Buefy has two core principles: 1. keep stuff simple and 2. be lightweight.
We like to think that Buefy is the javascript layer for your Bulma interface, since it doesn’t require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery
Pour mémoire :
– la doc du framework CSS Bulma (anglais) : ▻https://bulma.io/documentation
– la doc du framework Vuejs (français) : ▻https://fr.vuejs.org/v2/guide
Six Steps To #design a #cryptocurrency- Part 2
▻https://hackernoon.com/how-to-design-a-cryptocurrency-in-six-steps-part-2-84717cad50d7?source=r
Six Steps To Design a Cryptocurrency— Part 2Stakeholder Mapping and Market DesignTo design a successful Token Economy you will need to know who will participate in it, what do they get for their effort, how to attract them, and how to keep them. In this article we share our lessons learnt.Every successful individual knows that his or her achievement depends on a community of persons working together.— Paul Ryan, American PoliticianIntroductionIn the previous part of this series we introduced the background and purpose of this Token Economy Creation #framework, as well as its first step which was defining the goal of the Token Economy.In this second part we will introduce the next two steps of the framework, which are Stakeholder Mapping and Market Design.While the economy goal guides the (...)
Clean up all the #flutter !
▻https://hackernoon.com/clean-up-all-the-flutter-69cb308382f4?source=rss----3a8144eabfe3---4
Flutter Clutter is hard to read! Gonna clean it up!You know what I don’t like about Flutter? Very little. However, I did, have to get use to reading the long vertical lists of parameters. Most times, they weren’t just parameters, they’re a list of anonymous functions being passed as parameters which made it that much harder to read. And Man! At times, there is a lot of clutter! A lot of Flutter Clutter!Of course, one can adapt. It does has its merits, but I decided to clean it up a bit. Below is a ‘before and after’ picture. What do you think?Original ContactDetailsPage vs. New ContactDetailsPageBy ExampleI’m using the repo., contacts_service, as an example. I arbitrarily picked it. I’m not picking on those particular developers or anything. As it happens, it itself demonstrates the use of the (...)
Join the #NoServerNovember Challenge
▻https://hackernoon.com/join-the-noservernovember-challenge-622e36a83e2e?source=rss----3a8144eab
It’s my favorite time of year; the holiday season is in full-swing, we’re preparing for Thanksgiving, and it’s #NoServerNovember. Our team here at #serverless launched #NoServerNovember this year to help serverless enthusiasts up level up and to help new users get started with serverless.Each week in November, we’re announcing new projects for you to try, along with great resources to complete the challenges. Each project you complete and tweet to us using the #NoServerNovember challenge enters you into a drawing to win some Serverless swag. So, try one project this month, tacked a new one each week, or take the title of serverless champion by finishing them all. We’ll be announcing winners all month long with grand prizes announced at the end of the month.The challengesThere are currently 9 (...)
Make a slideshow using #ruby on Rails in 50 lines of code and no JavaScript.
▻https://hackernoon.com/make-a-slideshow-using-ruby-on-rails-in-50-lines-of-code-and-no-javascri
Let’s face it, nowadays, even the most complex web development tasks are expected to be written in JavaScript. Having said that, the consistently changing landscape of JavaScript is confusing and makes productivity difficult. And it is not as if JavaScript is the most user friendly language in the world. JavaScript is as popular as it is because it has always been a necessary evil in frontend web development.However, there was a time where JavaScript only existed to be sprinkled into your frontend to make it feel more dynamic. In recent years, in a search for perceived performance, large corporations began writing the crux of their applications in JavaScript in the frontend. This considerably shrunk the requirements for backend work in these applications. It is no secret that many (...)
#ruby-on-rails #frontend-development #framework #javascript-frameworks
How components won the “framework wars”
▻https://hackernoon.com/how-components-won-the-framework-wars-e40abd38668b?source=rss----3a8144e
Code with HugoReact vs #angular vs Vue: Why it doesn’t matter.2018 marks the end of #javascript fatigue and the “framework wars”A typical frontend/JavaScript developer career usually involves some jQuery and associated plugins before moving on to #react, Angular or Vue.Having experienced React, Vue and Angular, it seems they solve similar problems in a similar way. Where they differ is the setup experience and best-practices. In more ways than one, the mental model of these frameworks/libraries have converged to the component model.This is a win for the developers since the mental model is the same for all the most widespread frameworks. Which means going from one to the other does not pose as big a challenge as it used to.If you came here to read a more thorough review and have more background (...)
Et un de plus, …
avantage d’être autonome, embarque ses mixins pour les media-queries,
simple et leger, avec cards, et tout les composant de base ui (button, progress, …)
Mustard UI · A CSS framework that actually looks good.
▻https://mustard-ui.com
The Origin of Stimulus
▻https://github.com/stimulusjs/stimulus/blob/master/ORIGIN.md
«contemporary mainstream approaches are needlessly convoluted, […] we can do more, faster, with far less»
Et leur autre librairie Turbolinks, ça a l’air à la fois tout con mais génial comme principe !
▻https://github.com/turbolinks/turbolinks
Avoir un des avantages des applis « one page » (le chargement rapide) MAIS en gardant la conception habituelle page par page, et donc l’accessibilité, et l’ancienne méthode de chargement complet si ça ne marche pas.
#javascript #framework #HTML #webperf (au moins perçue)
Bulma : a modern CSS framework based on Flexbox
▻https://bulma.io
Un framework CSS (encore un !) basé sur flexbox : complet (grille, éléments, composants, formulaires...), modulaire, open-source, bien documenté. N’inclut pas de javascript ni de jeu d’icones (mais compatible FontAwesome ou autres).
Bémols :
. le nommage des classes est relativement compliqué,
. basé sur SASS plutôt que SCSS
Ya des convertisseurs automatiques de SASS vers SCSS donc ça devrait pouvoir se faire
#framework #CSS #intégration #web
Je viens de regarder un peu le code, et, c’est mon avis personnel mais : ce n’est pas fait avec des mixins, mais tout directement en classes CSS = c’est de la merde. Puisqu’on ne peut pas appliquer le framework sur n’importe quel HTML qu’on veut, on est obligé de mettre en dur leurs classes à eux dans notre HTML.
Swagger – The World’s Most Popular Framework for APIs.
▻http://swagger.io
Un framework pour faire des API. Mais je n’ai pas compris ce que ça fait vraiment. On décrit ce qu’on veut que ça fasse à la fin (le get, post, entrées, sorties) dans un document YAML, et ça peut générer du code en plusieurs langages. Mais aussi une documentation suivant la description.
Je vois au moins l’intérêt ne serait-ce que pour décrire de manière très formelle et que ça génère une aide en ligne.
Pour la partie fonctionnelle je ne saisis pas trop ce que ça ferait si tu veux produire une API qui interagit en lecture et en écriture, sur un logiciel existant (SPIP par exemple).
Actuellement, moi j’utilise le module HTTPFoundation de Symfony pour gérer les entrées-sorties, et ensuite ma « logique interne » bah c’est forcément moi qui la fait, suivant comment fonctionne SPIP. Ça ne peut pas être généré par un autre logiciel, je vois pas comment .
Je n’en ai pas besoin là tout de suite mais c’est à lire plus en détail et à fouiller ce que ça permet de faire.
#framework #API #développement #web #SPIP
Tu as restler qui s’appuie dessus pour générer la documentation
▻http://www.luracast.com/products/restler
Cela ne s’occupe pas du fonctionnel/métier, uniquement de l’encapsulation pour l’api. On peut en voir un exemple avec #dolibarr
RÖCSSTI : le micro-framework CSS qui a la patate !
►https://rocssti.net
Un framework CSS minimaliste, simple, très léger et customisable à souhait. Conçu pour les sites responsive, avec en particulier une grille en em.
Basé sur des conventions de nommage des classes (noms courts et explicites) + une méthode de rangement des éléments.
Inclu des versions SASS et LESS, propose un générateur pour ceux qui n’utilisent pas de pré-processeur CSS.
Basé sur le reset CSS de Tetue et recycle plusieurs éléments de Knacss
Les lignes directrices : ▻https://rocssti.net/guideline-rocssti-css
Le code complet commenté : ▻https://rocssti.net/code-css-commentaires-rocssti
bcosca/fatfree: A powerful yet easy-to-use #php micro-framework designed to help you build dynamic and robust Web applications - fast!
▻https://github.com/bcosca/fatfree
Condensed in a single ~65KB file, F3 (as we fondly call it) gives you solid foundation, a mature code base, and a no-nonsense approach to writing Web applications. Under the hood is an easy-to-use Web development tool kit, a high-performance URL #routing and cache engine, built-in code highlighting, and support for multilingual applications. It’s lightweight, easy-to-use, and fast. Most of all, it doesn’t get in your way.
F3 supports both SQL and NoSQL databases off-the-shelf: MySQL, SQLite, MSSQL/Sybase, PostgreSQL, MongoDB and its own lightning fast Flat-File DB (we call it Jig). It also comes with powerful object-relational mappers for data abstraction and modeling that are just as lightweight as the framework. No configuration needed.
F3 can also shield you from spam and DoS attacks, by performing DNSBL checks. It can increase your server health and uptime, by controlling web server traffic with profile analysis and bandwidth throttle.
Petit mais costaud, ça fait plus « out of the box » que Lumen et Silex.
Pas mal pour faire une API Rest rapidement, entre autres.
Grillade, by KNACSS, une #grille simple en #flexbox
►http://knacss.com/grillade
#css
Voir aussi : ▻http://schnaps.it
Générateur de template HTML5 since 1664
Et dans le même genre il y a ►https://rocssti.net
Tone.js
▻https://tonejs.github.io
Tone.js is a framework for creating interactive music in the browser. It provides advanced scheduling capabilities, synths and effects, and intuitive musical abstractions built on top of the Web Audio API.
#audio #api #browser #music #javascript #framework #synth #web
Frameworks without the framework: why didn’t we think of this sooner? • Svelte
▻https://svelte.technology/blog/frameworks-without-the-framework
Une nouvelle approche de #framework #javascript.
A suivre...
▻https://svelte.technology/guide
If you’ve ever built a JavaScript application, the chances are you’ve encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces.
But Svelte has a crucial difference: rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don’t pay the performance cost of the framework’s abstractions, or incur a penalty when your app first loads.
The Svelte implementation of TodoMVC weighs 3.6kb zipped. For comparison, React plus ReactDOM without any app code weighs about 45kb zipped. It takes about 10x as long for the browser just to evaluate React as it does for Svelte to be up and running with an interactive TodoMVC.
And once your app is up and running, according to js-framework-benchmark Svelte is fast as heck. It’s faster than React. It’s faster than Vue. It’s faster than Angular, or Ember, or Ractive, or Preact, or Riot, or Mithril. It’s competitive with Inferno, which is probably the fastest UI framework in the world, for now, because Dominic Gannaway is a wizard. (Svelte is slower at removing elements. We’re working on it.)
It’s basically as fast as vanilla JS, which makes sense because it is vanilla JS – just vanilla JS that you didn’t have to write.
Quick tour of Polymer - Polymer Project
▻https://www.polymer-project.org/1.0/docs/devguide/quick-tour
La présentation du fonctionnement de Polymer vu du côté codeur.
Polymer, framewok développé par Google, permet de découper une application web en plusieurs morceaux (composants), indépendants, qui contiennent le code HTML (structure), le style CSS et le code Javascript . Le framework fourni un ensemble de composants Polymer préexistants et donne la possibilité de créer ses propres composants.
Voir aussi : ▻https://github.com/Polymer/polymer
Pour le concept plus général de « web component », voir ▻http://jonrimmer.github.io/are-we-componentized-yet
et ▻http://webcomponents.org
Pour la version Mozilla des webcomponents (= X-tag), voir ▻http://x-tag.github.io
#polymer #google #framework #application #web_dev #composant #webcomponents
De biens drôles de questions sur le #PowerShell !
▻http://www.dsfc.net/developpement/scripting/de-biens-droles-de-questions-sur-le-powershell
L’une des questions posées par mon interlocuteur monégasque m’interroge sur la manière dont le PowerShell est présenté dans certains centres de formation parisiens.
React or not react ?
▻http://openweb.eu.org/articles/react-or-not-react
Un article « prise de recul », intelligent et nuancé sur le sujet des frameworks / outils front-end actuels.
Il remet les choses en contexte, et fait un bon état des lieux, sans être trop troll ou polémique.
#javascript #frameworks #web #SPA #reactjs
Tu peux te servir de React en mode largement fonctionnel, notamment avec Immutable ou en exploitant les nouveaux composants qui sont de pures fonctions de leurs props. J’ai passé la semaine à ça, c’est plutôt chouette.
Oui, oui.
Sinon, visiblement, l’article crée de la polémique, j’ai dû débarquer en plein milieu d’une rixe.
Les guéguerres de chapelle me saoulent, les gens sont bêtes, butés, mesquins, mélangent tout. ça doit être dû à ce super ouikende.
Je vais plutôt dépenser mon énergie à m’occuper de ce qui est important.
Franchement les #frameworks toussa c’est chouette, mais à me prendre la tête dans les dépendances de bundle #symfony, ou à essayer d’installer des trucs avec #npm oui-mais-ça-marche-pas-mais-faut-installer-truc-muche-legacy pour s’apercevoir qu’il y a des bugs et qu’il faut la v 2.0 oui-mais-ça-marche-pu-truc-muche-legacy-toussa-on-t-a-expliqué-larbin-de-développeur je me dis que des fois c’était mieux avant.
#vieux_con
On Digital Publishing
▻http://pxcraft.pub/en
pxcraft.pub is a reinvention of ye olde printing press for digital contexts: It empowers people to transform texts into powerful reading experiences on screens. It imbues digital reading with bookish quality. It’s free and open source.
Start-up : Pixelcraftbooks, Leipzig / „E-Books ohne Handschellen“ / boersenblatt.net
▻http://www.boersenblatt.net/artikel-start-up__pixelcraftbooks__leipzig.992915.html
Jetzt, da die Basisfunktionalität und -optik erarbeitet ist, hat das Leipziger Startup drei aufregende Pilot-Projekte in der Pipeline: Da ist zunächst eine digitale Version von Paul Maars Kinderbuch-Klassiker „Onkel Florians fliegender Flohmarkt“ (1977) – eine Zauberkiste voller kreativer Einfälle zum Anschauen, Vorlesen, Weiterspinnen – und damit ideal geeignet zu demonstrieren, was Jochmanns entfesseltes HTML im Jahr 2015 drauf hat. Eigentlich liegt die digitale Lizenz für diesen Titel bei Oetinger; die Hamburger finden den Pixelcraft-Ansatz jedoch so spannend, dass sie grünes Licht gaben: Bitte ausprobieren! Dass Paul Maar Jakobs Patenonkel ist, hat der Sache sicher nicht geschadet. Ferner tüftelt Jochmann an einem Erstleser- sowie einem Kochbuch, beide sollen mit der durchdachten Verknüpfung von Text und Interaktivität punkten. Das Geld für die Realisierung will Pixelcraftbooks via Crowdfunding einsammeln, für Verlagspartner, die sich an der Entwicklung beteiligen wollen, ist man ebenfalls offen. Das Know-how, das beim Experimentieren mit neuen, innovativen Lese-Angeboten entsteht, will der Laborverlag als Dienstleister weitergeben. Momentan, so gesteht der Verleger, ist „Selbstausbeutung“ allerdings noch die wichtigste Finanzierungsquelle des Unternehmens. Notfalls müssen hin und wieder ein paar Beratungsaufträge jenseits der Branche den Schornstein am Rauchen halten.
Digital Reading Simplified | Readk.it
▻http://readk.it
Readk.it is a responsive EPUB reading system taking advantage of the abilities of modern web browsers to allow an attractive reading experience on all manner of devices. Readk.it is free for all to use and adapt.
GitBook
►https://www.gitbook.com
A modern publishing toolchain. Simply taking you from ideas to finished, polished books.
pxcraft.pub est un projet de Jakob Jochmann. C’est le fils d’un auteur de livres d’enfants á succès qui vient de programmmer une plateforme libre pour la création de livres sans DRM. C’est un framework assez prometteur tout comme les autres solutions open mentionnées plus haut.