Do we need yet another UI framework? Probably not. This is something im working on to practice, learn and to use in my own projects.

I decided to create a UI framework to make LitElements more functional. I like the idea of webcomponents and litElement, but i also liked the ReactJS syntax for what i think is "more readable" and "more maintainable" code. So i decided to create a simple todo app using a functional approach with LitElements.

Im investigating unstable and experimental features, so i dont reccommend anyone to adopt using this yet. The implementation is far from finished, but seems to be working enough to test.

Future improvements on this im looking into are:
- bottom-up state management
- encrypted state persistence at rest

Todo List how-to: https://positive-intentions.com/blog/dim-todo-list

Blog: https://positive-intentions.com/blog/dim-functional-webcomponents

GitHub: https://github.com/positive-intentions/dim

Demo: https://dim.positive-intentions.com/?path=/story/components-todo--basic

So, I've been tearing my hair out over this problem with Webpack generating incorrect sourcemaps for my Sass files. When I inspect in developer tools (or use a tool like this one), the generated CSS maps to the wrong source files. This only seems to happen with my own code, not third-party Sass files (I'm including Bootstrap in my project). I've definitely narrowed the issue down to being Webpack-related: When I compile from the command line with (Dart) Sass, the emitted sourcemap is correct. I've setup an example project to prove this. The Webpack configuration there is nearly identical to my actual project's config (except the actual project's config also compiles JS, images, fonts, etc.). Compare the output in the dist directory when you run npm run build to when you run sass --embed-sources -I ./node_modules/ src/scss/app.scss:dist/app.css, there's definitely a difference in the main sourcemap. If it matters, you'll notice that I'm using use directives instead of import (as opposed to Bootstrap's outdated Sass code).

I am starting to build a web application for travel.

It requires a highly dynamic front end that will interact with vendor APIs to retrieve search results.

Which front end tech should I use?

I’m an experienced backend developer, I’m tired of using plain css, and want to learn something to make frontend less of a pain. Ideally something that can is light, and has little boilerplate code. What should I do?

Similar to like how you can drag apps and tiles on a smartphone home screen, but I want to make a website like that.

hey fellow frontenders
I'm looking at some awwwards masterclasses and found out thatnthey're 10 euros right instead of 100
would it be worth it to buy a couple of masterclasses?
anyone in here who has done some of them? I'd like to hear about your epxerience

I would like to know how do you utlize Figma devmode when you work with designers.

What is

border-radius: 4px 3px 6px / 2px 4px

equivalent to in longhand? Feel free to use the spec, you will still get it wrong 😅

Answer:

! border-top-left-radius: 4px 2px;

border-top-right-radius: 3px 4px;
border-bottom-right-radius: 6px 2px;
border-bottom-left-radius: 3px 4px; !<

So intuitive. I <3 CSS

I have a behaviour round with VP of product for senior front end position, anyone have any tips ? I never been interviewed by product people before , usually it’s manager or engineers

Thanks

How might I start building things like volume knobs and sliders in react? We used to build things like this in flash. So this is using drag inputs and constraining graphics. Having infinitesimal resolutions to work with don't know where to start.

Hey everyone!

We're looking to replace our current component library, which is built with BootstrapVue. The main reasons for the switch are:

1. Incompatibility with Vue3
2. BootstrapVue uses Bootstrap v4 under the hood which is very heavy-weight as it still uses jQuery.

We already use TailwindCSS and SCSS in our development, so we're considering shadcn as a potential replacement. One key requirement is that the new library must be heavily customizable to help us maintain the look and feel of the Bootstrap components we're currently using.

We also need it to support:

• Accessible components
• Responsive design
• Vue3 compatibility
• Interactive Components (Modals, Dropdowns, etc.)
• Animations and Transitions
• Comprehensive Documentation and Active Community
• Potentially Dark Mode Support

Does anyone have experience using shadcn in a Vue3 + Tailwind environment? Are there other UI libraries or frameworks you'd recommend that offer a good balance between performance, customization, and accessibility?

Thanks in advance for your insights!

I have solid knowledge of PHP, HTML, CSS, and JavaScript. I'm currently seeking opportunities to gain experience and earn a sustainable income for daily expenses. Ideally, I’m looking for a salary range between $200 and $400, which works perfectly for me. Alternatively, I’d consider an internship, even unpaid, as long as the schedule isn’t too demanding.

Currently, I’m training to become a Back-End Developer with the goal of transitioning into Full-Stack development. I’m expanding my skills in TypeScript, Angular, React, and Vue. My English is at an intermediate level—it’s not conversational yet, but I’m actively working on improving it.

I hope this post doesn’t break any sub rules.

I was given a very strange task at front end coding round. We save data from user they can enter host + port host can be letters and numbers. ports only numbers they are divided by : for instance abc:1000, abc1:1005, abc5:1000 also possible abc1:1001,abc10:1002, abc11:1003, abc100:1004 What data structure would I use to save the input. hint: in the last examples 1 - is binary equal to 1, 10 is to 2, 11 to 3 and 100 to 4 anyone has an idea what is it about ? I asked interviewer in the end, but he said there is not correct answer it is open ended question.

Feels like I'm hitting a brick wall - designing a site for a luxury personalised gifting business that also wants a defined homeware section, two different niches that need to meld together...

Any sources of inspiration? Limited to a degree as I'm building it through Pagefly via Shopify - at first I thought it was the perfect site builder... Slowly regretting it and questioning life choices 😭

Oke let me state. I am not an expert developer but im more of a jack of all trades master of none. I know my way around and my motivation and nice feelings in my stomach when i create a nice looking website get me quite far in the game. But i never really dived into wordpress. I mean its easy but i also feel it could be better.

Hey everyone !

I would like to implement in my app a custom and not loop animation while the page loads..
If I render it on the loading default component, possibily the animation will be completed before the page is ready.

So, here is what I would like to do:
Create a component that runs the begining of an animation and when the page is "ready", I run the last part of the animation.

Could you please help me to achieve it ?

Thank you very much !!

So I made a video to showcase this, but I'm not allowed to use YouTube links so I'll just link the extension: https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl

I’ve got 4-6 weeks free and I need a new project to keep me busy.

Does anyone have any problem they want solved or something they want solved but arent going to do it themselves?

Just built podcasttomp3.com in a few days after building a Learning Management System last couple of months.

Not charging anything, just need a cool idea.