i wanted to see if we can create asynchronous bottom-up state management, we have the basics to put together a state management system. State management solutions in apps typically have ways to persist data.

I wanted to explore if there are any benefits to define and manage state in webcomponents with a bottom-up approach. I wanted to see if it could give a greater flexibility in developing a UI and not having to worry about persisted storage management.

https://positive-intentions.com/blog/bottom-up-storage

cross-posted from: https://lemmy.ml/post/22627659

Hi,

I have a couples of AV1 videos that I would like to display on a html page.

I've tried

<video controls preload="none">
    <source src="FooBar.mp4">
</video>

but it trow back

I've tried first with MKV container as it's listed on the wikipedia page.

but this is not listed on the mozilla page https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs 🤔

Confusing.. as I found also this in the firefox release note:

Firefox 97 and later versions support AV1 video in the MKV container.

So WTF !?

I've tried also

<video controls preload="none">
    <source src="FooBar.mp4" type="video/webm; codecs='av01.0.08M.08'">
</video>

but that change nothing...

Any ideas ?

Thanks.

Hi,

I'm using (like a lot of us, I presume ) Mozilla MDN

But I just discover that they display advertise :'(

Damn that think (MDN doc) is run by committer (I did post few thing on it) and they display advertise ! f**king hell ! Can I have my cut 💵 then ?

beside jokes, do you know good (decentralized ?) alternative to mdn docs ?
Thanks.

If you are new to coding and want to strengthen your skills, starting with the right web development projects is essential. These projects will help you understand fundamental concepts and build a solid portfolio. As technology advances, having hands-on experience with relevant web development projects for beginners 2025 will prepare you for future opportunities

Whether you're looking to work independently or join a company that provides web development services Surat, these projects will give you a strong start.

1. Personal Portfolio Website

A personal portfolio website is the perfect starting point for any beginner. This project helps you learn basic HTML, CSS, and JavaScript. You can showcase your skills, highlight your achievements, and link to other web development projects you have completed. By creating a responsive design, you can also learn the basics of mobile-first web development.

2. To-Do List App

Building a to-do list app is a great project to learn JavaScript. It involves creating an interactive user interface where users can add, remove, and mark tasks as completed. This project teaches you about DOM manipulation, event handling, and basic data storage, which are essential for more advanced web development projects.

3. Responsive Blog Layout

Designing a responsive blog layout is an excellent way to improve your CSS and layout skills. This project involves creating a flexible grid or layout using CSS Flexbox or Grid, which adjusts according to different screen sizes. This hands-on project is great practice for beginners who want to create websites similar to those offered by web development services Surat.

4. Weather App Using APIs

Creating a weather app allows beginners to learn how to work with APIs. By fetching real-time weather data from free weather APIs and displaying it on a simple interface, you’ll understand the basics of making HTTP requests and handling JSON data. This project also introduces the concept of asynchronous programming in JavaScript.

5. Calculator App

A calculator app is a simple yet effective project for understanding JavaScript functions and event handling. By creating a basic calculator that performs addition, subtraction, multiplication, and division, you’ll gain more confidence in your programming logic and learn to build interactive elements on web pages.

6. Landing Page for a Product

A landing page project helps you practice creating visually appealing and conversion-focused web pages. You’ll need to focus on design elements, learn more about CSS animations, and use modern layout techniques. This project is perfect for building skills that are essential when offering web development services Surat and similar markets.

7. Quiz App

Developing a quiz app is an interesting way to practice JavaScript and improve your understanding of functions and logic. You can build a multiple-choice quiz where users can select answers and get immediate feedback. This project enhances your ability to work with arrays, objects, and event listeners.

8. Budget Tracker

A budget tracker project is a great way to learn JavaScript and some basic data management skills. This project will involve creating an app where users can input their expenses, categorize them, and see their total budget. This helps you understand array manipulation, local storage, and how to build practical, data-driven applications.

9. Simple E-commerce Page

Building a simple e-commerce page will introduce you to the fundamentals of creating online stores. This project can include product listings, a shopping cart, and a basic checkout form. It is an excellent way to understand dynamic content rendering and basic form validation, which are key concepts for more advanced web development projects.

10. Real-Time Chat App

For beginners who want to challenge themselves, building a real-time chat app using technologies like Socket.io is a fun and educational project. You’ll learn the basics of client-server communication, data transfer, and how to create real-time interactions on a webpage.

Conclusion

Working on practical web development projects for beginners in 2025 is a great way to build confidence and improve your skills. Simple projects like creating a to-do list app, a portfolio site, or a real-time chat app teach valuable lessons and prepare you for more complex challenges.

