soci-frontend

[Moved to: https://github.com/jjcm/nonio-frontend] (by jjcm)

Soci-frontend Alternatives

Similar projects and alternatives to soci-frontend

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better soci-frontend alternative or higher similarity.

soci-frontend reviews and mentions

Posts with mentions or reviews of soci-frontend. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-07-10.
  • Using SVG to create simple sparkline charts
    7 projects | news.ycombinator.com | 10 Jul 2023
    I ended up hand crafting my svg graphs for non.io for many of the same reasons. I originally was looking around at 3rd party libraries, but one of my goals with the site was to use as few external libraries as possible. I made an attempt at dynamically generating the svg points myself, and found it incredibly easy.

    For context, here's the 22 lines of code it took to create a simple svg graph: https://github.com/jjcm/soci-frontend/blob/master/components...

    And here's the final output: https://non.io/Animation-example

  • We Use Web Components at GitHub
    11 projects | news.ycombinator.com | 4 May 2021
    CSS variables help somewhat with this. Variable values penetrate the shadowroot, so you can effectively build an "api" for styles your component. I've done that a few times, and it's been enough for me to get by in most cases. An example is here: https://github.com/jjcm/soci-frontend/blob/master/components...
  • Add a Dark Theme to a Ruby on Rails App
    1 project | news.ycombinator.com | 15 Mar 2021
    This is excellent for a small app, but if you have any production sized app or a larger team, it's not a great approach. Using colors directly in a theme override mean you have to then design and write the css for every page twice.

    A better approach for doing dark mode is to use semantic tokens as a middleman. This works great not just for dark mode, but theming in general - allowing for high contrast mode, color blind modes, and others, while reducing the amount of effort required to style a new page (rather than growing multiplicatively with direct overrides).

    If you're curious about this, I have a very basic schema I made for my app that you're welcome to steal here: https://github.com/jjcm/soci-frontend/blob/master/docs/token...

    Here's an example implementation of the above schema: https://github.com/jjcm/soci-frontend/blob/master/soci-token...

    The great thing is once it's implemented, it becomes VERY easy to know what token to use where. Got a button that's a primary action in a hover state? You probably want to use --brand-background-hover for the bg. Means you can do a lot of the design directly in code I find.

  • A note from our sponsor - SurveyJS
    surveyjs.io | 8 May 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Stats

Basic soci-frontend repo stats
4
19
0.0
9 months ago

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com