flexbugs
core
flexbugs | core | |
---|---|---|
9 | 284 | |
13,647 | 44,710 | |
- | 1.3% | |
0.0 | 9.8 | |
4 months ago | 5 days ago | |
TypeScript | ||
MIT License | MIT License |
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.
flexbugs
- Flexbugs
-
Use any web browser as GUI, with Zig in the back end and HTML5 in the front end
For old features yes, for new ones it depends.
https://github.com/philipwalton/flexbugs
-
I am not that excited about new CSS features
First, we read all the articles that showed us how to use it. Then we need to understand the axes. After that, we needed to wait for browser support. In the meantime, some of us brave enough used float fallbacks. On top of all that, we needed to deal with bugs. Those were the happy times, but they got us to this point in the frontend development phase.
-
What are some cross-browser quirks to watch out for nowadays?
To actually contribute, there's some flexbox bugs here which are still valid. https://github.com/philipwalton/flexbugs
-
My Good Friend Flexbox
If you find yourself in a situation when you have to solve a flexbox related layout bug for IE11, you might want to have a look at this collection of known issues and workarounds which helped me a great deal in the past.
-
Make formal verification and provably correct software practical and mainstream
For functional stuff, sure, but I don't think this is achievable within the UI domain. CSS rules have implementation details that change how you write it, for example there's a documented set of issues in flex implementations maintained here: https://github.com/philipwalton/flexbugs
It might be practical and possible to become mainstream for some domains, but it's doubtful for others.
- I hit a wall learning CSS Flexbox alignment and justification two weeks ago, so I wrote a web page to try to figure it out. I accidentally documented all the differences between how Chrome and Firefox interpret flexbox alignment and justification. IDK if this is useful or not, but here it is.
- Long live Flexbox
-
Debugging CSS: Some Tips and Tricks
For example, I've regularly ran into flexbox issues that are Safari-specific. I've discovered these by testing in other browsers and confirming that the issue only shows up in Safari. A good reference of Flexbox browser-specific bugs is Philip Walton's flexbugs repo.
core
- React.dev?Uwu=True
-
Using Nuxt Content: Working with Remote Markdown Files
Nuxt is an open-source framework for building performant websites and full-stack applications using Vue.js. It provides performance and SEO benefits, and adds full-stack capabilities for Vue apps.
-
The easiest way to authenticate users with Vue.js
As you can see, it's a simple Single Page Application built with Vue.js where our users can sign up / sign in with a few clicks.
-
Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI
Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
-
Securing Vue Apps with Keycloak
Vue.js is an open source web framework that makes developing web applications easier.
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Frameworks and Libraries: There are numerous JavaScript frameworks and libraries, such as React, Angular, and Vue.js, which simplify the development of complex web applications.
-
Full Stack Web Development Concept map
Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. docs State - a key react concept that guides setting and storage of data between renders. docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs
-
What is Reactivity?
Vue
-
Vue 3 Explained: Rendering 101
Vue 3 Reactivity Source Code
-
Why I Personally Decided to Bet on JavaScript
Nonetheless, it offers nearly infinite possibilities. You can code and create anything, from a mobile app with React Native to a desktop application with Electron.js. Furthermore, JavaScript provides excellent frameworks and libraries that can be applied in various approaches, such as React, Three, Vue, Meteor, and Astro.
What are some alternatives?
browser-compat-data - This repository contains compatibility data for Web technologies as displayed on MDN
unplugin-vue-components - 📲 On-demand components auto importing for Vue
magmide - A dependently-typed proof language intended to make provably correct bare metal code possible for working software engineers.
vue-cli - 🛠️ webpack-based tooling for Vue.js Development
webui - Use any web browser as GUI, with your preferred language in the backend and HTML5 in the frontend, all in a lightweight portable lib.
vite - Next generation frontend tooling. It's fast!
gnoga
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
dafny - Dafny is a verification-aware programming language
React - The library for web and native user interfaces.
webui-demo - WebUI standalone binary template
auth - A JWT based API for managing users and issuing JWT tokens