A professional front-end template for building fast, robust, and adaptable web apps or sites.Project mention: Pollen – A library of CSS variables inspired by TailwindCSS | news.ycombinator.com | 2021-09-04
- The sizes are just multipliers. If you are standardizing on a value multiplier, use that multiplier (calc) and stick to a standard default instead of defining each step. So, my `medium` and `large` may be multiplied by a golden ratio number instead of just a multiplication. So, I'd would used `--size-normal`, `--size-medium` or `--size-large` etc but the medium and large will be derived from normal with a formula. Same for width.
Nonetheless, and despite my opinion, this is a good starter. I'm going to steal this and refine my own style.
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Prettier is an opinionated code formatter.Project mention: Setup ESLINT and PRETTIER in React app | dev.to | 2021-09-25
Prettier is an opinionated code formatter which is compatible with most of the languages. It saves a lot of time. It quickly indents our code on save (depends on VSCode/editor settings).
📦🚀 Blazing fast, zero configuration web application bundlerProject mention: I completely ignored the front end development scene for 6 months. It was fine | news.ycombinator.com | 2021-09-03
Last year, I built a little widget thing in plain JS with Parcel. It took away 100% of the tooling I used to spend a couple hours nailing down just to get started. When I need small JS projects that don't need a framework, etc, I'm likely to use Parcel in the future.
Video.js - open source HTML5 & Flash video playerProject mention: 18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project | dev.to | 2021-09-03
A plugin that displays customizable markers upon progress bars of the video with Video.js. This could be used to show video breaks and show overlaid text on the video when playback reaches the specific break point.
⚡️ Front End interview preparation materials for busy engineersProject mention: Questions in Front-end Interview | reddit.com/r/Frontend | 2021-09-25
Front End Intervhew Handbook - https://frontendinterviewhandbook.com/ has got you covered :)
:green_book: SheetJS Community Edition -- Spreadsheet Data ToolkitProject mention: Any reporting engine in nodejs? | reddit.com/r/node | 2021-09-08
A set of small, responsive CSS modules that you can use in every web project.Project mention: 23 Responsive And Lightweight CSS Frameworks | dev.to | 2021-07-27
Pure.css is one of the best lightweight CSS frameworks. All the modules are packed in at 3.7KB minified and gzipped, equipped with different features. Pure.css is developed keeping mobile devices in mind. If you plan only to use one subset of these modules, you will end up saving even more bytes.
Bootstrap 5 & Material Design 2.0 UI KITProject mention: What is this layout called? | reddit.com/r/webdev | 2021-08-03
It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here
Lightweight, user-friendly onboarding tour libraryProject mention: How to make a tutorial for my website? | reddit.com/r/learnprogramming | 2021-06-30
I'm highlighting the "against a real browser" bit because doing so provides the highest confidence that the element as it behaves in tests will be the same as it behaves in the wild. This is opposed to using something like jsdom, which has classically had poor support for web components.
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —Project mention: [p5.js] mask one graphics with another? | reddit.com/r/processing | 2021-09-19
Apparently this is possible in processing but masking one p5.Graphic with another p5.Graphic doesn't seem to be a thing in p5.js yet? I have an animation I am generating that I want to mask with another graphic as well. The problem is, as far as I can tell, I can only mask a p5.Image? Drawing to the graphic and then using .get() to get the graphic as an image is a real big bottleneck in terms of performance. I tried the code listed here but it was erroring out on the line p5.Renderer2D.prototype.copy.apply(this, copyArgs);. Maybe because it was written for an older version of p5, but I'm not sure how to use it with the newest version of the p5 lib. Thanks.
:a: web framework for building virtual reality experiences.Project mention: Manim: An animation engine for explanatory math videos | news.ycombinator.com | 2021-08-20
I think there is a lot possible with a ThreeJS approach for DataViz. For instance there is a project  to have R implemented in A-Frame  (a simplified HTML like framework for ThreeJS). 3D in AR/VR is definitely a whole new visual language space for education such as the work by FlowImmersve's TicTok Data Guy .
Markdown to HTML : It seems good to me(it gives the freedom regarding styling of article) but again the problem is where would I store the data.
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. (by aurelia)
Create PDF documents using web technologiesProject mention: Beautiful PDFs from HTML | news.ycombinator.com | 2021-04-04
A few years ago I started an alternative to PrinceXML called ReLaXed.js , it's always been sufficient for my reports but it may lack some pagination/layout features that Paged.js may have as they seem to have given this much more thoughts (still wrapping my head around whether paged.js could be "plugged into" Relaxed).
A curated collection of common interview questions to help you prepare for your next interview.Project mention: Frontend Developer Interview @Zalando | reddit.com/r/cscareerquestionsEU | 2021-03-31
I can't give you Zalando specific prep tips, but general prep tips from my experience with bigger companies that still have this startup-ish mentality. Make sure that you understand the details of JS (event loop, promises, etc.) and if they mentioned the tech-stack (vue, react, whatever) make sure you thoroughly understand them as well. And expect questions about your cultural fit, so have a genuine interest in the company (google it) and in a good work environment (knowledge sharing, pair programming, mentoring). For system design, be sure to think of CI/CD, testing and monitoring. And if you don't know something, be open about it and mention that you are willing to learn, don't make something up or try to cheat, it will be noticed. And remember its a two way street, ask questions. i like this resource for interview preparations a lot: 30-seconds-of-interview
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.Project mention: When doing an @import to include external CSS, do the imports have to be before any other CSS? | reddit.com/r/css | 2021-09-07
A habit tracker app which treats your goals like a Role Playing Game.Project mention: Habitica – An OSS habit building program which treats your life like a RPG | news.ycombinator.com | 2021-09-16
website: Onsen UI
AriaNg, a modern web frontend making aria2 easier to use.Project mention: The complete guide to building your personal self hosted server for streaming and ad-blocking powered by Plex, Jellyfin, Adguard Home and Docker. | reddit.com/r/Piracy | 2021-09-18
VNC client web applicationProject mention: Showcase of noVNC on proot-distro archlinux | reddit.com/r/termux | 2021-09-12
git clone https://github.com/novnc/noVNC (clone novnc from the repo)
Generates an image from a DOM node using HTML5 canvasProject mention: Can anyone help develop a button that takes a screenshot of an embedded vimeo video? | reddit.com/r/elementor | 2021-06-28
Hmm, tricky. I just tried it with dom-to-img and it didn't work.
Are you hiring? Post a new remote job listing for free.