packages
rdflib.js
packages | rdflib.js | |
---|---|---|
38 | 4 | |
419 | 554 | |
1.7% | 0.2% | |
6.5 | 7.6 | |
20 days ago | 9 days ago | |
TypeScript | HTML | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
packages
-
Faster React apps coding: How to migrate from Emotion CSS-in-JS to Stylify Utility-First CSS
I will be happy for any feedback! The Stylify is still a new Library and there is a lot of space for improvement 🙂.
-
How to Effortlessly Migrate from Styled Components CSS-in-JS to Stylify Utility-First CSS for Better React Development. | Stylify CSS
Hi all!I have made a guide on how to switch from Styled Components CSS-in-JS to Stylify Utility-First CSS.Stylify is a library that uses CSS-like selectors to generate optimized utility-first CSS based on what you write.I would be happy for any feedback if it is understandable :).Thanks in advance for any response!
-
How to Effortlessly Migrate from Styled Components CSS-in-JS to Stylify Utility-First CSS for Better React Development.
Say goodbye to CSS-in-JS and Runtime scripts for injecting and compiling CSS and hello to lightning-fast coding with Stylify Utility-First CSS. As a React frontend engineer, you know the importance of efficient, streamlined solutions that don't sacrifice style or functionality. And that's exactly what Stylify offers.
-
Best Practices for Utility-First CSS
const compilerConfig = { // CSS variables are note enabled by default in Stylify replaceVariablesByCssVariables: true, // https://stylifycss.com/docs/stylify/compiler#variables variabels: { textFontSize: '12px', textColor: '#000', // Tries to match a screen, can be sm, md, lg... minw400px: { textFontSize: '18px' }, // For a @media (prefer-color-scheme: dark) dark: { textColor: '#fff' }, // When screen is not found, // it falls back to a custom selector // in this case element with the ".dark" class // which will very probably be the root (html el) '.dark': { textColor: '#fff' }, } };
-
Using Beautiful Material Themes from Material Theme Builder in Stylify CSS
Apart from the colors module, there is a typography.module.css. You might want to remove it as well and rewrite these classes into Stylify CSS components using Stylify dynamic components syntax.
-
Stylify CSS: Code your SvelteKit website faster with CSS-like utilities
Stylify + SvelteKit. Style your SvelteKit website faster with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get generated CSS with advanced optimization for production.
-
Stylify CSS: Code your Remix website faster with CSS-like utilities
const { Bundler } = require('@stylify/bundler'); const isDev = process.argv[process.argv.length - 1] === '--w'; const bundler = new Bundler({ watchFiles: isDev, // Optional compiler: { mangleSelectors: !isDev, // https://stylifycss.com/docs/stylify/compiler#variables variables: {}, // https://stylifycss.com/docs/stylify/compiler#macros macros: {}, // https://stylifycss.com/docs/stylify/compiler#components components: {}, // ... } }); // This bundles all CSS into one file // You can configure the Bundler to bundle CSS for each page separately // See bundler link below bundler.bundle([ { files: ['./app/**/*.tsx'], outputFile: './app/styles/stylify.css' }, ]);
- Want to write CSS faster? Don't want to study any framework? Try Stylify CSS 💎
-
Stylify CSS: Style your website faster with CSS-like utilities (StylifyCSS.com)
I have made a Stylify CSS that uses CSS-like selectors to generate optimized utility-first CSS. It can be integrated into various tools: Next, Vue, Angular, Next, Nuxt.
rdflib.js
- Local First Tuple Database
-
Useful resources for Solid
Another possibly useful resource is https://docs.inrupt.com/developer-tools/javascript/client-libraries/, detailing the various JS tools Inrupt provides. Was thinking this could be useful to share, along with https://github.com/linkeddata/rdflib.js/, which is a powerful tool for working with Linked Data in JavaScript.
-
Recording of Solid World February 2021
There's also rdflib.js (https://github.com/linkeddata/rdflib.js/) if you want another approach to handling linked data.
-
A Review of the Semantic Web Field
> Talking about RDF is absolutely meaningless without talking about Serialisation (and that includes ...URGH.. XML serialisation), XML Schema data-types, localisations, skolemisation, and the ongoing blank-node war.
Don't implement XML serialization. The simplest and most widely used serialization is n-quads (https://www.w3.org/TR/n-quads/). 10 pages, again with exaples, toc, and lots of non-normative content.
You don't need to handle every data type, and you can't even if you wanted to because data types are also not a fixed set. And whatever you need to know about skolemisation, localization, and blank-nodes is in the standards AFAIK.
> C'mon, rdflib is a joke. It has a ridiculous 200 issues / 1 commit a month ratio, buggy as hell, and is for all intents and purposes abandonware.
It works, not all functionality works perfectly but like I said I have used it and it worked just fine.
> rdflib.js is in memory only, so nothing you could use in production for anything beyond simple stuff. Also there's essentially ZERO documentation.
For processing RDF in browser it works pretty well, not sure what you expect but to me RDF support does not imply it should be a fully fledged tripple-store with disk backing. Also not really zero documentation: https://github.com/linkeddata/rdflib.js/#documentation
> > What are the alternatives?
> SIMPLICITY!
> But the great thing about it is that there could be dozens of equally simple systems and standards, and we could actually see which approaches are best, from usage.
Okay, so you roll your own that fits your use case. Not much use to me and it is not a standard. Lets talk again when you standardize it. Otherwise do you mind giving an alternative that I can actually take off the shelf to at least the extent that I can with RDF?
I am not going to roll my own standard, and if all the RDF data sets instead used their own standards instead of RDF it won't really improve anything.
What are some alternatives?
brainyduck - 🐥 A micro "no-backend" framework 🤯 Quickly build powerful BaaS using only your graphql schemas
rdfstore-js - JS RDF store with SPARQL support
PrivMX JS Crypto Lib - Javascript crypto library ...
chef-express - Command Line Interface Static Files Server written in TypeScript for Single Page Applications serving in Node with Express
NectarJS - 🔱 Javascript's God Mode. No VM. No Bytecode. No GC. Just native binaries.
pwa-asset-generator - Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
vulcan-next - The Next starter for GraphQL developers
crawlee - Crawlee—A web scraping and browser automation library for Node.js to build reliable crawlers. In JavaScript and TypeScript. Extract data for AI, LLMs, RAG, or GPTs. Download HTML, PDF, JPG, PNG, and other files from websites. Works with Puppeteer, Playwright, Cheerio, JSDOM, and raw HTTP. Both headful and headless mode. With proxy rotation.
socket - Command Line Interface Static Files Server written in TypeScript for Single Page Applications serving in Node with Socket.IO
jirax - :sunglasses: :computer: Simple and flexible CLI Tool for your daily JIRA activity (supported on all OSes)
teachcode - A tool to develop and improve a student’s programming skills by introducing the earliest lessons of coding.