If you are aiming to join the industry or offer services similar to web development services Surat, starting with these beginner-friendly projects will give you a strong foundation. Dive into these projects to boost your coding skills and watch your web development journey thrive in 2025 and beyond.

Functional Web Components

https://positive-intentions.com/blog/dim-todo-list

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

Demo: https://dim.positive-intentions.com

TL;DR: iOS Safari is more than an inconvenience for developers, it's the fundamental reason interoperability has been stymied in...

Since I moved to a new laptop, my Jekyll setup seems to have become unusable. It appears the gems required by my site aren't found, or properly configured, even after a bundle install command that updated a bunch of them.

~~Error messages on bundle exec jekyll serve: https://pastebin.com/gyg8YpMx~~

Result of bundle install: https://pastebin.com/LKSstmJt

I'm by no means a Jekyll or Ruby expert (barely a user), but I used to have a tolerably functional environment to update my site. Any help on getting that up and running again is much appreciated!

Update 1:

I managed to solve the SASS issue that @Kissaki@programming.dev pointed out. Now the bundler asks about a possible typo in a gallery plugin 😰

See new error messages on bundle exec jekyll serve: https://pastebin.com/kk6HHv7Y I hope not every line in there is an error I have to fix...

Update 2 (solved)

Edited the RB plugin file according to the error message, and ...that was all? The site generates as in the olden days.

Thank you all who chipped in with advice!

I am currently working on a fairly old website service for the company's internal needs. The stack is quite old - PHP 5.3. It so happened that company can't abandon it right now.

... In short, I received a task to develop a REST API for this service. It is clear that I cannot use the current stack. What can I use as a standalone core for the new API? The main thing for me is the speed of development and ease of learning. For example, I would like Bearer authorization / some rights model out of box.

Something like Laravel, but separate instance of it just for the API seems a little overkill for me. What you can advise me? Any boilerplates / software recommendations are welcomed.

PS: My database is MSSQL 2016, so it could be a problem.

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

im investigating an idea i have about functional webcomponents after some experience with Lit.

Lit is a nice lightweight UI framework, but i didnt like that it was using class-based components.

Vue has a nice approach but i like working with the syntax that React used and i wondered if with webcomponents i could create a functional UI framework that didnt need to be transpiled.

i think the article is already quite long, so i think i will create a separate one as a tutorial for it.

note: im not trying to push "yet another ui framework", this is an investigation to see what is possible. this article is intended as educational.

I exported a Wordpress site as a static site and have been hosting that on Gitlab. I'd like to start updating the blog again and I'm wondering how to go about it.

For the blog, I've been adding/coding the entries manually, which I still prefer to using Wordpress. Now I have someone who needs to take over the blog and I need something more simple for them.

I've looked into DropInBlog ( https://dropinblog.com ) but it's way beyond our budget, so I've been thinking to either:

• Give them git access and let them add a text file and image to a special directory when they want to post. Then I can have a script run a few times per hour which converts that into a blog post. I'd also need to update the blog index with my own code.

• Let them use something RSS based with a nice interface and scrape that to generate the blog. Mastodon is one option, as is Wordpress. Ideally the blog they maintain would not be accessible to others on the web though. I don't want to split our SEO presence.

Does anyone have a better suggestion? The website doesn't use a framework like Jekyll or any of those. It's just HTML, CSS and JS.

I'm following the odin project to learn web development. I had read about malicious packages in npm multiple times, so I avoided it until now. I'm on the webpack lesson now, and to use webpack, I need to install it using npm. I also see that it has many dependencies, and those dependencies will have other depenedencies and so on.

Why is it like this? Is there any other tool like webpack that doesn't require npm? Or rather, can someone clarify how to properly use npm or link a guide that explains it? I have this kind of fear and reluctance about using npm after all the things I read.

Let's build another web browser based on Servo!

Most modern JavaScript UI frameworks boast Reactivity, but have you ever wondered what that means exactly?

In my opinion, Reactivity is largely responsible for making modern frontend development unintuitive to outsiders.

This blog post explains what Reactivity is, and how it manifested in the frontend development world today.

You might find this interesting if you're: a frontend dev unfamiliar with the concept, a non-frontend dev interested in frontend, or just curious what Reactivity is!

How do we improve JavaScript usage, teach progressive enhancement and reconcile the community?

I would like to create a site that that allows people to select a category and/or a sub-category and invite people to join and partake in something for a limited time period determined by the OP, but also allowing other users to suggest alternative options as a votable option.

I have no idea where to start with any of this.

Is it just forum software that I should be looking at, and could anyone recommend one if it is. Also how much should I be looking at to begin with?

EDIT - Thanks everyone, all good options to look at. I am going to try a Lemmy Sub, as that seems to be the most favoured answer by users. Hopefully I will get to grips with it. 🙂